@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap";
:root{--container:1540px}
.accessory__item::before,.alertBox__inn .alertBox__icon::before,.awardItem::before,.award__item::before,.bannerPic::before,.brandBox__item figure:before,.brandBox__item__txt span::before,.brandLList__item__txt span::before,.btnStyle span:after,.btnStyle span:before,.compareClick label::before,.compareItem__card::before,.comparePage__table::after,.comparePage__table::before,.downloadItem__name::before,.dropdownToggle::before,.ePaperBox .impBtn::before,.filiterItem .dataItem label::before,.footerTop__left__txt::before,.footer__bom .container .linkBar a + a::before,.impBtn::after,.innerBanner::before,.newsDate::before,.newsItem__box::before,.playBtn::after,.popUp--accessory::before,.proAlbum .slick-list::before,.proMenuBox .proMenu__item--deco::before,.productList__item::after,.productList__item::before,.siteMap:before,.slick-slider .slick-arrow:after,.smallBtn::before,.videoBox__item::before,.videoBox__item__pic::before{position:absolute;content:""}
#goTop,#toast,.accessory__item::before,.alertBox__pop,.awardItem article h4,.awardLst .award__item .award__item__pic img,.award__item::before,.brandBox__item figure,.brandBox__item figure img,.brandBox__item figure:before,.brandBox__item__txt h6,.brandBox__item__txt span,.brandLList__item__txt span,.brandLList__item__txt strong,.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proPic img,.compareBox .compareBox__top button,.compareBtn .compareBtn__num,.compareItem,.compareItem__card::before,.detailTop,.fullBk .fullBk__item,.impBtn::after,.innerPage__side .innerPage__side__sort li,.newsItem figure img,.picVideo .pictureWay,.playBtn,.playBtn::after,.popUp--accessory .accessoryBox .slider-nav .slick-track figure,.popUp--accessory .popUp--accessory__top .popUp__close img,.popUp--compare,.popUp--compare .compareClose i,.popUp--media,.proAlbum .slick-list .slick-slide img,.proAlbum figure img,.proArea--accessory .proArea__content .accessory__item figure img,.proMenuBox,.productList__item::after,.productList__item::before,.productList__item__pic img,.searchBox .searchBox__result__item,.searchSort__tab li,.slick-slider .slick-arrow,.slick-slider .slick-arrow:after,.slick-slider .slick-dots .slick-active::before,.videoBox__item__pic::before{-webkit-transition:all .3s linear;transition:all .3s linear}
body{font-family:Montserrat,"Noto Sans TC","Noto Sans SC","微軟正黑體",sans-serif;font-size:16px;line-height:1.5;color:#000;position:relative}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;pointer-events:none;opacity:0}
body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;pointer-events:none;opacity:0;-webkit-transition:all .3s linear;transition:all .3s linear}
body.page-fade::after{opacity:1}
body.mask::before{opacity:.5;-webkit-transition:.5s cubic-bezier(0.42,0,0.58,1);transition:.5s cubic-bezier(0.42,0,0.58,1);pointer-events:all}
body.searchMask{overflow:hidden;width:calc(100svw - 4px);margin-right:4px}
body.searchMask::before{opacity:.5;z-index:1}
.darkPage{background-color:#000}
.darkPage .defaultTxt{color:#eee}
.defaultTxt{font-size:18px}
.innerPage{margin-bottom:10rem}
.innerPage .innerPage__main{text-align:center;border-bottom:1px solid #fff;padding-bottom:2rem;margin-bottom:2rem}
.innerPage .innerPage__main .innerPage__main__title{font-weight:600;font-size:40px;margin-bottom:1.5rem}
.innerPage .innerPage__main .breadCrumb{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media all and (max-width: 1200px) {
.innerPage{margin-bottom:8rem}
}
@media all and (max-width: 991px) {
.innerPage{margin-bottom:6rem}
}
@media all and (max-width: 768px) {
.innerPage{margin-bottom:2rem}
}
a{color:#000;text-decoration:none;-webkit-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#ccc}
*{-webkit-backface-visibility:hidden;backface-visibility:hidden}
* figure{margin-bottom:0}
img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
.en{font-weight:500}
.container{max-width:var(--container)}
.container--flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.productPage .container{gap:8rem}
@media all and (max-width: 1400px) {
.productPage .container{gap:6rem}
}
@media all and (max-width: 1200px) {
.productPage .container{gap:4rem}
}
.blockHeight{padding:6.5rem 0 1.5rem}
@media all and (max-width: 1200px) {
.blockHeight{padding:5rem 0 1.5rem}
}
@media all and (max-width: 991px) {
.blockHeight{padding:3.5rem 0 1.5rem}
}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(255,255,255,0.2)}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background-color:#666}
::placeholder{color:rgba(33,37,41,0.38)!important}
.load-wrapp{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.65);top:0;left:0;z-index:99999}
.loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.loading span{color:#fff;font-size:25px;margin-top:40px;display:table}
.spinner{position:relative;width:60px;height:60px;margin:0 auto}
.bubble-1,.bubble-2{position:absolute;top:0;width:30px;height:30px;border-radius:100%;background-color:#e50012}
.bubble-2{top:auto;bottom:0}
.loading .spinner{-webkit-animation:loadingI 2s linear infinite;animation:loadingI 2s linear infinite}
.loading .bubble-1,.loading .bubble-2{-webkit-animation:bubble 2s ease-in-out infinite;animation:bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite}
.loading .bubble-2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes loadingI {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loadingI {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes bubble {
0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bubble {
0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
.noBanner{background:-webkit-gradient(linear,left top,right top,from(#eee),color-stop(#fff),to(#eee));background:linear-gradient(90deg,#eee,#fff,#eee);padding-top:3rem}
.noBanner--paBom{padding-bottom:3rem}
.bannerPic{background-size:cover;background-position:center;position:relative}
.bannerPic::before{width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.8)),color-stop(46.66%,rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));background:linear-gradient(180deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0) 46.66%,rgba(0,0,0,0.9) 100%);top:0;left:0}
.bannerPic .noBanner__title h1{color:#fff}
.noBanner__title h1{font-size:50px;margin-bottom:0}
.noBanner__title + .innerPage__side{margin-top:3rem}
.innerPage__bom--top{padding-top:3rem}
.newsPage__top__box{margin-top:.5rem;margin-bottom:3rem}
.newsPage__top .newsItem{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.newsPage__top .newsItem .newsItem__top{color:#161616}
.newsPage__top .newsItem .newsItem__box::before{display:none}
.newsPage__top .newsItem .newsItem__txt{margin-bottom:2rem}
.newsPage__top .newsItem .newsItem__txt h4{color:#000;font-size:32px;font-weight:600;margin-bottom:1rem}
.newsPage__top .newsItem .newsItem__txt p{color:#666;font-size:22px}
.newsPage__top .newsItem .smallBtn{color:#000}
.innerPage__side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;margin-bottom:3rem;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1)}
.innerPage__side .innerPage__side__sort{-webkit-box-flex:1;-ms-flex:1;flex:1;list-style:none;padding-left:0;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;text-align:center}
.innerPage__side .innerPage__side__sort li{-webkit-box-flex:1;-ms-flex:1;flex:1}
.innerPage__side .innerPage__side__sort li.active{background-color:#000}
.innerPage__side .innerPage__side__sort li.active a{color:#fff}
.innerPage__side .innerPage__side__sort li:hover:not(.active){background-color:#eee}
.innerPage__side .innerPage__side__sort li:hover:not(.active) a{color:#000}
.innerPage__side .innerPage__side__sort li a{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}
.moreNum .owl-item{min-width:310px}
.moreNum .owl-stage-outer{width:calc(100% - 80px);margin:0 auto}
.moreNum .owl-nav button{position:absolute;top:0;width:40px;height:100%}
.moreNum .owl-nav button.disabled{opacity:.5;cursor:not-allowed}
.moreNum .owl-nav button::before{position:absolute;content:"";height:100%;width:100%;top:0;z-index:1}
.moreNum .owl-nav button span{display:inline-block;color:#e50012;font-size:22px;font-weight:600;-webkit-transition:all .3s linear;transition:all .3s linear}
.moreNum .owl-prev{left:0}
.moreNum .owl-prev::before{left:0;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(rgba(0,0,0,0.2)));background:linear-gradient(-90deg,rgba(255,255,255,0),rgba(0,0,0,0.2) 100%)}
.moreNum .owl-prev:not(.disabled):hover span{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
.moreNum .owl-next{right:0}
.moreNum .owl-next::before{right:0;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(0,0,0,0.2)));background:linear-gradient(90deg,rgba(255,255,255,0),rgba(0,0,0,0.2) 100%)}
.moreNum .owl-next:not(.disabled):hover span{-webkit-transform:translateX(2px);transform:translateX(2px)}
.innerPage__side--news .innerPage__side__sort{width:calc(100% - 150px)}
.innerFilter{width:150px;background-color:#dadada;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2;font-size:18px;font-weight:500;text-align:center;cursor:pointer}
.innerFilter i{display:inline-block}
.innerFilter.open .innerFilter__title i{-webkit-transform:translateY(-50%) scaleY(-1);transform:translateY(-50%) scaleY(-1)}
.innerFilter p{margin-bottom:0}
.innerFilter .innerFilter__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1}
.innerFilter .innerFilter__title i{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.25rem;font-size:14px;display:inline-block}
.innerFilter .innerFilter__select{display:none;background-color:#fff;position:absolute;top:100%;left:0;width:100%}
.innerFilter .innerFilter__option{margin-bottom:0;padding:8px 0;color:#666}
.innerFilter .innerFilter__option:hover{background-color:#eee;color:#000}
.darkPage .pictxtPage--detail__content{color:#fff}
.darkPage .btnStyle--dark{background:linear-gradient(93deg,rgba(255,255,255,0.7) 2%,rgba(255,255,255,0.1) 37%,rgba(255,255,255,0.7) 100%);-webkit-box-shadow:0 0 30px rgba(255,255,255,0.45);box-shadow:0 0 30px rgba(255,255,255,0.45);background-size:140% 140%}
.darkPage .btnStyle--dark span{color:#fff}
.darkPage .btnStyle--dark span:after{background:#000}
.pictxtPage--detail .noBanner{padding-bottom:3rem}
.pictxtPage--detail .noBanner__title{margin-bottom:0}
.pictxtPage--detail__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem}
.pictxtPage--detail__title .newsDate::before{background:#666}
.pictxtPage--detail__content{margin-top:3rem}
.pageContent table{max-width:100%;width:100%}
.tx01{margin-bottom:2rem;line-height:1.6;font-size:1.05rem;letter-spacing:.6px}
.tx01 a{color:#e50012;text-decoration:underline}
.tx01 a:hover{opacity:.8}
.tx01 figure{margin-bottom:1rem;text-align:center}
.tx01 figcaption{position:relative;padding:1rem 0;font-size:1rem}
.tx01 img{max-width:100%;max-height:100%;height:auto!important}
.img-left,.img-right{max-width:600px}
.img-left{float:left;margin:0 1.5rem 1.5rem 0}
.img-right{float:right;margin:0 0 1.5rem 1.5rem}
.img_center{width:33.3%}
.img_center img{float:left;padding:1em;width:100%;text-align:center}
@media all and (max-width: 991px) {
.img-left,.img-right{max-width:400px}
}
@media all and (max-width: 768px) {
.img-left,.img-right{float:none;max-width:100%;margin:0 0 1rem}
.img-left figure,.img-right figure{width:100%}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0}
.tx01{font-size:1rem}
}
.searchTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}
.searchTop h1{-webkit-box-flex:1;-ms-flex:1;flex:1}
.searchTop .seachPC input{width:300px}
.searchNum{margin-left:3px}
.searchPage .productList{grid-template-columns:repeat(4,1fr)}
.searchPage .dataTable__box:not(.showup){display:none}
.searchSort__tab{list-style:none;padding-left:0;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.searchSort__tab li{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#fff;text-align:center;font-size:20px;padding:12px 10px 10px;background-color:rgba(238,238,238,0.15);cursor:pointer}
.searchSort__tab li:not(.active):hover{background-color:rgba(238,238,238,0.25)}
.searchSort__tab li.active{background-color:#666}
.linkList{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.linkList__item{text-align:center;border:1px solid #666;padding:.5rem .5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.linkList__item figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-ms-flex-item-align:center;align-self:center;position:relative}
.linkList__item figure img{-webkit-transition:all .3s linear;transition:all .3s linear}
.linkList__item figure b{position:absolute;font-size:24px;width:50px;height:50px;line-height:50px;border-radius:60px;background-color:#e50012;color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;-webkit-transition:all .3s linear;transition:all .3s linear}
.linkList__item p{color:#fff;font-size:20px;margin-bottom:0;padding:.5rem 0;border-top:1px solid #666;margin-top:5px}
.linkList__item:hover{border-color:#dadada}
.linkList__item:hover b{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}
.linkList__item:hover img{opacity:.2}
.mapBox{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;word-wrap:break-word;word-break:break-all}
.mapBox__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;border-bottom:1px dashed #666;padding-bottom:2rem}
.mapBox__item figure{width:170px}
.mapBox__item article{-webkit-box-flex:1;-ms-flex:1;flex:1}
.mapBox__item__name{color:#fff;font-size:22px;font-weight:500;display:block;margin-bottom:.5rem}
.mapBox__info{display:block;color:#dadada;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:17px}
.mapBox__info + .mapBox__info{margin-top:.5rem}
.mapBox__info--city{font-style:italic;font-weight:500;font-size:14px}
.mapBox__info b{width:30px;height:30px;background-color:#666;border-radius:60px;display:block;text-align:center;line-height:30px;-webkit-transition:all .3s linear;transition:all .3s linear}
a.mapBox__info:hover{color:#eee}
a.mapBox__info:hover b{background-color:#eee;color:#e50012}
.mapBox__info:has(b .bi){display:grid;grid-template-columns:30px 1fr}
@media all and (max-width: 1200px) {
.noBanner__title h1{font-size:45px}
.searchPage .productList{grid-template-columns:repeat(3,1fr)}
.linkList{grid-template-columns:repeat(4,1fr)}
.mapBox{grid-template-columns:repeat(1,1fr)}
}
@media all and (max-width: 991px) {
.noBanner__title h1{font-size:38px}
.searchPage .productList{grid-template-columns:repeat(2,1fr)}
.innerPage__side .innerPage__side__sort{font-size:18px}
.innerPage__side .innerPage__side__sort li a{padding:.75rem}
}
@media all and (max-width: 768px) {
.noBanner__title h1{font-size:32px}
.moreNum .owl-item{min-width:200px}
.innerPage__side--news .innerPage__side__sort{width:calc(100% - 120px)}
.innerFilter{width:120px}
.pictxtPage--detail .noBanner{padding-bottom:2rem}
.noBanner--paBom{padding-bottom:2rem}
.linkList{grid-template-columns:repeat(3,1fr)}
.linkList__item p{font-size:18px}
.mapBox__item__name{font-size:20px}
}
@media all and (max-width: 640px) {
.noBanner__title h1{font-size:28px}
.innerPage .innerPage__main .innerPage__main__title{font-size:28px}
.noBanner{padding-top:2rem}
.noBanner--paBom{padding-bottom:1.5rem}
.moreNum .owl-item{min-width:150px}
.innerPage__side--news .innerPage__side__sort .owl-item{min-width:100px}
.pictxtPage--detail__title{gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.pictxtPage--detail__title .newsDate{padding-right:1rem}
.innerPage__side .innerPage__side__sort{font-size:16px}
.innerPage__side .innerPage__side__sort li a{padding:.5rem}
.mapBox__item figure{width:150px}
}
@media all and (max-width: 480px) {
.innerPage__bom--top{padding-top:1rem}
.noBanner__title + .innerPage__side{margin-bottom:1rem;margin-top:1rem}
.pictxtPage--detail__content{margin-top:1rem}
.linkList{grid-template-columns:repeat(2,1fr)}
.mapBox__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.mapBox__item figure{width:100px}
.mapBox__item__name{font-size:18px}
}
.navbar{position:fixed;top:0;z-index:99999;width:100%;padding:0 calc((100% - var(--container)) / 2 + 15px);gap:30px;height:4rem;transition: 0.3s all;}
.navbar.top{z-index:99999}
.navbar a{-webkit-transition:initial;transition:initial}
.dropdownMenu__sort__list__back{ display:none; }
.navbar.fixedWhite,.navbar.headerW,.navbar.openSearch,.navbar.white{background-color:#fff}
.navbar.fixedWhite .logoWhite,.navbar.headerW .logoWhite,.navbar.openSearch .logoWhite,.navbar.white .logoWhite{opacity:0}
.navbar.fixedWhite .logoBlack,.navbar.headerW .logoBlack,.navbar.openSearch .logoBlack,.navbar.white .logoBlack{opacity:1}
.navbar.fixedWhite .dropdownToggle,.navbar.headerW .dropdownToggle,.navbar.openSearch .dropdownToggle,.navbar.white .dropdownToggle{color:#000}
@media all and (min-width: 1201px) {
.navbar.fixedWhite .navItem--single a,.navbar.headerW .navItem--single a,.navbar.openSearch .navItem--single a,.navbar.white .navItem--single a{color:#666}
.navbar.fixedWhite .navItem--single:hover a,.navbar.headerW .navItem--single:hover a,.navbar.openSearch .navItem--single:hover a,.navbar.white .navItem--single:hover a{color:#000}
}
@media all and (min-width: 992px) {
.navbar.fixedWhite .toolBox__icon:hover,.navbar.headerW .toolBox__icon:hover,.navbar.openSearch .toolBox__icon:hover,.navbar.white .toolBox__icon:hover{color:#e50012}
.navbar.fixedWhite .navbarMainToggle:hover span,.navbar.headerW .navbarMainToggle:hover span,.navbar.openSearch .navbarMainToggle:hover span,.navbar.white .navbarMainToggle:hover span{background-color:#e50012}
}
.navbar.fixedWhite .toolBox__icon,.navbar.headerW .toolBox__icon,.navbar.openSearch .toolBox__icon,.navbar.white .toolBox__icon{color:#666}
.navbar.fixedWhite .navbarMainToggle span,.navbar.headerW .navbarMainToggle span,.navbar.openSearch .navbarMainToggle span,.navbar.white .navbarMainToggle span{background-color:#666}
@media all and (min-width: 992px) {
.openSearch{padding:0 calc((100% - var(--container)) / 2 + 13px);width:calc(100% - 4px)}
}
.needWheader{padding-top:62px}
@media all and (max-width: 1400px) {
.needWheader{padding-top:60px}
}
@media all and (max-width: 1200px) {
.needWheader{padding-top:46px}
}
.needWheader .navbar{background-color:#fff}
.needWheader .navbar .logoWhite{opacity:0}
.needWheader .navbar .logoBlack{opacity:1}
.needWheader .navbar .dropdownToggle{color:#000}
.needWheader .navbar .navItem--single a{color:#666}
.needWheader .navbar .toolBox__icon{color:#666}
.needWheader .navbarMainToggle span{background-color:#666}
.navbarBrand{display:block;width:240px}
.navbarBrand figure{position:relative;display:flex;z-index:99;width:100%}
.navbarBrand figure img{vertical-align:middle;width:100%}
.navbarBrand figure .logoBlack{position:absolute;top:0;left:0;opacity:0}
.navbarMain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}
.navLink{padding:1rem 1.5rem;display:block;color:#fff}
.dropdownToggle{position:relative}
.dropdownToggle:hover::before{opacity:1}
.dropdownToggle::before{width:calc(100% - 3rem);height:3px;background-color:#e50012;-webkit-transform:translateX(-50%) skew(-5deg);transform:translateX(-50%) skew(-5deg);left:50%;bottom:-1px;opacity:0;z-index:1}
.navbarNav{list-style:none;padding-left:0;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}
.navbarNav .dropdown + .navItem--single{margin-left:auto}
@media all and (min-width: 1201px) {
.navbarNav .dropdownToggle{font-size:19px}
}
.dropdown{/* position:initial; */}
.dropdownMenu{position:absolute;z-index:1;background-color:#fff;width: auto;padding: 1rem;left: 0;border-top:1px solid #eee;max-height:52svh;overflow-y:auto;pointer-events:none;opacity:0;display: flex;gap: 1rem;}
.dropdown:hover .dropdownMenu,.dropdown.show .dropdownMenu{opacity:1;pointer-events:all}
.dropdownMenu .dropdownMenu__brand .dropdownMenu__sort + .dropdownMenu__sort{margin-top:.5rem}
.dropdownMenu__container{--gap:60px;overflow:hidden;text-wrap-mode: nowrap;position: relative;}
.dropdownMenu__sort__title{font-size:18px;font-weight:700;padding: 0.5rem 1rem;width: 100%;display: block;}
.dropdownMenu__sort__title small{font-weight:400;font-size:.75em;text-wrap-mode:nowrap}
@media all and (min-width: 769px) {

}
.dropdownMenu__sort__title:hover{color:#e50012}
.dropdownMenu__sort__list a{display:block;font-size: 18px;font-weight: 700;padding: 0.5rem 1rem;width: 100%;text-wrap: auto;}
.dropdownMenu__sort__list a:hover{color:var(--mainColor);}
@media all and (min-width: 1201px) {
    .navbarMain .navItem--single--drop{position:relative}
    .navbarMain .navItem--single--drop:not(.show) .navItem--single__down{display:none}

    .dropdownMenu--pro .dropdownMenu__container:after{--bdS:1px solid #ddd;content:'';position:absolute;width: var(--w);height:100%;left: var(--w);top: 0;border-left: var(--bdS);border-right: var(--bdS);pointer-events: none;}
    .dropdownMenu__container{--w: 17.5rem;}
    .dropdownMenu__sort{/* position:relative; */height: auto;}
    .dropdownMenu__sort.--plus{margin-right: var(--w);display: flex;}
    .dropdownMenu__brand .dropdownMenu__sort{width:auto;text-wrap-mode: nowrap;min-width: 10rem;}
    .dropdownMenu__sort__title--pro:after{content:'\F231';font-family:'Bootstrap-icons';transform: scale(0.625) translateY(0.125rem);}
    .dropdownMenu__sort__title--pro{text-wrap: auto;width:var(--w);display: flex;justify-content: space-between;gap: 1rem;align-items: center;}
    .--hover .dropdownMenu__sort__title--pro{color:var(--mainColor);}
    .dropdownMenu__sort__list{width: 0;opacity: 0;pointer-events: none;height: 0;top: 0;left: 0;position: relative;}
    .dropdownMenu__sort:hover .dropdownMenu__sort__list,.dropdownMenu__sort.--hover .dropdownMenu__sort__list{opacity:1;pointer-events:all;position: absolute;left: var(--w);width: var(--w);height: 100%;overflow-y: auto;}
    .dropdownMenu__sort:hover .dropdownMenu__sort__title{color:var(--mainColor)}
    .dropdownToggle[href="javascript:;"]{cursor:default;}
}
@media all and (min-width: 1401px) {
.navbarMain .navItem--single--drop .navLink{padding-top:1.2em;padding-bottom:1.2rem}
}
.toolBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:1rem}
.toolBox::before{position:absolute;content:"";width:1px;height:17px;background-color:#dadada;margin-left:-1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.toolBox .toolBox__icon{font-size:20px;color:#fff;padding:.5rem 1rem;display:inline-block}
.searchBtn{position:relative}
.searchBtn .bi-x{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.searchBtn.active .bi-search{opacity:0}
.searchBtn.active .bi-x{opacity:1}
.seachPC{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}
.seachPC span{font-weight:600;font-size:20px}
.keyWord{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:0}
.keyWord .keyWord__input{position:relative}
.keyWord input{border:none;height:42px;width:100%;padding:1rem;font-size:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #666}
.keyWord input::-webkit-input-placeholder{font-size:16px}
.keyWord input::-moz-placeholder{font-size:16px}
.keyWord input:-ms-input-placeholder{font-size:16px}
.keyWord input::-ms-input-placeholder{font-size:16px}
.keyWord input::placeholder{font-size:16px}
.keyWord input:focus-visible{-webkit-box-shadow:none;box-shadow:none;outline:0}
.keyWord button[type="reset"]{width:40px;position:absolute;-webkit-box-shadow:none;box-shadow:none;border:none;border-left:1px solid #666;background-color:transparent;right:5px;top:50%;padding-left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#666}
.keyWord button[type="reset"]:hover{color:#161616}
.innerPage .keyWord{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}
.innerPage .keyWord input{width:300px;height:49px}
.innerPage .keyWord .toolBtn{height:49px;min-width:64px}
.searchBox{border-top:1px solid #eee;position:absolute;width:100%;background-color:#fff;padding:1rem;right:0;top:100%}
.searchBox:not(.show){display:none}
.searchBox .toolBtn{font-size:16px}
.searchBox .searchSort{color:#dadada;font-weight:500}
.searchBox .searchBox__content{border-top:1px dashed #eee;margin-top:1rem;padding-top:1rem;overflow-y:scroll;max-height:50svh;padding-right:.5rem}
.searchBox .searchBox__content__item + .searchBox__content__item{margin-top:1rem}
.searchBox .searchBox__sort{margin-bottom:.5rem;display:block;font-size:20px}
.searchBox .searchBox__result{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}
.searchBox .searchBox__result--pro .searchBox__result__item{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.searchBox .searchBox__result--down .searchBox__result__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.searchBox .searchBox__result--down .searchBox__result__item a{color:#161616}
.searchBox .searchBox__result--down .searchBox__result__item a:hover{text-decoration:underline}
.searchBox .searchBox__result__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;background-color:rgba(238,238,238,0.75);padding:8px 12px}
.searchBox .searchBox__result__item:hover{background-color:#eee}
.searchBox .searchBox__result__item:hover .productList__item__txt p{color:#161616}
.searchBox .productList__item__pic{width:80px;height:80px;margin-bottom:0}
.searchBox .productList__item__txt{text-align:left}
.searchBox .productList__item__txt p{font-size:17px;font-weight:500;margin-bottom:0;color:#161616}
.lanBox .toolBox__icon{padding:1rem}
.lanBox__drop{display:none;position:absolute;background-color:#fff;width:100px;text-align:center;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.lanBox__drop a{display:block;padding:8px 0;font-size:14px;color:#666}
.lanBox__drop a:hover{color:#000}
.lanBox__drop a.active{background-color:#eee;color:#000}
.shopDBox .toolBox__icon{background:var(--mainColor);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;color:#fff!important}
.shopDBox .toolBox__icon:hover{background:#830000}
.shopDBox .txt{font-size:1rem}
.shopDBox{padding:.5rem 0}
.shopDBox__drop{position:absolute;background:#fff;left:50%;transform:translateX(-50%)}
.shopDBox__drop__item{padding:.5rem 1rem;display:block;text-wrap-mode:nowrap;text-align:center}
@media all and (min-width: 992px) {
.navbarToggler{display:none}
}
@media all and (max-width: 1600px) {
.navbar{padding:0 1rem;transition:.3s all}
}
@media all and (max-width: 1400px) {
.navbarBrand{width:220px}
.navLink{padding:1rem 1.15rem}
}
@media all and (min-width: 1201px) {
.navItem--single__down{position:absolute;top:100%;min-width:100%;width:auto;background-color:#fff;white-space:nowrap;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.navItem--single__down a{display:block;padding:10px;text-align:center}
.navItem--single__down a:hover{background-color:#eee}
.backUse{display:none}
.navbarMainToggle{display:none!important}
.dropdown.show .dropdownToggle::before{opacity:1}
.lanBox{position:relative}
}
@media (max-width: 1200px) {
body:has(.navbarNav.show){overflow:hidden;}
.navbarNav{display:block;position:absolute;width:100%;height:calc(100svh - 46px);background-color:#fff;left:0;top:100%;transform:translateY(0);transition:.3s all}
.navbarNav .navLink{color:#000}
.needWheader .navbar .navItem--single a{color:#000}
.navItem{border-bottom:1px solid #eee}
.toolBox{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.toolBox::before{display:none}
.navbarMainToggle{position:relative;margin-left:1rem}
.navbarMainToggle span{display:block;width:20px;height:1px;background-color:#fff;margin:5px 0;transition:.3s all}
.active.navbarMainToggle span:nth-child(1){transform:translateY(5px);opacity:0}
.active.navbarMainToggle span:nth-child(3){transform:translateY(-5px);opacity:0}
.navbarMainToggle::before{position:absolute;content:"";width:1px;height:17px;background-color:#dadada;left:-.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.navLink{position:relative;padding:1rem 1.5rem}
.navLink::before{position:absolute;content:"";width:20px;height:3px;-webkit-transform:skew(-5deg);transform:skew(-5deg);left:1.5rem;bottom:-1px;opacity:0;z-index:1;background-color:#e50012}
.navLink:hover::before{opacity: 0;}
.navbarNav:not(.show){display:block;opacity:0;pointer-events:none;transform:translateY(-1rem);position:absolute;width:100%;height:calc(100svh - 46px);background-color:#fff;left:0;top:100%}
.dropdownMenu--mb{position: fixed;top:0;left:0;z-index:10;height: calc(100svh - var(--headerH,3rem));width:100svw;background-color:#fff;transition:.3s all;overflow-x:hidden;max-height:unset;padding: 0;overflow-y: auto;display: block;opacity: 1;pointer-events: all;}
.dropdownMenu--mb:not(.show){left:100%}
/* .dropdownMenu--mb__container{gap:25px;max-width:1050px;margin-left:calc((100% - var(--container)) / 2 + 240px + 30px);padding:0 1.5rem;display:grid;grid-template-columns:repeat(4,1fr)} */
.navItem--single__down a{font-size:18px;font-weight:700;width:160px}
.navItem--single__down a:hover{color:#e50012}
.shopDBox .shopDBox__drop__item{width:100%;font-weight:400;padding:.75rem 0}
.backUse{font-size: 16px;font-weight:500;background-color:#eee;cursor:pointer;padding: 0.75rem 1rem;margin-bottom: 0;}
.backUse i{margin-right:.5rem}
.lanBox__drop{width:100%}
.shopDBox{border:none}
.shopDBox .toolBox__icon:after{opacity:0;pointer-events:none;width:0}
.shopDBox .shopDBox__drop{width:20rem;left:unset;right:0;transform:translateX(100%);border-top:1px solid #ddd;top:100%}
.shopDBox.--isOpen .shopDBox__drop{transform:translateX(0)}
.navItem.dropdown > a:after,.navItem.navItem--single--drop > a:after{content:"\F285";position:absolute;display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;right:1rem;color:#e50012}
}
@media all and (max-width: 991px) {
.dropdownMenu--mb__container{margin:0}
.backUse{padding: .75rem 1rem;}
}
@media all and (min-width: 769px) {
.proAll{display:none!important}
}
@media all and (max-width: 1200px) {
.seachPC span{font-size:16px}
.dropdownMenu--mb__container{grid-template-columns:repeat(1,1fr);gap:.5rem}
.dropdownMenu__sort{width:100%;/* padding:.5rem 0; */border-bottom:1px solid #eee}
.dropdownMenu__sort.--all{background:rgb(229 0 18 / 20%)}
.dropdownMenu__brand{background:rgb(229 0 18 / 10%)}
.dropdownMenu__sort.hasDropdown .dropdownMenu__sort__title{position:relative;}
.dropdownMenu__sort.hasDropdown .dropdownMenu__sort__title:after{content:"\F285";position:absolute;display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;right:1rem;color:#e50012}
.dropdownMenu__sort__list{position: fixed;top:0;left:0;width:100%;height:100svh;background:#f5f5f5;margin-top:0;transition:.3s all;z-index:8}
.dropdownMenu__sort__list a{padding: .75rem 1.5rem;font-weight: 500;font-size: 16px;}
.dropdownMenu__sort__list:not(.show){left:100%}
.dropdownMenu__sort__list__back{background-color:#fff;margin-bottom: 0;padding: .75rem 1.5rem;font-weight:600;cursor:pointer}
.dropdownMenu__sort__list__back i{margin-right:.5rem}
.navItem--single__down a{display:block;width:100%;padding: .75rem 1rem;border-bottom:1px solid #eee;font-weight:500;font-size:16px}
.dropdownMenu__sort__title{display:block;font-size:16px;font-weight:500;padding: 0.75rem 1rem;}
.innerPage .keyWord{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}
.innerPage .keyWord .keyWord__input{width:100%}
.innerPage .keyWord .keyWord__input input{width:100%}
}
@media all and (max-width: 640px) {
.navbar{padding-right:.5rem;height:3rem}
.toolBox .toolBox__icon{padding:.25rem .625rem}
.shopDBox{padding:0}
.navbarBrand{width:200px}
.searchBox{padding:1rem 0}
.searchBox .searchBox__sort{font-size:18px}
.searchBox .productList__item__pic{width:60px;height:60px}
.searchBox .productList__item__txt p{font-size:15px}
.lanBox__drop a{padding:1rem 0}
}
@media all and (max-width: 575px) {
.navbarBrand{width:150px}
.seachPC span{display:none}
}
@media all and (max-width: 414px) {
.navbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.5rem;gap:10px;flex-wrap:nowrap}
.navbarBrand{width:140px}
.navbarBrand figure .logoBlack{top:5px}
}
.banner img{margin:0 auto;aspect-ratio: 1920/850;background: #000;object-fit: cover;}
.banner__box{position:relative;overflow:hidden}
.banner__box:after{content:"";position:absolute;width:100%;height:100%;background:var(--bg) center/cover;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%) scale(1.05);-webkit-filter:blur(1rem);filter:blur(1rem)}
@media all and (min-width: 769px) {
.banner__box__mb{display:none!important}
.banner__box:after{background:var(--bgM) center/cover}
}
@media all and (max-width: 768px) {
.banner__box__pc{display:none!important}
.banner img{aspect-ratio:1}
}
.container.--big{max-width:1780px;width:100%;padding:0;padding-top:4rem;margin:0 auto}
.SubBanner{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1780px;width:100%;padding-top:4rem;margin:0 auto}
.SubBanner__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
.SubBanner__item article{position:absolute;max-width:310px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.SubBanner__item article h2{margin-bottom:.75rem;font-size:30px;font-weight:600}
.SubBanner__item article p{font-size:18px;margin-bottom:0;opacity:.9}
.SubBanner__item article .SubBanner__item__txt + .btnStyle{margin-top:2.5rem}
.SubBanner__item figure{max-width:80%}
.SubBanner__item--left{padding-left:3rem;-webkit-clip-path:polygon(0 0,100% 0,95% 100%,0 100%);clip-path:polygon(0 0,100% 0,95% 100%,0 100%);margin-right:-15px}
.SubBanner__item--left figure{margin-left:auto}
.SubBanner__item--right{padding-right:3rem;-webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%);clip-path:polygon(5% 0,100% 0,100% 100%,0 100%);margin-left:-15px}
.SubBanner__item--right article{right:3rem}
.SubBanner__item--dark article h2,.SubBanner__item--dark article p{color:#fff}
.SubBanner__item--dark .btnStyle{background:linear-gradient(93deg,rgba(255,255,255,0.7) 2%,rgba(255,255,255,0.1) 37%,rgba(255,255,255,0.7) 100%);-webkit-box-shadow:0 0 30px rgba(255,255,255,0.45);box-shadow:0 0 30px rgba(255,255,255,0.45);background-size:140% 140%}
.SubBanner__item--dark .btnStyle span{color:#fff}
.SubBanner__item--dark .btnStyle span:after{background:#000}
@media all and (max-width: 1780px) {
.SubBanner,.container.--big{padding:4rem 1rem 0}
}
@media all and (max-width: 1400px) {
.SubBanner__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.SubBanner__item figure{max-width:100%;margin-top:auto}
.SubBanner__item article{padding:3rem 3rem 1.5rem;position:initial;-webkit-transform:initial;transform:initial;max-width:100%}
.SubBanner__item--left,.SubBanner__item--right{padding:0}
.SubBanner__item--left{margin-right:-5px}
.SubBanner__item--right{margin-left:-5px}
}
@media all and (max-width: 991px) {
.SubBanner{padding-top:3rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}
.SubBanner__item--left,.SubBanner__item--right{-webkit-clip-path:none;clip-path:none;margin:0}
.SubBanner__item article h2{font-size:26px}
.SubBanner__item article .SubBanner__item__txt + .btnStyle{margin-top:1.5rem}
}
@media all and (max-width: 768px) {
.SubBanner__item article{padding:1.75rem 1.75rem 1rem}
}
.awardItem{background-position:center;background-size:cover;position:relative;padding:1.5rem 0 1rem;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;height:auto!important}
.awardItem::before{width:80%;height:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),to(#000));background:linear-gradient(-90deg,rgba(0,0,0,0),#000);top:0}
.awardItem .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3rem;position:relative;z-index:1}
.awardItem figure{max-width:750px;width:100%;margin-right:calc((100vw - var(--container)) / 2 * -1)}
.awardItem article{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#fff;padding-left:4rem;max-width:840px}
.awardItem article h4{font-size:40px;font-weight:700;margin-bottom:1rem}
.awardItem article .awardItem__txt + .btnStyle{margin-top:2.5rem}
.awardItem article p{margin-bottom:0}
.awardItem.slick-active h4{-webkit-animation:fadeInUp .5s linear;animation:fadeInUp .5s linear}
@media all and (max-width: 1400px) {
.blockHeight--award .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}
.awardItem .container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem}
.awardItem figure{margin-right:0;max-width:650px}
.awardItem article{padding-left:2.5rem}
.awardItem article h4{font-size:32px}
}
@media all and (max-width: 1200px) {
.awardItem figure{max-width:50%}
.awardItem article{padding-left:1rem}
.awardItem article h4{font-size:28px}
}
@media all and (max-width: 991px) {
.awardItem figure{max-width:50%}
.awardItem article .awardItem__txt + .btnStyle{margin-top:1.5rem}
.awardItem article h4{margin-bottom:.5rem}
}
@media all and (max-width: 768px) {
.awardItem .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.awardItem figure{max-width:80%}
}
@media all and (max-width: 640px) {
.awardItem figure{max-width:100%}
}
.innerBanner{position:relative;text-align:center;min-height:4rem}
.innerBanner::before{width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.8)),color-stop(46.66%,rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));background:linear-gradient(180deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0) 46.66%,rgba(0,0,0,0.9) 100%)}
footer{background-color:#000;padding-top:4rem}
.footerTopWrap{padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.3);margin-bottom:3rem}
.footerTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem}
.footerTop__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:100px}
.footerTop__left figure{width:300px}
.footerTop__left__txt{color:#fff;position:relative}
.footerTop__left__txt::before{left:-50px;top:50%;width:1px;height:40px;background-color:#dadada;-webkit-transform:translateY(-50%) rotate(12deg);transform:translateY(-50%) rotate(12deg)}
.footerTop__left__txt h6{font-size:15px;font-weight:200;margin-bottom:0}
.footerBtn{margin-top:2rem;display:flex;gap:1px}
.footerBtn__item{flex:1;background:rgba(255,255,255,0.15);padding:2rem 1rem;color:#fff;text-align:center;font-size:1.25rem}
.footerBtn__item:hover{background:rgba(255,255,255,0.25)}
.footerBom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.siteMap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;padding-right:1rem;margin-right:2rem}
.siteMap:before{width:1px;height:100%;background-color:rgba(255,255,255,0.3);right:0}
.siteMap__box{width:150px}
.siteMap__title{font-size:24px;font-weight:500;color:#fff;margin-bottom:1rem;display:block}
.siteMap__title:hover[href]{color:#e50012}
.siteMap__list{list-style:none;padding-left:0;margin-bottom:0}
.siteMap__list a{font-size:18px;font-weight:300;color:#dadada;display:block;padding:.25rem 0}
.siteMap__list a:hover{color:#fff}
.followUs{max-width:300px;width:100%}
.footertitle{margin-bottom:.5rem;display:block}
.followUs__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-15px}
.followUs__link .followUs__item{width:50px;padding:10px 12px;font-size:20px;color:#fff;text-align:center}
.followUs__link .followUs__item[title="facebook"]{transform:translateY(-0.125rem)}
.followUs__link .followUs__item:hover{opacity:.75}
.footertitle{font-size:25px;font-weight:700;color:#fff}
.footerTop__right{width:50%}
.footerTop__right .smallBtn{margin-top:.75rem}
.ePaperBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid;-o-border-image:linear-gradient(to right,rgba(255,255,255,0.7),rgba(255,255,255,0.1),rgba(255,255,255,0.7)) 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.7)),color-stop(rgba(255,255,255,0.1)),to(rgba(255,255,255,0.7))) 1;border-image:linear-gradient(to right,rgba(255,255,255,0.7),rgba(255,255,255,0.1),rgba(255,255,255,0.7)) 1;padding:.5rem;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.2)),color-stop(rgba(255,255,255,0.1)),to(rgba(255,255,255,0.2)));background:linear-gradient(90deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1),rgba(255,255,255,0.2))}
.ePaperBox span{-webkit-box-flex:1;-ms-flex:1;flex:1;gap:20px}
.ePaperBox span input{width:100%;background-color:transparent;border:none;padding:.5rem;color:#fff}
.ePaperBox span input::-webkit-input-placeholder{color:rgba(218,218,218,0.5);font-weight:400;font-size:17px}
.ePaperBox span input::-moz-placeholder{color:rgba(218,218,218,0.5);font-weight:400;font-size:17px}
.ePaperBox span input:-ms-input-placeholder{color:rgba(218,218,218,0.5);font-weight:400;font-size:17px}
.ePaperBox span input::-ms-input-placeholder{color:rgba(218,218,218,0.5);font-weight:400;font-size:17px}
.ePaperBox span input::placeholder{color:rgba(218,218,218,0.5);font-weight:400;font-size:17px}
.ePaperBox span input:focus-visible{border:none;-webkit-box-shadow:none;box-shadow:none;outline:0}
.ePaperBox .impBtn{position:relative}
.ePaperBox .impBtn::before{width:1px;height:100%;background-color:rgba(238,238,238,0.5);left:-10px;top:0}
.footer__bom{background-color:#eee;padding:.5rem 0;margin-top:6rem}
.footer__bom .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer__bom .container .linkBar a{color:#666}
.footer__bom .container .linkBar a + a{margin-left:10px;padding-left:15px;position:relative}
.footer__bom .container .linkBar a + a::before{width:1px;height:15px;background-color:rgba(102,102,102,0.5);left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.copyright{font-size:13px;font-weight:500}
.copyright a{text-decoration:underline}
#goTop{width:50px;height:50px;background-color:#fff;position:fixed;bottom:20px;right:20px;font-weight:500;text-align:center;font-size:12px;line-height:50px;z-index:9999;cursor:pointer}
#goTop:hover{background-color:#e50012;color:#fff}
@media all and (max-width: 1400px) {
.footerTop{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}
.footerTop__right{width:100%;max-width:800px}
}
@media all and (max-width: 1200px) {
.footerBom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}
.siteMap{-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin-right:0;padding-right:0;width:100%}
.siteMap::before{display:none}
.followUs{max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}
.footertitle{margin-bottom:0}
.footer__bom{margin-top:1rem}
}
@media all and (max-width: 991px) {
.siteMap{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;gap:1rem}
.followUs{gap:0}
}
@media all and (max-width: 768px) {
.footerTop__left{gap:40px}
.footerTop__left figure{width:200px}
.footerTop__left__txt::before{left:-22px}
}
@media all and (max-width: 640px) {
.footerTop__left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.footerTop__left__txt{text-align:center}
.footerTop__left__txt::before{left:50%;top:-18px;height:25px;-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}
.siteMap{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;gap:1rem}
.siteMap__title{font-size:22px;margin-bottom:.5rem}
.followUs{gap:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.footer__bom .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.btnWrap{text-align:center;padding-top:4rem}
.btnStyle{font-style:italic;font-weight:700;display:inline-block;-webkit-transform:skew(-5deg);transform:skew(-5deg)}
.btnStyle + .btnStyle{margin-left:.5rem}
.btnStyle span{display:block;padding:.75rem 2rem .75rem 2.5rem;position:relative}
.btnStyle span:before{width:10px;height:100%;background-color:#e50012;left:0;top:0}
.btnStyle span:after{width:calc(100% - 3px);height:calc(100% - 3px);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;opacity:.8}
.btnStyle:hover{-webkit-animation:btnMove .6s linear forwards;animation:btnMove .6s linear forwards}
@media all and (max-width: 640px) {
.btnStyle span{display:block;padding:.5rem 1.5rem .5rem 1.75rem}
}
.btnStyle--dark{background:linear-gradient(93deg,rgba(0,0,0,0.5) 2%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.5) 100%);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1);background-size:140% 140%}
.btnStyle--dark span:after{background:#fff}
.btnStyle--dark:hover{color:#000}
.btnStyle--white{background:linear-gradient(93deg,rgba(255,255,255,0.7) 2%,rgba(255,255,255,0.1) 37%,rgba(255,255,255,0.7) 100%);-webkit-box-shadow:0 0 30px rgba(255,255,255,0.45);box-shadow:0 0 30px rgba(255,255,255,0.45);background-size:140% 140%}
.btnStyle--white span{color:#fff}
.btnStyle--white span:after{background:#000}
@-webkit-keyframes btnMove {
0%{background-position:0 50%}
35%{background-position:-80% 50%}
70%{background-position:90% 50%}
100%{background-position:0 50%}
}
@keyframes btnMove {
0%{background-position:0 50%}
35%{background-position:-80% 50%}
70%{background-position:90% 50%}
100%{background-position:0 50%}
}
.smallBtn{font-size:14px;font-style:italic;font-weight:500;position:relative;padding-left:10px;color:#fff;display:table;margin-left:auto}
.smallBtn::before{width:4px;height:15px;background-color:#e50012;-webkit-transform:skew(-15deg);transform:skew(-15deg);top:2px;left:0}
.impBtn{background:-webkit-gradient(linear,left top,right top,from(#b6000e),color-stop(#e50012),to(#b6000e));background:linear-gradient(90deg,#b6000e,#e50012,#b6000e);color:#fff;border:none;font-size:18px;letter-spacing:1px;padding:.5rem 4rem}
.impBtn span{position:relative;z-index:1}
.impBtn::after{width:100%;height:100%;background:#e50012;opacity:0;top:0;left:0}
.impBtn:hover::after{opacity:1}
.impBtn--grey{margin-left:.5rem;background:-webkit-gradient(linear,left top,right top,from(#666),color-stop(#4d4d4d),to(#666));background:linear-gradient(90deg,#666,#4d4d4d,#666);padding:.5rem 1.5rem}
.impBtn--grey::before{display:none}
.impBtn--grey::after{background:#666}
@media all and (max-width: 640px) {
.impBtn{padding:.5rem 1.5rem;letter-spacing:0;font-size:16px}
}
.toolBtn{background:0 0;border:1px solid;-o-border-image:linear-gradient(to right,rgba(255,255,255,0.7),rgba(255,255,255,0.1),rgba(255,255,255,0.7)) 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.7)),color-stop(rgba(255,255,255,0.1)),to(rgba(255,255,255,0.7))) 1;border-image:linear-gradient(to right,rgba(255,255,255,0.7),rgba(255,255,255,0.1),rgba(255,255,255,0.7)) 1;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.2)),color-stop(rgba(255,255,255,0.1)),to(rgba(255,255,255,0.2)));background:linear-gradient(90deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1),rgba(255,255,255,0.2));color:#fff;padding:.5rem .75rem;cursor:pointer;font-weight:500}
.toolBtn i{margin-left:.5rem}
.toolBtn:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.4)),color-stop(rgba(255,255,255,0.2)),to(rgba(255,255,255,0.4)));background:linear-gradient(90deg,rgba(255,255,255,0.4),rgba(255,255,255,0.2),rgba(255,255,255,0.4));color:#fff}
.toolBtn.black{-o-border-image:linear-gradient(to right,rgba(0,0,0,0.4),rgba(0,0,0,0.05),rgba(0,0,0,0.4)) 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.4)),color-stop(rgba(0,0,0,0.05)),to(rgba(0,0,0,0.4))) 1;border-image:linear-gradient(to right,rgba(0,0,0,0.4),rgba(0,0,0,0.05),rgba(0,0,0,0.4)) 1;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.07)),color-stop(rgba(0,0,0,0.05)),to(rgba(0,0,0,0.07)));background:linear-gradient(90deg,rgba(0,0,0,0.07),rgba(0,0,0,0.05),rgba(0,0,0,0.07));color:#161616}
.toolBtn.black:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.2)),color-stop(rgba(0,0,0,0.1)),to(rgba(0,0,0,0.2)));background:linear-gradient(90deg,rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0.2));color:#fff}
.breadCrumb{list-style:none;padding-left:0;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.breadCrumb a{color:#666;font-weight:600}
.breadCrumb li{position:relative}
.breadCrumb li + li{padding-left:15px;margin-left:15px}
.breadCrumb li + li::before{position:absolute;content:"\f285";font-family:bootstrap-icons!important;font-size:12px;left:-5px;color:#666;top:2px}
.breadCrumb li.active a{color:#e50012}
.filiter{width:340px;color:#fff}
.filiter__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem .125rem}
.filiter__title p{font-size:30px;margin-bottom:0;color:#fff;font-weight:600}
.filiterItem + .filiterItem{margin-top:2rem}
.filiterItem .filiterItem__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #666;padding:0 .75rem .75rem;margin-bottom:.5rem;cursor:pointer}
.filiterItem .filiterItem__title p{font-size:18px;margin-bottom:0}
.filiterItem .filiterItem__title i{font-size:20px}
.filiterItem .dataItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.25rem .75rem}
.filiterItem .dataItem input{opacity:0;display:none}
.filiterItem .dataItem input:checked + label{color:#e50012}
.filiterItem .dataItem input:checked + label::before{background-color:#e50012;border-color:#e50012}
.filiterItem .dataItem label{position:relative;display:inline-block;padding-left:25px;font-weight:500;color:#dadada}
.filiterItem .dataItem label::before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:13px;height:13px;border:1px solid #dadada}
.filiterItem .dataItem label:hover{color:#fff}
aside + .asideArea{-webkit-box-flex:1;-ms-flex:1;flex:1}
@media all and (max-width: 1400px) {
.filiter{width:300px}
}
@media all and (max-width: 1200px) {
.filiter{width:280px}
.filiter__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.5rem}
.filiter__title p{font-size:30px;margin-bottom:0;color:#fff;font-weight:600}
}
@media all and (min-width: 992px) {
.filterControl{display:none}
.filiter__close{display:none}
}
@media all and (max-width: 991px) {
.filiter{position:absolute;top:0;left:0;width:90%;background-color:#161616;z-index:9999;padding:1rem;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .3s linear;transition:all .3s linear;height:100vh}
.filiter.show{-webkit-transform:translateX(0);transform:translateX(0)}
.filiter .toolBtn{margin-left:auto}
.filiter__close{color:#fff;font-size:24px;margin-left:1.25rem;border-left:1px solid #666;padding-left:1rem;cursor:pointer}
.filterControl{color:#fff;width:90px;text-align:center;padding:6px 5px 5px;border:1px solid;cursor:pointer;margin-bottom:1rem}
.filterControl:hover{background-color:#eee;color:#666}
}
.popUp{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:900px;width:calc(100% - 50px);margin:0 auto;z-index:99999;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1)}
.popUp--media:not(.open){opacity:0;pointer-events:none}
.popUp__content{position:relative}
.popUp__content .popUp__close{position:absolute;top:-20px;right:-20px;width:40px;height:40px;border-radius:60px;background-color:#000;color:#fff;z-index:1;cursor:pointer}
.popUp__content .popUp__close i{position:absolute;top:48%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.popUp__content .popUp__close:hover{background-color:#e50012}
.singleSlick.slick-dotted.slick-slider{margin-bottom:0}
.singleSlick .slick-dots{bottom:0;padding:0 0 1.25rem}
.slick-slider .slick-dots li{width:8px;height:12px}
.slick-slider .slick-dots li::before{position:absolute;content:"";height:1px;width:0;background-color:#dadada;top:50%;left:15px;opacity:0}
.slick-slider .slick-dots li:last-child::before{right:15px;left:0}
.slick-slider .slick-dots li:last-child.slick-active{padding-right:0;padding-left:55px}
.slick-slider .slick-dots button{position:relative;padding:0;width:8px;height:12px}
.slick-slider .slick-dots button::before{content:"";width:100%;height:100%;background-color:#dadada;-webkit-transform:skew(-8deg);transform:skew(-8deg);opacity:1}
.slick-slider .slick-dots .slick-active{padding-right:55px}
.slick-slider .slick-dots .slick-active::before{opacity:1;width:42px}
.slick-slider .slick-dots .slick-active button::before{background-color:#e50012;opacity:1}
.slick-slider .slick-arrow{width:45px;height:45px;background-color:rgba(255,255,255,0.75);border-radius:60px;z-index:1}
.slick-slider .slick-arrow:before{font-family:bootstrap-icons!important;font-size:25px;color:#000}
.slick-slider .slick-arrow.slick-next{right:calc((100vw - var(--container)) / 2 - 45px)}
.slick-slider .slick-arrow.slick-next::before{content:"\f285"}
.slick-slider .slick-arrow.slick-prev{left:calc((100vw - var(--container)) / 2 - 45px)}
.slick-slider .slick-arrow.slick-prev::before{content:"\f284"}
.slick-slider .slick-arrow:after{width:calc(100% + 8px);height:calc(100% + 8px);border:1px solid #fff;border-radius:60px;top:50%;left:50%;-webkit-transform:translate(-51%,-51%);transform:translate(-51%,-51%)}
.slick-slider .slick-arrow:focus,.slick-slider .slick-arrow:hover{background-color:rgba(255,255,255,0.9)}
.slick-slider .slick-arrow:focus:after,.slick-slider .slick-arrow:hover:after{opacity:0;-webkit-transform:translate(-51%,-51%) scale(1.25);transform:translate(-51%,-51%) scale(1.25)}
.pageContent table{max-width:100%;width:100%}
.tx01{margin-bottom:1rem;line-height:1.25}
.tx01 a{color:#e50012;text-decoration:underline}
.tx01 a:hover{opacity:.8}
.tx01 figcaption{position:relative;padding:1rem 0;font-size:1rem}
.tx01 img{max-width:100%;max-height:100%;height:auto!important}
.img-left,.img-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}
.img-left figure,.img-right figure{width:calc(50% - 0.5rem)}
.img-left img,.img-right img{max-width:100%}
.img-left figure:only-child,.img-right figure:only-child{float:none;padding:0;margin:auto;max-width:inherit;text-align:center;width:auto}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width:calc(50% - 0.5rem)}
.img-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.img_center{width:33.3%}
.img_center img{float:left;padding:1em;width:100%;text-align:center}
@media all and (max-width: 768px) {
.img-left,.img-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0}
.img-left figure,.img-right figure{width:100%}
.img-left.tx01 figure + .text,.img-right.tx01 figure + .text{width:100%;padding:1rem 0 0}
}
.pageNumber{margin:5rem 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600}
.pageNumber a{padding:7px 12px;display:inline-block;min-width:37px;text-align:center;margin:0 3px;color:#666}
.pageNumber a.on{color:#e50012}
@media all and (max-width: 640px) {
.pageNumber a{padding:6px 8px}
}
.pageNumber a:not(.on):hover{color:#dadada}
.pageNumber a:only-child{display:none}
.pageAll,.pageOne,.pageTen{font-size:13px;line-height:22px;background:#eee}
.pageAll:hover,.pageOne:hover,.pageTen:hover{background:#666}
.darkPage .pageAll,.darkPage .pageOne,.darkPage .pageTen{background:#161616}
.darkPage .pageAll:hover,.darkPage .pageOne:hover,.darkPage .pageTen:hover{background:#666}
#toast{position:fixed;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,0),#000);bottom:0;left:0;z-index:1;padding:6rem 0;visibility:hidden;opacity:0}
.alertBox__pop{display:table;margin:0 auto;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1)}
.alertBox__inn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#666;padding:1rem 1.5rem}
.alertBox__inn .alertBox__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.alertBox__inn .alertBox__icon{width:40px;height:40px;display:inline-block;font-size:25px;border-radius:60px;background-color:rgba(255,255,255,0.9);color:#e50012;position:relative;text-align:center}
.alertBox__inn .alertBox__icon::before{width:calc(100% + 8px);height:calc(100% + 8px);border:1px solid #fff;border-radius:60px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.alertBox__inn .alertBox__icon i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.alertBox__title strong{color:#fff;font-size:18px;margin-left:10px}
.alertBox__text{color:#eee;margin-bottom:0;font-size:17px;border-left:1px solid;padding-left:15px;margin-left:15px;line-height:1.2;margin-bottom:-2px}
#toast.show{visibility:visible;opacity:1}
#toast.show .alertBox__pop{-webkit-animation:fadein .5s linear;animation:fadein .5s linear}
@-webkit-keyframes fadein {
0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fadein {
0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@media all and (max-width: 768px) {
#toast{width:90%;left:5%}
.alertBox__inn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.alertBox__inn .alertBox__icon{width:30px;height:30px;font-size:20px}
.alertBox__text{margin-left:0;margin-top:.5rem;border-left:0;padding-left:0;text-align:center}
.alertBox__title strong{font-size:16px}
}
.banner{position:relative}
.mainTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3.5rem}
@media all and (max-width: 991px) {
.mainTitle{margin-bottom:2.5rem}
}
@media all and (max-width: 768px) {
.mainTitle{margin-bottom:2rem}
}
.mainTitle h3{margin-bottom:0;font-size:40px;font-weight:700;color:#231815}
@media all and (max-width: 991px) {
.mainTitle h3{font-size:33px}
}
@media all and (max-width: 768px) {
.mainTitle h3{font-size:30px}
}
@media all and (max-width: 640px) {
.mainTitle h3{font-size:27px}
}
.blockHeight--media .videoBox__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}
.blockHeight--media .videoBox__item .videoBox__item__txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
@media all and (max-width: 1200px) {
.blockHeight--media .videoBox__item{margin:0 .5rem;-webkit-box-shadow:none;box-shadow:none}
}
.blockHeight--brand{position:relative;overflow:hidden;background-color:#000;margin-top:6.5rem;padding:6rem 0}
.blockHeight--brand .slick-list{padding:0 calc((100vw - var(--container)) / 2)!important;position:relative}
.blockHeight--brand .slick-list::before{position:absolute;content:""}
.blockHeight--brand .container{position:relative;z-index:1}
.blockHeight--brand .mainTitle h3{color:#fff}
@media all and (max-width: 1200px) {
.blockHeight--brand{padding:5rem 0 1.5rem}
}
@media all and (max-width: 991px) {
.blockHeight--brand{padding:3.5rem 0 1.5rem}
}
.blockHeight--brand .slick-slide{margin:0 15px}
.blockHeight--brand .slick-slide:not(.slick-active){pointer-events:none}
@media all and (max-width: 768px) {
.blockHeight--brand .slick-slide{margin:0 10px}
}
.blockHeight--brand .brandBox__item__txt{opacity:0}
.brandBox__item figure{border:3px solid;-o-border-image:linear-gradient(130deg,#000,#000 10%,rgba(0,0,0,0),rgba(0,0,0,0) 85%,#000) 1;border-image:linear-gradient(130deg,#000,#000 10%,rgba(0,0,0,0),rgba(0,0,0,0) 85%,#000) 1;position:relative;overflow:hidden}
.brandBox__item figure:before{width:100%;height:100%;background-color:#000;top:0;left:0;opacity:.5}
.brandBox__item:hover figure{-o-border-image:linear-gradient(130deg,#e50012,rgba(0,0,0,0),rgba(255,255,255,0) 85%,#e50012) 1;border-image:linear-gradient(130deg,#e50012,rgba(0,0,0,0),rgba(255,255,255,0) 85%,#e50012) 1}
.brandBox__item:hover figure img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.brandBox__item:hover .brandBox__item__txt h6{color:#e50012}
.brandBox__item:hover .brandBox__item__txt span{color:#fff}
.slick-active .brandBox__item__txt{opacity:1}
.slick-active figure:before{opacity:0}
.brandBox__item__txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:.75rem}
.brandBox__item__txt h6{font-size:26px;color:#eee;margin-bottom:0}
.brandBox__item__txt span{font-style:italic;font-weight:700;color:#666;padding-left:10px;margin-left:10px;position:relative}
.brandBox__item__txt span::before{left:0;top:-1px;width:2px;height:22px;background-color:#666;-webkit-transform:rotate(12deg);transform:rotate(12deg)}
@media all and (max-width: 768px) {
.brandBox__item__txt h6{font-size:20px}
.brandBox__item__txt span{font-size:14px}
}
.fullBk{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:0;opacity:.3}
.fullBk .fullBk__item{position:absolute;top:0}
.fullBk .fullBk__item:not(.showup){opacity:0}
.brandLList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:2.5rem;margin:0 -10px}
.brandLList__item{width:25%;padding:0 5px;-webkit-transition:all .3s linear;transition:all .3s linear}
.brandLList__item .smallBtn{margin-top:auto}
.brandLList__item__link{position:relative;overflow:hidden;padding:0 10px;display:block}
.brandLList__item__txt{text-align:left;margin-top:.5rem}
.brandLList__item__txt strong{font-size:26px;color:#eee;margin-bottom:0}
.brandLList__item__txt span{font-style:italic;font-weight:700;color:#666;padding-left:10px;margin-left:10px;position:relative}
.brandLList__item__txt span::before{left:0;top:-1px;width:2px;height:22px;background-color:#666;-webkit-transform:rotate(12deg);transform:rotate(12deg)}
.brandLList__item__first{text-align:center}
.brandLList__item__first figure{display:table;margin:0 auto}
.brandIntro{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 25px;position:absolute;left:0;top:0;bottom:0;-webkit-transform:translateX(50px);transform:translateX(50px);-webkit-transition:opacity .2s ease-out 0s,transform .2s ease-out 0s,-webkit-transform .2s ease-out 0;transition:opacity .2s ease-out 0s,transform .2s ease-out 0s,-webkit-transform .2s ease-out 0;width:100%}
.brandIntro p{display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:220px}
.brandLList__item.active{-webkit-transform:scale(1.05);transform:scale(1.05);background:#000;position:relative;z-index:1}
.brandLList__item.active .brandLList__item__first{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-o-transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-webkit-transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-moz-transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s}
.brandLList__item.active .brandLList__item__first figure{-webkit-transform:scale(0.5);transform:scale(0.5);transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-o-transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-webkit-transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-moz-transition:opacity .5s ease-out 0.2s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s}
.brandLList__item.active .brandIntro{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);border:3px solid;-o-border-image:linear-gradient(130deg,#e50012,rgba(0,0,0,0),rgba(255,255,255,0) 85%,#e50012) 1;border-image:linear-gradient(130deg,#e50012,rgba(0,0,0,0),rgba(255,255,255,0) 85%,#e50012) 1;transition:opacity .8s ease-out 0.6s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-o-transition:opacity .8s ease-out 0.6s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-webkit-transition:opacity .8s ease-out 0.6s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s;-moz-transition:opacity .8s ease-out 0.6s,transform .4s ease-out 0.6s,-webkit-transform .4s ease-out .6s}
@media all and (max-width: 1400px) {
.brandLList__item{width:33.3333333333%}
}
@media all and (max-width: 768px) {
.brandLList__item{width:50%;padding:0}
.brandLList__item__txt strong{font-size:20px}
.brandLList__item__txt span{font-size:14px}
}
@media all and (max-width: 640px) {
.brandLList__item{width:50%}
.brandLList__item__txt strong{font-size:18px}
.brandLList__item__txt span{font-size:13px}
}
.newsList{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.newsItem{display:-webkit-box;display:-ms-flexbox;display:flex;background:#000;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1)}
.newsItem figure{width:330px;overflow:hidden}
.newsItem .newsItem__top{color:#fff}
.newsItem .newsItem__top .newsSort{color:#e50012;font-weight:800}
.newsItem .newsItem__txt{margin-top:1rem}
.newsItem .newsItem__txt h4{color:#fff}
.newsItem .newsItem__txt p{color:#dadada}
.newsItem article{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1rem 1.5rem .75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.newsItem article .smallBtn{margin-top:auto}
.newsItem:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}
.newsItem__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1.5rem}
.newsDate{text-align:center;position:relative;padding-right:1.5rem}
.newsDate::before{width:1px;height:100%;background:#dadada;right:0;opacity:.3}
.newsDate b{font-size:33px;font-weight:600;line-height:1}
.newsDate p{font-size:12px;margin-bottom:0}
.newsDate p span + span{margin-left:5px}
.newsItem__txt p{font-size:15px;font-weight:400;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.newsItem__box{position:relative}
.newsItem__box::before{width:0;height:0;border-style:solid;border-width:0 0 60px 10px;border-color:transparent transparent #e50012;bottom:0;right:0}
.newsItem__title{font-size:20px;font-weight:400;line-height:1.5;margin-bottom:0}
.videoBox{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.videoBox__item{background-color:#000;color:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1);border:3px solid;-o-border-image:linear-gradient(118deg,#e50012,#fff 30%,#000,rgba(229,0,18,0.6) 70%,#fff 85%,#e50012) 1;border-image:linear-gradient(118deg,#e50012,#fff 30%,#000,rgba(229,0,18,0.6) 70%,#fff 85%,#e50012) 1;position:relative}
.videoBox__item:hover .videoBox__item__pic::before{opacity:1}
.videoBox__item:hover .playBtn{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.videoBox__item:hover .playBtn::after{width:calc(100% + 8px);height:calc(100% + 8px);opacity:1}
.videoBox__item::before{width:0;height:0;border-style:solid;border-width:0 0 60px 10px;border-color:transparent transparent #e50012;bottom:0;right:0}
.videoBox__item__txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem;gap:1rem}
.videoBox__item__txt .newsItem__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.videoBox__item__pic{position:relative}
.videoBox__item__pic::before{width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0}
.videoBox__item__pic img{aspect-ratio:7/4;-o-object-fit:contain;object-fit:cover}
.playBtn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%);width:60px;height:60px;background-color:rgba(255,255,255,0.8);border-radius:60px;font-size:35px;opacity:0;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1)}
.playBtn::after{width:10px;height:10px;border:1px solid #fff;border-radius:60px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.playBtn i{position:absolute;top:49%;left:52%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#e50012;z-index:1}
.newsPage__top .newsItem{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;gap:2rem}
.newsPage__top .newsItem article{padding:0}
.newsPage__top .newsItem figure{width:600px}
.innerPage__bom .newsList{grid-template-columns:repeat(4,1fr)}
.innerPage__bom .newsItem{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#161616}
.innerPage__bom .newsItem figure{width:100%}
.innerPage__bom .newsItem figure img{aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain}
@media all and (max-width: 1400px) {
.blockHeight--news .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}
.blockHeight--news .slick-slide{height:auto}
.blockHeight--news .newsItem{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-shadow:none;box-shadow:none}
.blockHeight--news .newsItem__box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.newsItem{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 .5rem}
.newsItem figure{width:100%}
.innerPage__bom .newsList{grid-template-columns:repeat(3,1fr)}
}
@media all and (max-width: 1400px) {
.newsPage__top .newsItem{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.newsPage__top .newsItem figure{width:45%}
}
@media all and (max-width: 991px) {
.newsPage .innerPage__bom .newsList{grid-template-columns:repeat(2,1fr)}
.newsPage .newsPage__top .newsItem{gap:1rem}
.newsPage .newsPage__top .newsItem .newsItem__txt h4{font-size:28px;line-height:1.25}
}
@media all and (max-width: 768px) {
.newsItem__title{font-size:18px}
.newsPage .newsPage__top .newsItem{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.newsPage .newsPage__top .newsItem figure{width:100%}
}
@media all and (max-width: 640px) {
.innerPage__bom .newsList{grid-template-columns:repeat(1,1fr)}
.newsPage .innerPage__bom .newsList{grid-template-columns:repeat(1,1fr)}
.newsPage .newsPage__top .newsItem .newsItem__txt h4{font-size:25px;margin-bottom:.5rem}
.newsPage .newsPage__top .newsItem .newsItem__txt p{font-size:18px}
}
.pageName{color:#dadada;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:10px;margin-bottom:1rem}
.pageName h1{font-size:40px;font-weight:700;margin-bottom:0}
.pageName span{font-size:20px;font-weight:700}
.productList{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.productList__item{background:#161616;padding:1rem 1rem 2rem;border:1px solid #161616;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.productList__item a{margin-bottom:.5rem}
.productList__item:hover{background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(rgba(255,255,255,0)),to(rgba(136,136,136,0.25)));background:linear-gradient(180deg,#161616,rgba(255,255,255,0),rgba(136,136,136,0.25));-o-border-image:none;border-image:none}
.productList__item:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.productList__item:hover::before{opacity:0}
.productList__item:hover::after{opacity:1}
.productList__item::after,.productList__item::before{width:100%;height:100%;border:1px solid;top:0;left:0;z-index:1;pointer-events:none}
.productList__item::before{-o-border-image:linear-gradient(145deg,#161616,rgba(255,255,255,0.1),rgba(136,136,136,0.5)) 1;border-image:linear-gradient(145deg,#161616,rgba(255,255,255,0.1),rgba(136,136,136,0.5)) 1;opacity:1}
.productList__item::after{-o-border-image:linear-gradient(145deg,rgba(136,136,136,0.5),#161616,rgba(136,136,136,0.5)) 1;border-image:linear-gradient(145deg,rgba(136,136,136,0.5),#161616,rgba(136,136,136,0.5)) 1;opacity:0}
.productList__item__pic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:250px;margin-bottom:.5rem;overflow:hidden}
.productList__item__pic img{aspect-ratio:300/250;-o-object-fit:contain;object-fit:contain}
.productList__item__txt{text-align:center}
.productList__item__txt p{font-size:14px;color:#eee;font-weight:300;margin-bottom:.5rem}
.productList__item__txt strong{font-size:18px;color:#e50012}
.productList .compareClick{border-top:1px solid rgba(102,102,102,0.3);padding-top:1rem;margin-top:auto;text-align:center}
.compareClick{color:#666}
.compareClick input{display:none}
.compareClick input:checked + label{color:#fff}
.compareClick input:checked + label::before{background-color:#fff;border:1px solid #fff}
.compareClick input:checked + label span{opacity:1}
.compareClick input:checked + label .compareClick__txt b{opacity:0}
.compareClick input:checked + label .compareClick__txt::before{display:inline-block;content:attr(data-text);z-index:1;position:absolute}
.compareClick label{cursor:pointer;position:relative;display:inline-block;padding-left:25px;font-weight:500;color:#dadada}
.compareClick label::before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:15px;height:15px;border:1px dashed #666}
.compareClick label span{font-size:13px;position:absolute;left:1px;margin-top:2px;color:#000;opacity:0}
.compareClick .compareClick__txt{font-weight:400;margin-bottom:0}
.compareBtn{position:fixed;width:60px;height:60px;background-color:#e50012;color:#fff;top:50%;right:20px;font-size:25px;border-radius:2px;z-index:4}
.compareBtn i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.compareBtn .compareBtn__num{display:block;font-weight:600;font-size:12px;width:22px;height:22px;text-align:center;line-height:22px;border-radius:60px 60px 60px 0;background-color:#fff;color:#000;position:absolute;top:-6px;right:-6px}
.compareBtn:hover{color:#fff}
.compareBtn:hover .compareBtn__num{-webkit-transform:scale(1.1);transform:scale(1.1)}
.popUp--compare{background-color:#000;height:100vh;left:auto;top:0;right:0;-webkit-transform:translateX(0);transform:translateX(0);width:600px;border-top:3px solid #e50012}
.popUp--compare:not(.open){opacity:0;pointer-events:none;-webkit-transform:translateX(100%);transform:translateX(100%)}
.popUp--compare .compareClose{color:#fff;position:absolute;background-color:#e50012;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);padding:.25rem 2rem .45rem 3.5rem;top:0;right:0;cursor:pointer;z-index:10}
.popUp--compare .compareClose i{margin-left:5px;display:inline-block}
.popUp--compare .compareClose:hover i{-webkit-transform:translateX(3px);transform:translateX(3px)}
.popUp--compare .toolBtn{display:block;width:100%;font-size:25px;font-weight:600;text-align:center;padding:20px 15px;margin-top:auto}
.popUp--compare .toolBtn span{font-weight:400;font-size:20px;margin-left:5px}
.compareBox{padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}
.compareBox .compareBox__top{font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.5rem;margin-right:8rem;flex-wrap:wrap;gap:1rem .125rem}
.compareBox .compareBox__top p{color:#fff;margin-bottom:0}
.compareBox .compareBox__top p span{font-weight:500;margin:0 5px}
.compareBox .compareBox__top button{color:#666;background-color:transparent;border:none;font-weight:600;border-left:1px solid #666;line-height:1;padding-left:.75rem;margin-left:.75rem}
.compareBox .compareBox__top button:hover{color:#eee}
.compareBox .compareBox__inn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100svh - 8rem);overflow-y:auto;transition:0}
.compareBox .compareBox__inn .compareBox__pro_item{border:1px solid #eee;position:relative;min-height:214px}
.compareBox .compareBox__inn .compareBox__pro_item.compareBox__pro_item--none{border-style:dashed}
.compareBox
.compareBox__inn
.compareBox__pro_item.compareBox__pro_item--none
.needAdd{color:#666;font-weight:600;font-size:18px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.compareBox .compareBox__inn .compareBox__pro_item + .compareBox__pro_item{margin-top:1rem}
.compareBox .compareBox__inn .compareBox__pro_item i{position:absolute;top:0;right:0;width:45px;text-align:center;color:#666;font-size:30px;cursor:pointer;z-index:99}
.compareBox .compareBox__inn .compareBox__pro_item i:hover{color:#fff}
.compareBox .compareBox__inn .compareBox__pro_item a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:2rem .75rem}
.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proPic{width:250px;overflow:hidden}
.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proPic img{height:150px;aspect-ratio:250/150;-o-object-fit:contain;object-fit:contain}
.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proTxt{-webkit-box-flex:1;-ms-flex:1;flex:1}
.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proTxt p{color:#eee;font-size:14px;margin-bottom:0}
.compareBox
.compareBox__inn
.compareBox__pro_item
a
.compareBox__proTxt
strong{color:#e50012;font-size:18px}
.compareBox
.compareBox__inn
.compareBox__pro_item:hover
.compareBox__proPic
img{-webkit-transform:scale(1.025);transform:scale(1.025)}
.compareItem{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:var(--table-th);margin-left:auto;position:sticky;top:60px;z-index:2}
.compareItem.isSticky{background-color:#fff;border-bottom:1px solid #666}
.compareItem.isSticky .productList__item__pic{display:none}
.compareItem.isSticky .productList__item__txt{text-align:left;padding-top:30px}
.compareItem__card{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:0}
.compareItem__card::before{width:100%;height:0;bottom:0;left:0;background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(0deg,#fff,rgba(255,255,255,0));z-index:-1;opacity:0;pointer-events:none}
.compareItem__card i{position:absolute;font-size:30px;width:45px;text-align:center;top:0;right:0;color:#666;cursor:pointer}
.compareItem__card i:hover{color:#000}
.compareItem__card a{text-align:center;padding:10px;display:block}
.compareItem__card a .productList__item__pic{width:300px;margin:0 auto;padding:10px}
.compareItem__card a .productList__item__txt p{color:#000;font-weight:500}
.compareItem__card:hover::before{opacity:1;height:100%}
:root{--table-th:280px}
.comparePage__table{font-size:18px;font-weight:500;background-color:#fff;position:relative;z-index:1}
.comparePage__table::after,.comparePage__table::before{width:calc(100vw - var(--container));height:100%;background-color:#fff;z-index:-1;top:0}
.comparePage__table::before{left:calc((100vw - var(--container)) / 2 * -1)}
.comparePage__table::after{right:calc((100vw - var(--container)) / 2 * -1)}
.dataTable__tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;border-bottom:1px solid #eee;align-items:stretch}
.dataTable__tr:nth-of-type(even){background-color:rgba(238,238,238,0.2)}
.dataTable__tr:hover{background-color:rgba(238,238,238,0.3)!important}
.dataTable__tr .td,.dataTable__tr .th{padding:1rem .75rem}
.dataTable__tr .th{min-width:var(--table-th)}
.dataTable__tr .td{color:#666;-webkit-box-flex:1;-ms-flex:1;flex:1}
.dataTable__title{background-color:rgba(238,238,238,0.3);color:#fff;padding:1rem;border-style:solid;border-width:3px 0;border-color:#666}
.proArea .dataTable__tr{color:#fff;border-bottom-color:#666}
.proArea .dataTable__tr:nth-of-type(even){background-color:transparent}
.proArea .dataTable__tr:nth-of-type(odd){background-color:rgba(238,238,238,0.1)}
.proArea .dataTable__tr .td{color:#eee}
.dataTable--pro .dataTable__tr a{color:#fff;text-decoration:underline;margin-left:5px}
@media all and (min-width: 992px) {
.dataTable--pro .dataTable__tr .th{min-width:var(--table-th);max-width:var(--table-th)}
.dataTable--pro .dataTable__tr .th:only-child{max-width:100%}
.dataTable--pro .dataTable__tr .th + .td{width:calc(100% - var(--table-th))}
}
.dataMenu{width:260px;padding-left:0;margin-bottom:0;list-style:none;position:sticky;top:160px;float:left}
.dataMenu .dataMenu__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:20px;font-weight:600;color:#dadada;padding:.75rem 1rem}
.dataMenu .dataMenu__title.isInview{background-color:#666;color:#eee}
.dataTable--pro{float:right;width:calc(100% - 260px);padding-left:3rem}
.dataTable--pro .dataTable__box{position:relative}
.dataTable--pro .dataTable__box .anchor{top:-150px}
.dataTable--download{text-align:center}
.dataTable--download .dataTable__th{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;font-weight:600;color:#dadada;border-width:3px 0;border-style:solid;border-color:#666}
.dataTable--download .dataTable__th .td{padding:1rem .75rem}
.dataTable--download .toolBtn{display:inline-block}
.dataTable--download .dataTable__tr{color:#dadada}
.dataTable--download .dataTable__tr .td{font-weight:300;display:flex;align-items:center;justify-content:center}
.proArea__content + .proArea__content{margin-top:3rem}
@media all and (min-width: 1201px) {
.dataTable--download .dataTable__itemSeries{-webkit-box-flex:1;-ms-flex:1 15%;flex:1 15%}
.dataTable--download .dataTable__itemTitle{-ms-flex:1 30%;min-width:30%;max-width:30%}
.dataTable--download .dataTable__itemCard{-webkit-box-flex:1;-ms-flex:1 20%;flex:1 20%}
.dataTable--download .dataTable__itemCatalyst{-webkit-box-flex:1;-ms-flex:1 10%;flex:1 10%}
.dataTable--download .dataTable__itemVer{-webkit-box-flex:1;-ms-flex:1 10%;flex:1 10%}
.dataTable--download .dataTable__itemOs{-webkit-box-flex:1;-ms-flex:1 15%;flex:1 15%}
.dataTable--download .dataTable__itemUpdate{-webkit-box-flex:1;-ms-flex:1 10%;flex:1 10%}
.dataTable--download .dataTable__itemBtn{-ms-flex:1 10%;margin-left:auto;min-width:10rem;max-width:10rem}
}
.download__select{position:sticky;top:60px;margin-bottom:1rem;z-index:2;background-color:#000;padding:.5rem 0}
.download__select form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}
.download__select + .downloadBox{border-top:1px dashed #666;padding-top:3rem}
.downloadBox .dataTable__tr:nth-of-type(even){background-color:rgba(238,238,238,0.1)}
.downloadBox .dataTable__tr .td{color:#eee}
.downloadItem__name{font-size:26px;font-weight:600;color:#fff;position:relative;padding-left:1rem;margin-bottom:1rem;display:table;-webkit-transform:skew(-10deg);transform:skew(-10deg)}
.downloadItem__name::before{width:6px;height:100%;background-color:#e50012;left:0}
.downloadItem + .downloadItem{margin-top:3rem}
.inputStyle--select{font-size:18px;position:relative;min-width:300px;padding:10px 10px 10px 12px;border:1px solid #dadada}
.inputStyle--select__current{position:relative;cursor:pointer;outline:0;color:#fff}
.inputStyle--select__current:focus + .inputStyle--select__list{opacity:1;-webkit-animation-name:none;animation-name:none}
.inputStyle--select__current:focus
+ .inputStyle--select__list
.inputStyle--select__option{cursor:pointer}
.inputStyle--select__current:focus .inputStyle--select__icon{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
.inputStyle--select__icon{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;-webkit-transition:.2s ease;transition:.2s ease}
.inputStyle--select__value{display:-webkit-box;display:-ms-flexbox;display:flex}
.inputStyle--select__input{display:none}
.inputStyle--select__input:checked + .inputStyle--select__input-text{display:block}
.inputStyle--select__input-text{display:none;margin:0;padding-right:25px}
.inputStyle--select__list{position:absolute;left:-1px;top:48px;width:100%;padding:0;list-style:none;margin-bottom:0;opacity:0;overflow-y:scroll;max-height:320px;z-index:10;-webkit-animation-name:HideList;animation-name:HideList;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:step-start;animation-timing-function:step-start}
.inputStyle--select__list::-webkit-scrollbar-track{background:#ddd}
.inputStyle--select__list::-webkit-scrollbar-thumb{background:#e50012}
.inputStyle--input--sm .inputStyle--select__list{top:34px}
.inputStyle--select__option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;background-color:#fff}
.selectMoney{margin-bottom:0;margin-left:5px;color:var(--color-blue-dark01);font-weight:600}
.inputStyle--select__option:focus,.inputStyle--select__option:hover{background-color:#666;color:#fff}
@-webkit-keyframes HideList {
from{-webkit-transform:scaleY(1);transform:scaleY(1)}
to{-webkit-transform:scaleY(0);transform:scaleY(0)}
}
@keyframes HideList {
from{-webkit-transform:scaleY(1);transform:scaleY(1)}
to{-webkit-transform:scaleY(0);transform:scaleY(0)}
}
.inputStyle--selectSM{padding:0;height:auto;max-width:130px}
.inputStyle--selectSM .inputStyle--select__input-text{background:0 0}
.inputStyle--selectSM .inputStyle--select__list{top:32px}
.anchorBox{position:relative}
.anchorBox .anchor{position:absolute;top:130px}
.proFeature.anchorBox .anchor{position:absolute;top:155px}
.proMenuBox{position:fixed;z-index:2;font-weight:400}
.proMenuBox .proMenu,.proMenuBox .proMenu__sub{list-style:none;margin-bottom:0}
.proMenuBox .proMenu{padding-left:0}
.proMenuBox .proMenu__item--deco{position:relative;padding-left:.75rem}
.proMenuBox .proMenu__item--deco::before{left:0;top:50%;width:6px;height:10px;-webkit-transform:translateY(-50%) skew(-8deg);transform:translateY(-50%) skew(-8deg);background-color:#dadada;opacity:.5}
.proMenuBox .proMenu__item--deco:hover::before{opacity:.7}
.proMenuBox .proMenu__item--deco:hover a{opacity:.7}
.proMenuBox .proMenu__item{color:#fff;margin:5px 0}
.proMenuBox .proMenu__item a{color:#fff;opacity:.5}
.proMenuBox .proMenu__item.active::before{background-color:#e50012;opacity:1}
.proMenuBox .proMenu__item.active a{opacity:1}
.proMenuBox .proMenu__item .proMenu__item__title{position:relative}
.proMenuBox .proMenu__item .proMenu__sub{border-left:1px solid #666;padding-left:1rem;margin:.5rem 0 .5rem 1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.proMenuBox .proMenu__item .proMenu__sub .proMenu__sub__title{margin:2px 0;display:table}
.proMenuBox .proMenu__item .proMenu__sub .proMenu__sub__title.active a{opacity:1}
@media all and (min-width: 769px) {
.proMenuBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;left:10px;top:50%;background-color:transparent;mix-blend-mode:difference;width:130px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
}
.detailTop{position:fixed;top:60px;z-index:3;background-color:rgba(255,255,255,0.1);width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem 0}
.detailTop:has(+ main .proFeature[style*="background-color:#ffffff"]){background:linear-gradient(120deg,rgba(0,0,0,0.1),rgba(0,0,0,0.5) 80%)}
.detailTop.hedscroll{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
.detailTop .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}
.detailTop .container .detailTop__left .proSort{font-size:14px;margin-bottom:0;color:#dadada}
.detailTop .container .detailTop__name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:.5rem}
.detailTop .container .detailTop__name h1{font-size:25px;color:#e50012;font-weight:800;margin-bottom:0}
.detailTop .container .detailTop__name h2{color:#fff;font-size:18px;margin-bottom:0}
.detailTop .container .detailTop__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}
.proFeature{display:-webkit-box;display:-ms-flexbox;display:flex;background-repeat:no-repeat;background-size:cover;max-width:1920px;margin:auto}
.proFeature.proPicTxt--picLeft{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.proFeature.proPicTxt--picLeft .picVideo{margin-left:auto}
.proFeature.proPicTxt--picLeft .picVideo + .proFeature__txt{position:absolute;width:calc(100% - 1000px - 2rem)}
.proFeature.proPicTxt--picRight{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.proFeature.proPicTxt--picRight .picVideo + .proFeature__txt{position:absolute;right:0;width:calc(100% - 1000px - 2rem)}
.proFeature.proPicTxt--picTop{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.proFeature.proPicTxt--picTop .picVideo{width:100%;text-align:center;margin-top:1rem;max-width:var(--container);margin:auto}
.proFeature.proPicTxt--picTop .proFeature__txt{max-width:var(--container);margin:1rem auto 0}
.proFeature.proPicTxt--picBom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.proFeature.proPicTxt--picBom .picVideo{width:100%;text-align:center}
.proFeature.proPicTxt--picBom .proFeature__txt{max-width:var(--container);margin:0 auto 1rem}
.proFeature .proFeature__txt{max-width:var(--container);position:relative;z-index:1;margin-right:auto;margin-left:auto;text-align:justify}
.picVideo{text-align:center}
.picVideo.animated .pictureWay{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.picVideo .pictureWay{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);width:100%;margin:auto}
.picVideo .pictureWay:not(.show){display:none}
.picVideo .videoWay:not(.show){display:none}
.picVideo .videoWay .iframeBox__yt:not(.show){display:none}
.picVideo .videoWay .mp4Box__only:not(.show){display:none}
.proAlbum{margin-top:2rem;padding-bottom:3rem}
.proAlbum .slick-list{position:relative;padding:0 calc((100vw - var(--container)) / 2)!important}
.proAlbum .slick-list::before{width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.6)),color-stop(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));background:linear-gradient(90deg,rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0.6));top:0;left:0;z-index:1;pointer-events:none}
.proAlbum .slick-list .slick-slide img{-webkit-transition-delay:.25s;transition-delay:.25s;-webkit-transform:scale(0.75);transform:scale(0.75);-webkit-transform-origin:center;transform-origin:center}
.proAlbum .slick-list .slick-center.slick-current.slick-active img{-webkit-transform:scale(1);transform:scale(1)}
.proAlbum .slick-dots{bottom:-40px}
.proAlbum figure{display:flex;justify-content:center}
.proAlbum figure img{height:450px;aspect-ratio:600/450;-o-object-fit:contain;object-fit:contain}
.proArea{margin-top:8rem}
.proArea__mainTitle{color:#fff;font-size:40px;font-weight:600;text-align:center;margin-bottom:3.5rem}
.proArea--data .proArea__content{color:#fff}
.proArea--feature .proArea__content{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem}
.proArea--feature .proArea__content .featureList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1.25rem}
.proArea--feature .proArea__content .featureList__txt{-webkit-box-flex:1;-ms-flex:1;flex:1}
.proArea--feature .proArea__content .featureList__txt strong{color:#fff;font-size:20px;display:table;margin-bottom:1rem}
.proArea--feature .proArea__content .featureList__txt p{color:#dadada;margin-bottom:0;font-weight:400}
.featureList__pic{max-width:5rem}
.accessory__item,.award__item{border:1px solid;-o-border-image:linear-gradient(145deg,#161616,rgba(255,255,255,0.1),rgba(136,136,136,0.5)) 1;border-image:linear-gradient(145deg,#161616,rgba(255,255,255,0.1),rgba(136,136,136,0.5)) 1;position:relative;z-index:1}
.accessory__item::before,.award__item::before{width:100%;height:100%;background:linear-gradient(330deg,rgba(255,255,255,0.15),rgba(255,255,255,0));top:0;left:0;z-index:-1}
.accessory__item:hover::before,.award__item:hover::before{opacity:.6}
.proArea--accessory .proArea__content{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}
.proArea--accessory .proArea__content .accessory__item{padding:3rem 1.5rem 2rem}
.proArea--accessory .proArea__content .accessory__item figure{overflow:hidden}
.proArea--accessory .proArea__content .accessory__item figure img{height:250px;aspect-ratio:600/450;-o-object-fit:contain;object-fit:contain}
.proArea--accessory .proArea__content .accessory__item p{color:#fff;font-size:18px;font-weight:400;text-align:center;margin:1rem 0 0}
.proArea--accessory .proArea__content .accessory__item:hover img{-webkit-transform:scale(0.95);transform:scale(0.95)}
.awardLst{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.awardLst .award__item{padding:1rem 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.awardLst .award__item figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}
.awardLst .award__item figure figcaption{color:#fff;font-size:20px;font-weight:600;word-break:break-all;-webkit-box-flex:1;-ms-flex:1;flex:1}
.awardLst .award__item .award__item__pic{width:100px;text-align:center}
.awardLst .award__item .award__item__pic img{height:100px;aspect-ratio:100/100;-o-object-fit:contain;object-fit:contain}
.awardLst .award__item p{font-size:15px;color:#dadada;font-weight:300}
.awardLst .award__item .smallBtn{margin-top:auto}
.proArea--video .videoBox__item{-o-border-image:linear-gradient(118deg,#e50012,#000 30%,#000,rgba(229,0,18,0.6) 70%,#000 85%,#e50012) 1;border-image:linear-gradient(118deg,#e50012,#000 30%,#000,rgba(229,0,18,0.6) 70%,#000 85%,#e50012) 1}
@-webkit-keyframes decoIn {
0%{width:100%}
100%{width:0}
}
@keyframes decoIn {
0%{width:100%}
100%{width:0}
}
.popUp--accessory{background-color:#000;width:100svw;height:100svh}
.popUp--accessory:not(.showup){display:none}
.popUp--accessory.showup .deco span{-webkit-animation:decoIn .7s linear;animation:decoIn .7s linear}
.popUp--accessory .deco{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:2}
.popUp--accessory .deco span{position:absolute;top:0;display:block;height:100%;background:#000;-webkit-transition:width .6s ease-in-out;transition:width .6s ease-in-out;-webkit-transition-delay:.5s;transition-delay:.5s}
.popUp--accessory .deco span:nth-child(1){right:0}
.popUp--accessory .deco span:nth-child(2){right:50%}
.popUp--accessory .container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100svh}
.popUp--accessory::before{width:50%;height:100%;background:linear-gradient(330deg,rgba(255,255,255,0.15),rgba(255,255,255,0))}
.popUp--accessory .popUp--accessory__top{position:absolute;width:100%;top:0;left:0;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.popUp--accessory .popUp--accessory__top .popUp__close{position:initial;width:50px;height:50px;line-height:50px;text-align:center;-webkit-transform-origin:center;transform-origin:center}
.popUp--accessory .popUp--accessory__top .popUp__close:hover{background-color:transparent}
.popUp--accessory .popUp--accessory__top .popUp__close:hover img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.popUp--accessory .accessoryBox{width:50%;height:100svh;padding-right:5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.popUp--accessory .accessoryBox .slider-for{width:550px;height:550px;margin:0 auto}
.popUp--accessory .accessoryBox .slider-for .slick-list{height:inherit}
.popUp--accessory .accessoryBox .slider-for .slick-list .slick-track{height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.popUp--accessory .accessoryBox .slider-for .slick-list .slick-track figure{text-align:center;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.popUp--accessory
.accessoryBox
.slider-for
.slick-list
.slick-track
figure
img{display:table;margin:0 auto}
.popUp--accessory .accessoryBox .slider-nav{position:absolute;right:20px;bottom:20px}
.popUp--accessory .accessoryBox .slider-nav .slick-list{padding:0!important}
.popUp--accessory .accessoryBox .slider-nav .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;width:80px!important;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transform:initial!important;transform:initial!important;margin-right:0}
.popUp--accessory .accessoryBox .slider-nav .slick-track figure{cursor:pointer;background-color:#000;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80px!important;height:80px;border:1px solid transparent}
.popUp--accessory .accessoryBox .slider-nav .slick-track figure.slick-current{border-color:#666}
.popUp--accessory .accessoryBox .slider-nav .slick-track figure img{height:80px;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain}
.popUp--accessory .accessoryBox .slider-nav .slick-track figure:hover{background-color:rgba(0,0,0,0.3)}
.popUp--accessory .accessoryTxt{width:50%;padding-left:5rem}
.popUp--accessory .accessoryTxt h4{color:#fff;font-size:40px;font-weight:700;margin-bottom:2rem}
.popUp--accessory .accessoryTxt .accessoryTxt__edit{max-height:50svh;overflow-y:scroll;color:#dadada;padding-right:10px}
@media all and (min-width: 1201px) {
.proFeature.proPicTxt--picLeft .picVideo + .proFeature__txt{margin-left:145px}
.proFeature.proPicTxt--picRight .picVideo + .proFeature__txt{margin-right:145px}
}
@media all and (min-width: 1601px) {
.proFeature.proPicTxt--picLeft .picVideo + .proFeature__txt{max-width:550px;margin-left:calc((100% - var(--container)) / 2 + 15px)}
.proFeature.proPicTxt--picRight .picVideo + .proFeature__txt{max-width:550px;margin-right:calc((100% - var(--container)) / 2 + 15px)}
}
@media all and (max-width: 1600px) {
.picVideo{width:1000px}
.proArea .container{padding:0 130px}
.proArea--accessory .proArea__content{grid-template-columns:repeat(4,1fr)}
.detailTop:has(+ main .proFeature[style*="background-color:#ffffff"]){background:rgba(0,0,0,0.5)}
}
@media all and (max-width: 1400px) {
.picVideo{width:750px}
.awardLst{grid-template-columns:repeat(2,1fr)}
.videoBox{grid-template-columns:repeat(2,1fr)}
.compareItem__card:not(:only-child) a .productList__item__pic{width:auto}
.proFeature.proPicTxt--picRight .picVideo + .proFeature__txt,.proFeature.proPicTxt--picLeft .picVideo + .proFeature__txt{width:calc(100% - 750px - 2rem)}
}
@media all and (max-width: 1200px) {
.pageName h1{font-size:30px}
:root{--table-th:250px}
.compareItem{top:46px}
.comparePage__table{font-size:16px}
.compareItem__card a .productList__item__pic{height:250px}
.compareItem__card a .productList__item__txt strong{font-size:16px}
.productList{grid-template-columns:repeat(2,1fr)}
.productList__item__pic{height:300px}
.detailTop{top:62px}
.picVideo{width:100%}
.picVideo .pictureWay{max-width:100%}
.proFeature{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.proFeature.proPicTxt--picLeft .picVideo + .proFeature__txt{position:initial;width:100%}
.proFeature.proPicTxt--picRight .picVideo + .proFeature__txt{position:initial;width:100%}
.proFeature__txt p:last-child{margin-bottom:0}
.proFeature .proFeature__txt{max-width:calc(100% - 300px);margin:0 auto;padding:1rem 0}
.proArea__mainTitle{font-size:35px}
.dataMenu{width:220px}
.dataMenu .dataMenu__title{font-size:17px}
.dataTable--pro{width:calc(100% - 220px);padding-left:1.5rem}
.proArea--feature .proArea__content{gap:1.5rem}
.proArea--accessory .proArea__content{grid-template-columns:repeat(3,1fr)}
.download__select{top:46px}
.dataTable--download{text-align:left}
.dataTable--download .dataTable__th{border-bottom:none}
.dataTable--download .dataTable__th .td{display:none}
.dataTable--download .dataTable__tr{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.25rem 1.25rem;padding:.75rem 100px .75rem .5rem;position:relative}
.dataTable--download .dataTable__tr .td{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:0;font-style:italic;color:#dadada;display:block}
.dataTable--download .dataTable__tr .td::before{color:#dadada;position:relative;content:attr(data-text);margin-right:5px}
.dataTable--download .dataTable__tr .dataTable__itemTitle{width:100%;font-weight:700;font-size:20px;color:#fff;font-style:initial}
.dataTable--download .dataTable__tr .dataTable__itemCard{width:100%;font-weight:500;font-size:18px;font-style:initial;color:#eee}
.dataTable--download .dataTable__tr .dataTable__itemBtn{position:absolute;right:.5rem;bottom:.75rem}
}
@media all and (max-width: 991px) {
.pageName h1{font-size:26px}
:root{--table-th:150px}
.container--compare{overflow-x:auto;padding:0}
.comparePage__table{font-size:15px}
.container--compare__table{width:1000px}
.container--compare__table:has(.compareItem__card:only-child){width:auto}
.dataTable__tr{align-items:stretch}
.container--compare__table .th{width:120px;position:sticky;z-index:10;left:0;background-color:#dadada;word-wrap:break-word;word-break:break-all}
.container--compare__table .td{width:250px}
.container--compare__table .compareItem{top:auto;position:initial}
.compareItem__card a .productList__item__pic{height:200px;width:200px}
.productList{gap:20px}
.productList__item__pic{height:400px}
.proArea__mainTitle{font-size:30px;margin-bottom:2rem}
.detailTop .container .detailTop__name{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.detailTop .container .detailTop__name h1{font-size:22px}
.detailTop .container .detailTop__name h2{font-size:18px}
.proAlbum figure img{height:350px}
.anchorBox{position:relative}
.anchorBox .anchor{position:absolute;top:80px}
.proFeature.anchorBox .anchor{position:absolute;top:120px}
.dataTable--pro{width:100%;padding-left:0}
.dataMenu{display:none}
.proArea--feature .proArea__content{grid-template-columns:repeat(1,1fr)}
.proArea--accessory .proArea__content{grid-template-columns:repeat(2,1fr)}
.awardLst{grid-template-columns:repeat(1,1fr)}
.videoBox{grid-template-columns:repeat(1,1fr)}
.dataTable__itemTitle{font-size:18px}
.dataTable--download .dataTable__tr{padding-right:.75rem}
.dataTable--download .dataTable__tr .dataTable__itemBtn{width:100%;position:initial;text-align:right}
.dataTable--download .dataTable__tr .dataTable__itemTitle{font-size:17px}
.dataTable--download .dataTable__tr .dataTable__itemCard{font-size:16px}
.dataTable--download .dataTable__tr .td{font-size:15px}
.awardLst .award__item{padding:1rem}
.awardLst .award__item .award__item__pic img{height:80px}
.awardLst .award__item figure figcaption{font-size:17px}
}
@media all and (min-width: 769px) {
.compareBtn p{display:none}
.menuControl{display:none}
.proMenuBox__close{display:none}
.productPage--detail .compareBtn{display:none}
.detailTop .container .detailTop__name h1{font-size:22px}
.proZone + .proStart:not(.showMenu) .proMenuBox{opacity:0}
}
@media all and (max-width: 768px) {
.detailTop{background-color:rgba(0,0,0,0.4)}
.productList__item__pic{height:300px}
.productList__item{padding:.5rem .5rem 1rem}
.proArea{margin-top:6rem}
.proArea .container{padding:0 1rem}
.proArea__mainTitle{font-size:26px;margin-bottom:1.5rem}
.compareBtn{position:sticky;width:100%;height:55px;right:0;top:auto;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;gap:10px;margin-top:2rem}
.compareBtn i{position:initial;-webkit-transform:initial;transform:initial}
.compareBtn .compareBtn__num{right:30%}
.compareBtn p{margin-bottom:0}
.dataTable__title{padding:.5rem 1rem}
.proArea .dataTable--pro .dataTable__tr{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.proArea .dataTable--pro .dataTable__tr .th{width:100%;padding:.5rem .75rem;font-weight:600}
.proArea .dataTable--pro .dataTable__tr .th.td{padding:.5rem .75rem}
.proArea .dataTable--pro .dataTable__tr .td{width:100%;padding:0 .75rem .5rem}
.detailTop__right .toolBtn{display:none}
.menuControl{color:#fff;cursor:pointer;background-color:#161616;padding:.25rem .5rem}
.menuControl i{font-size:13px}
.proMenuBox{display:none;background-color:#161616;width:100%;top:46px;z-index:10;padding:10px}
.proMenuBox .proMenu{padding-left:1rem}
.proMenuBox.hedscroll{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none}
.proMenuBox__close{color:#eee;background-color:rgba(238,238,238,0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;padding:.2rem .5rem}
.proFeature .proFeature__txt{max-width:100%;padding:1.5rem 1rem}
.detailTop{padding:.5rem 0}
.detailTop .container .detailTop__left .proSort{font-size:12px}
.detailTop .container .detailTop__name{gap:.25rem}
.detailTop .container .detailTop__name h1{font-size:16px}
.detailTop .container .detailTop__name h2{font-size:13px}
.proAlbum .slick-list{padding:0 22%!important}
.inputStyle--select{min-width:auto;font-size:16px;-webkit-box-flex:1;-ms-flex:1 50%;flex:1 50%;width:100%}
.inputStyle--select__list{top:45px}
.download__select form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
@media all and (max-width: 640px) {
.pageName{gap:.5rem}
.pageName h1{font-size:24px}
.pageName span{font-size:16px}
.productList{gap:10px}
.productList__item__pic{height:250px}
.productList__item__txt strong{font-size:16px}
.proAlbum .slick-list{padding:0 20%!important}
.proAlbum figure img{height:300px}
.proArea--accessory .proArea__content .accessory__item{padding:1.5rem .5rem .5rem}
.proArea--accessory .proArea__content .accessory__item figure img{height:180px}
.proArea--accessory .proArea__content .accessory__item p{font-size:16px}
.proArea--feature .proArea__content .featureList__pic{width:60px}
.proArea--feature .proArea__content .featureList__txt strong{font-size:18px;margin-bottom:.25rem}
.popUp--compare{width:calc(100% - 20px)}
.popUp--compare .compareClose{padding:.25rem 1rem .45rem 2rem}
.popUp--compare .compareBox__top{font-size:18px}
.popUp--compare .toolBtn{font-size:20px}
.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proPic{width:180px}
.download__select + .downloadBox{padding-top:2rem}
.downloadItem__name{font-size:22px}
.detailTop{top:46px}
.footerBtn{flex-direction:column}
.footerBtn__item{padding:1.25rem 1rem}
}
@media all and (max-width: 575px) {
.productList__item__pic{height:200px}
.proArea--accessory .proArea__content .accessory__item figure img{height:150px}
.compareBox .compareBox__inn .compareBox__pro_item{min-height:185px}
.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proPic{width:110px}
.compareBox .compareBox__inn .compareBox__pro_item a .compareBox__proPic img{height:110px}
}
@media all and (max-width: 480px) {
.productList__item__pic{height:160px}
.proArea--accessory .proArea__content .accessory__item figure img{height:120px}
.popUp--compare .compareBox__top{font-size:17px}
.popUp--compare .toolBtn{padding:12px 10px}
}
.faqList__item{color:#fff;word-break:break-all;word-wrap:break-word}
.faqList__item + .faqList__item{margin-top:1rem}
.faqQ{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(102,102,102,0.4);padding:.75rem .75rem .75rem 0;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}
.faqA{padding:1.25rem .5rem 1.25rem 0;color:#dadada;border-bottom:1px solid #666}
.faqA a{color:#dadada}
.faqA__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.faqQ__title{font-size:20px;margin-bottom:0;padding-right:1rem;padding-left:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1}
.faqA__contant{font-size:17px;padding-left:1rem;padding-top:.25rem;-webkit-box-flex:1;-ms-flex:1;flex:1}
.faqToggle{margin-left:auto;width:35px;background-color:rgba(238,238,238,0.1);text-align:center;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s linear;transition:all .3s linear}
.faqQ.active,.faqQ:hover{background-color:rgba(102,102,102,0.8)}
.faqQ:hover .faqToggle{color:#000;background-color:rgba(238,238,238,0.5)}
.faqListIcon{font-size:22px;width:60px;text-align:center;position:relative}
.faqListIcon::before{position:absolute;content:"/";right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:.4;font-size:20px}
.faqA .faqListIcon{color:#e50012;font-weight:600}
.faqA .faqListIcon::before{color:#fff}
.faqA{display:none}
.faqQ.active .faqToggle i{-webkit-transform:translateY(-2px) scaleY(-1);transform:translateY(-2px) scaleY(-1)}
@media all and (max-width: 991px) {
.faqQ__title{font-size:18px}
}
@media all and (max-width: 640px) {
.faqListIcon{width:55px}
.faqQ__title{font-size:16px}
.faqA__contant{font-size:15px}
}
.innerPage--contact .noBanner__title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.innerPage--contact .noBanner__title .breadCrumb{width:100%}
.bannerDes{margin-left:auto;font-size:1.25rem;text-align:left;max-width:800px}
.bannerDes h2{font-size:1.4rem}
.bannerDes h3{font-size:1.2rem}
.innerPage--contact h2{color:#e50012}
.innerPage--contact h3{margin-bottom:0;color:#666;font-weight:400}
.contactTxt{color:#dadada;max-width:450px}
.contactTxt__box__item + .contactTxt__box__item{margin-top:2.5rem}
.contactTxt__box__item .title{font-size:22px;position:relative;font-weight:600;padding-left:1.25rem;display:block;margin-bottom:1rem;line-height:1;color:#fff}
.contactTxt__box__item .title::before{position:absolute;content:"";-webkit-transform:skew(-10deg);transform:skew(-10deg);background-color:#e50012;width:6px;height:100%;left:0}
.contactTxt__box__item ul{list-style:none;padding-left:0}
.contactTxt__box__item ul li + li{margin-top:.75rem}
.contactTxt__box__item ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.contactTxt__box__item ul li p{margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1}
.contactTxt__box__item ul li a{color:#dadada}
.contactTxt__box__item ul li a:hover{color:#eee}
.contactTxt__box__item ul b{background-color:rgba(218,218,218,0.2);color:#eee;font-weight:300;padding:5px 8px;border-radius:4px;margin-right:8px}
.contactTxt__box__item ul b i{font-size:14px}
.red{color:#e50012}
small.red{font-weight:600}
span.red{font-size:18px;font-weight:600;margin:0 2px}
.contactForm{border-left:1px solid #dadada;padding-left:2rem;width:calc(100% - 550px)}
.contactForm--rma{float:inherit;margin:auto;border-left:0;padding:0 0 5rem}
.contactForm__text{color:#dadada;font-size:20px;font-weight:500;margin-bottom:2rem}
.contactForm__text small{display:block;font-size:16px}
.formGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}
.formGroup__item{width:calc(50% - 10px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.formGroup__item__title{color:#fff;margin-bottom:.25rem;font-size:1.05rem}
.formGroup__item__title a{border:1px solid;color:#dadada;font-size:14px;padding:2px 10px;border-radius:60px}
.formGroup__item__title a:hover{background-color:#666;color:#fff}
.form-control{border-radius:0}
.form-control:focus{border-color:#dadada}
.form-control:disabled{background-color:#dadada;cursor:not-allowed}
.formGroup__item--full{width:100%}
.formGroup__item--inline{display:inline-block;font-size:.875rem;padding:.5rem 0;width:70%}
.formGroupTel{width:25%}
.formGroupTel--big{width:100%}
.contactForm--ok{min-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.platformBox{width:100%}
.platformBox__form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}
@media all and (min-width: 769px) {
.contactTxt{float:left;position:sticky;top:100px}
.contactForm{float:right}
.contactForm--rma{float:inherit}
}
@media all and (max-width: 1400px) {
.contactForm{width:calc(100% - 480px)}
}
@media all and (max-width: 1200px) {
.contactTxt{max-width:400px}
.contactForm{padding-left:1rem;width:calc(100% - 450px)}
.formGroup__item{width:100%}
}
@media all and (max-width: 991px) {
.contactTxt{max-width:300px}
.contactForm{padding-left:1rem;width:calc(100% - 340px)}
.contactTxt__box__item .title{font-size:20px}
.bannerDes h2{font-size:1.2rem}
.bannerDes h3{font-size:1rem}
}
@media all and (max-width: 768px) {
.contactTxt{max-width:100%}
.contactForm{padding-left:0;width:100%;border-left:0;padding-top:1rem;border-top:1px solid #dadada;margin-top:2rem}
.contactTxt__box__item .title{font-size:18px}
.contactTxt__box__item + .contactTxt__box__item{margin-top:2rem}
.bannerDes{width:100%;margin-top:1rem}
.contactForm--ok{min-height:200px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
@media all and (max-width: 480px) {
.bannerDes h3 br{display:none}
.formGroupTel{width:45%}
.formGroupTel--big{width:100%}
}
@media screen and (max-width: 640px) {
.shopDBox .toolBox__icon .txt{display:none}
}