@charset "UTF-8";
@import url('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}
/*! CSS Document */
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(.42,0,.58,1);transition:.5s cubic-bezier(.42,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;/*! 针对WebKit引擎 */image-rendering:crisp-edges}
.en{/*font-family:Montserrat,sans-serif;*/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,.3);background-color:rgba(255,255,255,.2)}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background-color:#666}

*::placeholder{color: rgba(33, 37, 41, 0.38)!important;}
/*!---------------------- 基礎設定 ----------------------*/
/*!反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
/*! submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background:rgba(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}
/*! animation:loadingI */
@-webkit-keyframes loadingI{
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loadingI{
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/*! bubble */
@-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)}
}
/*! submit-loading END*/
.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,.8)),color-stop(46.66%,rgba(0,0,0,0)),to(rgba(0,0,0,.9)));background:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 46.66%,rgba(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,.1);box-shadow:0 0 30px rgba(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,.2)));background:linear-gradient(-90deg,rgba(255,255,255,0),rgba(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,.2)));background:linear-gradient(90deg,rgba(255,255,255,0),rgba(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;/*font-family:Montserrat,sans-serif;*/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,.7) 2%,rgba(255,255,255,.1) 37%,rgba(255,255,255,.7) 100%);-webkit-box-shadow:0 0 30px rgba(255,255,255,.45);box-shadow:0 0 30px rgba(255,255,255,.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 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 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,.15);cursor:pointer}
.searchSort__tab li:not(.active):hover{background-color:rgba(238,238,238,.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;}
.navbar.top{z-index:99999}
.navbar a{-webkit-transition:initial;transition:initial}
.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}
.navbarBrand figure img{vertical-align:middle}
.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:100svw;padding:3rem 0;left:0;border-top:1px solid #eee}
.dropdownMenu .dropdownMenu__brand .dropdownMenu__sort+.dropdownMenu__sort{margin-top:.5rem}
.dropdownMenu__container{max-width:1050px;margin-left:calc((100% - var(--container))/ 2 + 240px + 30px);padding:0 1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:60px}
/* .dropdownMenu__sort{width:160px} */
.dropdownMenu__sort__title{font-size:18px;font-weight:700}
.dropdownMenu__sort__title small{font-weight:400;font-size:0.75em;text-wrap-mode: nowrap;}
@media all and (min-width:769px){
.dropdownMenu__sort__title+.dropdownMenu__sort__list{margin-top:.5rem}
}
.dropdownMenu__sort__title:hover{color:#e50012}
.dropdownMenu__sort__list a{display:block;color:#666;font-size:16px;font-weight:500;padding:2px 0}
.dropdownMenu__sort__list a:hover{color:#000}
@media all and (min-width:1201px){
.navbarMain .navItem--single--drop{position:relative}
.navbarMain .navItem--single--drop:not(.show) .navItem--single__down{display:none}
}
@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-family:Montserrat,sans-serif;*/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}
.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,.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}
@media all and (min-width:992px){
    .navbarToggler{display:none}
}
@media all and (max-width:1600px){
    .navbar{padding:0 1rem;transition: 0.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:not(.show) .dropdownMenu{display:none}
    .dropdown.show .dropdownToggle::before{opacity:1}
    .lanBox{position:relative}
}
@media all and (max-width:1200px){
    .navbarNav{display:block;position:absolute;width:100%;height:calc(100svh - 46px);background-color:#fff;left:0;top:100%;transform: translateY(0);transition: 0.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: 0.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:1}
    .navbarNav:not(.show){/* display:none; */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:absolute;top:0;left:0;z-index:10;padding-top:0;height:100svh;width:100svw;background-color:#fff;transition: 0.3s all;}
    .dropdownMenu--mb:not(.show){/* display:none; */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}
    .backUse{font-size:18px;font-weight:500;padding-left:calc((100% - var(--container))/ 2 + 240px + 30px + 1.5rem);padding-top:.75rem;padding-bottom:.5rem;background-color:#eee;cursor:pointer}
    .backUse i{margin-right:.5rem}
    .lanBox__drop{width:100%}

    .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: normal !important;right: 1rem;color: #e50012;}
}
@media all and (max-width:991px){
    .dropdownMenu--mb__container{margin:0}
    .backUse{padding:.75rem 1.5rem .5rem}
}
@media all and (min-width:769px){
    .dropdownMenu__sort__list__back{display:none}
    .proAll{display:none!important}
}
@media all and (max-width:768px){
    .seachPC span{font-size:16px}
    .backUse{margin-bottom:.5rem;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.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: normal !important;right: 1rem;color: #e50012;}
    .dropdownMenu__sort__list{position:absolute;top:0;left:0;width:100%;height:100svh;background:#f5f5f5;margin-top:0;transition: 0.3s all;z-index: 8;}
    .dropdownMenu__sort__list a{padding:.5rem 1.5rem}
    .dropdownMenu__sort__list:not(.show){/* display:none; */left: 100%;}
    .dropdownMenu__sort__list__back{background-color:#fff;margin-bottom:.5rem;padding:.75rem 1.5rem .5rem;font-weight:600;cursor:pointer}
    .dropdownMenu__sort__list__back i{margin-right:.5rem}
    .navItem--single__down a{display:block;width:100%;padding:.5rem 0;border-bottom:1px solid #eee;font-weight:500;font-size:16px}
    .dropdownMenu__sort__title{display:block;font-size:16px;font-weight:500}
    .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;}
    .navbarBrand{width:200px}
    .toolBox .toolBox__icon{padding:.5rem .75rem}
    .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}
    .navbarBrand{width:140px}
    .navbarBrand figure .logoBlack{top:5px}
}
.banner img{margin:0 auto}
@media all and (min-width:769px){
    .banner__box__mb{display:none!important}
}
@media all and (max-width:768px){
    .banner__box__pc{display:none!important}
}
.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-family:Montserrat,sans-serif;*/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,.7) 2%,rgba(255,255,255,.1) 37%,rgba(255,255,255,.7) 100%);-webkit-box-shadow:0 0 30px rgba(255,255,255,.45);box-shadow:0 0 30px rgba(255,255,255,.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{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;/*font-family:Montserrat,sans-serif;*/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,.8)),color-stop(46.66%,rgba(0,0,0,0)),to(rgba(0,0,0,.9)));background:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 46.66%,rgba(0,0,0,.9) 100%)}
footer{background-color:#000;padding-top:4rem}
.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;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.3);margin-bottom:3rem;gap: 0.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}
.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,.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-family:Montserrat,sans-serif;*/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,.7),rgba(255,255,255,.1),rgba(255,255,255,.7)) 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.7)),color-stop(rgba(255,255,255,.1)),to(rgba(255,255,255,.7))) 1;border-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.1),rgba(255,255,255,.7)) 1;padding:.5rem;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.2)),color-stop(rgba(255,255,255,.1)),to(rgba(255,255,255,.2)));background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.1),rgba(255,255,255,.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,.5);font-weight:400;font-size:17px}
.ePaperBox span input::-moz-placeholder{color:rgba(218,218,218,.5);font-weight:400;font-size:17px}
.ePaperBox span input:-ms-input-placeholder{color:rgba(218,218,218,.5);font-weight:400;font-size:17px}
.ePaperBox span input::-ms-input-placeholder{color:rgba(218,218,218,.5);font-weight:400;font-size:17px}
.ePaperBox span input::placeholder{color:rgba(218,218,218,.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,.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,.5);left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.copyright{/*font-family:Montserrat,sans-serif;*/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-family:Montserrat,sans-serif;*/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-family:Montserrat,sans-serif;*/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,.5) 2%,rgba(0,0,0,0) 37%,rgba(0,0,0,.5) 100%);-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(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,.7) 2%,rgba(255,255,255,.1) 37%,rgba(255,255,255,.7) 100%);-webkit-box-shadow:0 0 30px rgba(255,255,255,.45);box-shadow:0 0 30px rgba(255,255,255,.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-family:Montserrat,sans-serif;*/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,.7),rgba(255,255,255,.1),rgba(255,255,255,.7)) 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.7)),color-stop(rgba(255,255,255,.1)),to(rgba(255,255,255,.7))) 1;border-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.1),rgba(255,255,255,.7)) 1;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.2)),color-stop(rgba(255,255,255,.1)),to(rgba(255,255,255,.2)));background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.1),rgba(255,255,255,.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,.4)),color-stop(rgba(255,255,255,.2)),to(rgba(255,255,255,.4)));background:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.2),rgba(255,255,255,.4));color:#fff}
.toolBtn.black{-o-border-image:linear-gradient(to right,rgba(0,0,0,.4),rgba(0,0,0,.05),rgba(0,0,0,.4)) 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.4)),color-stop(rgba(0,0,0,.05)),to(rgba(0,0,0,.4))) 1;border-image:linear-gradient(to right,rgba(0,0,0,.4),rgba(0,0,0,.05),rgba(0,0,0,.4)) 1;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.07)),color-stop(rgba(0,0,0,.05)),to(rgba(0,0,0,.07)));background:linear-gradient(90deg,rgba(0,0,0,.07),rgba(0,0,0,.05),rgba(0,0,0,.07));color:#161616}
.toolBtn.black:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.2)),color-stop(rgba(0,0,0,.1)),to(rgba(0,0,0,.2)));background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.1),rgba(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: 0.5rem 0.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,.1);box-shadow:0 0 30px rgba(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,.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,.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% - .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% - .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 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-family:Montserrat,sans-serif;*/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,.1);box-shadow:0 0 30px rgba(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,.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;/*font-family:Montserrat,sans-serif*/}
@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-family:Montserrat,sans-serif;*/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 0s;transition:opacity .2s ease-out 0s,transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s;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 .2s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-o-transition:opacity .5s ease-out .2s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-webkit-transition:opacity .5s ease-out .2s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-moz-transition:opacity .5s ease-out .2s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s}
.brandLList__item.active .brandLList__item__first figure{-webkit-transform:scale(.5);transform:scale(.5);transition:opacity .5s ease-out .2s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-o-transition:opacity .5s ease-out .2s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-webkit-transition:opacity .5s ease-out .2s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-moz-transition:opacity .5s ease-out .2s,transform .4s ease-out .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 .6s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-o-transition:opacity .8s ease-out .6s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-webkit-transition:opacity .8s ease-out .6s,transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s;-moz-transition:opacity .8s ease-out .6s,transform .4s ease-out .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,.1);box-shadow:0 0 30px rgba(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;/*font-family:Montserrat,sans-serif;*/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 transparent;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,.1);box-shadow:0 0 30px rgba(0,0,0,.1);border:3px solid;-o-border-image:linear-gradient(118deg,#e50012,#fff 30%,#000,rgba(229,0,18,.6) 70%,#fff 85%,#e50012) 1;border-image:linear-gradient(118deg,#e50012,#fff 30%,#000,rgba(229,0,18,.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 transparent;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,.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,.8);border-radius:60px;font-size:35px;opacity:0;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(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-family:Montserrat,sans-serif;*/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,.25)));background:linear-gradient(180deg,#161616,rgba(255,255,255,0),rgba(136,136,136,.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,.1),rgba(136,136,136,.5)) 1;border-image:linear-gradient(145deg,#161616,rgba(255,255,255,.1),rgba(136,136,136,.5)) 1;opacity:1}
.productList__item::after{-o-border-image:linear-gradient(145deg,rgba(136,136,136,.5),#161616,rgba(136,136,136,.5)) 1;border-image:linear-gradient(145deg,rgba(136,136,136,.5),#161616,rgba(136,136,136,.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,.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-family:Montserrat,sans-serif;*/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-family:Montserrat,sans-serif;*/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 0.125rem;}
.compareBox .compareBox__top p{color:#fff;margin-bottom:0}
.compareBox .compareBox__top p span{/*font-family:Montserrat,sans-serif;*/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: 0s;}
/* .compareBox .compareBox__pro{height: calc(100svh - 11.5rem);overflow-y:auto;} */
.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,.2)}
.dataTable__tr:hover{background-color:rgba(238,238,238,.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,.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,.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{/* -webkit-box-flex:1; */-ms-flex:1 30%;/* 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{/* -webkit-box-flex:1; */-ms-flex:1 10%;/* 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,.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,.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;/* word-break:break-all; */text-align: justify;}
.picVideo{/* width:1400px; */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%);/*max-width: 1000px;*/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,.6)),color-stop(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0),rgba(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(.75);transform:scale(.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,.1),rgba(136,136,136,.5)) 1;border-image:linear-gradient(145deg,#161616,rgba(255,255,255,.1),rgba(136,136,136,.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,.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(.95);transform:scale(.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-family:Montserrat,sans-serif;*/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,.6) 70%,#000 85%,#e50012) 1;border-image:linear-gradient(118deg,#e50012,#000 30%,#000,rgba(229,0,18,.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,.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,.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,.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,.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;}
}
@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,.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,.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,.8)}
    .faqQ:hover .faqToggle{color:#000;background-color:rgba(238,238,238,.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,.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 0;}
    .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: 0.875rem;padding: 0.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}

    /* input 購買日期預設文字年/月/日拿掉 */
    /* input.noText[type="date"]::-webkit-datetime-edit,input[type="date"]::-webkit-clear-button,input[type="date"]::-webkit-inner-spin-button {display: none;} */
    /* input.noText[type="date"]::-webkit-calendar-picker-indicator {position: absolute;right: 0;opacity: 1;cursor: pointer;} */
    /* Firefox */
    /* input.noText[type="date"]::-moz-focus-inner {border: 0;}
    input.noText[type="date"]::-moz-datetime-edit {display: none;} */
    /* Edge */
    /* input.noText[type="date"]::-ms-clear {display: none;}
    input.noText[type="date"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;position: relative;padding: 1.3rem 0.75rem;font-size: 16px;color: #333;background-color: #fff;} */
    
@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%;}
}