.fa_topHei{height:70px;background:#000}
@media only screen and (min-width:901px){
.fa_topHei{height:90px}
}
@media only screen and (width <= 767px){
.table-header{display:none!important}
.fa_list table,.fa_list tbody,.fa_list td,.fa_list tr{display:block;box-sizing:border-box}
.fa_list tr{border-bottom:1px solid #ddd;padding:0 15px 15px;margin-bottom:15px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / 10%)}
.fa_list td{border:none;padding:8px 0;text-align:left}
.fa_list .jc_xp{display:none}
.product-image .fa_Img{position:relative;width:100%!important;height:180px!important}
.fa_Prodt .fa_big_swp img,.fa_Prodt .fa_right img,.product-image .fa_Img img{max-width:120%!important;max-height:80vh!important}
.series-field .jc_p p{width:100%;margin:0 0 10px;padding:0}
.part-field.Series h4{text-align:center;font-size:var(--f24)}
.part-field,.series-field{display:flex!important;align-items:flex-start}
.part-field::before,.series-field::before{display:inline-block;width:110px;font-weight:700;color:#555;margin-right:5px;content:attr(data-label)}
.Series::before{display:none}
.part-field>*,.series-field>*{flex:1;text-align:left}
.Name.Series h3{font-size:18px;text-align:center}
}
.pdfobject-container{height:1000px;border:1px solid #ccc}
.part-field.Series h3 i{font-weight:100}
.fa_Pro .fa_select{background:#eee;margin:20px 0 30px;border-radius:6px;border:1px solid #ddd}
.fa_Pro .fa_select .fa_tit{display:flex;justify-content:space-between;align-items:center;background:#0e3252;color:#fff;border-radius:5px;padding:10px}
.fa_Pro .fa_select .fa_tit div{font-size:16px;font-weight:600}
.fa_Pro .fa_select .fa_tit button a,.fa_Pro .fa_select .fa_tit button span{display:inline-block;padding:3px 10px;font-size:14px;border-radius:5px;cursor:pointer;transition:all .5s;color:#fff}
.fa_Pro .fa_select .fa_tit button a{background:var(--main3-color)}
.fa_Pro .fa_select .fa_tit button span{background:rgb(255 255 255 / 10%)}
.fa_Pro .fa_select .fa_tit button .select_btn i{transition:all .5s;display:inline-block}
.fa_Pro .fa_select.active button .select_btn i{transform:rotate(180deg)}
.fa_Pro .fa_select.fa_close .fa_tit button span{transform:rotate(90deg)}
.fa_Pro .fa_select .fa_slist{width:100%;overflow-x:auto;padding:10px}
.fa_Pro .fa_select .fa_slist fieldset{display:block;border-bottom:1px solid #ddd;padding:10px 0}
.fa_Pro .fa_select .fa_slist fieldset legend{width:100%;padding-top:10px;font-size:16px;font-weight:600}
.btn_ok{margin-left:10px;color:#666}
.btn_ok:hover{background-color:#f5f5f5}
.btn_ok.active{border-color:var(--main3-color);background-color:rgb(33 178 175 / 10%);color:var(--main3-color)}
.act *{display:none}
.links{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:15px}
.links *{display:inline-block;vertical-align:middle;font-size:14px;line-height:1.3;color:#666;border:1px solid #666;border-radius:2px;padding:0 4px}
.ckb{color:#666;font-size:14px;margin:5px 0}
.ckb input{vertical-align:middle;zoom:1.2}
.ckb span{padding-left:8px;padding-right:15px}
.switch{display:flex;flex-wrap:wrap;align-items:center;min-height:47px;border-radius:5px;background-color:#0e3252;margin-bottom:30px;padding:10px;font-size:16px;font-weight:600;color:#fff;gap:2vw}
.Series.Part{display:none!important}
@media screen and (min-width:769px){
.ckb{width:100%}
}
.fa_Pro table{min-width:100%;width:auto;text-transform:capitalize}
.fa_Pro th{font-size:14px;line-height:20px;font-weight:600;padding:10px;background-color:#eee}
.fa_Pro tr{border:1px solid #ddd}
.fa_Pro td{padding:5px 1vw;font-size:12px;line-height:18px;color:#666}
.fa_Pro td .fa_Img{width:50px;height:50px}
.fa_Pro td:nth-child(1){padding:20px}
.fa_Pro td:nth-child(2){font-size:12px;line-height:18px;color:#0e3252;font-weight:600}
.fa_Pro td:last-child a{display:inline-block;line-height:30px;border:1px solid #0e3252;padding:0 5px;border-radius:5px;font-size:12px;color:#0e3252;transition:all .5s;white-space:nowrap}
.fa_Pro td:last-child a:hover{background:var(--main-color);color:#fff;border-color:var(--main-color)}
.fa_Pro td:last-child a i{margin-right:5px;font-size:16px}
.fa_Pro .fa_list::-webkit-scrollbar,.fa_Pro .fa_slist::-webkit-scrollbar,.fa_Pro .sub::-webkit-scrollbar,.fa_Prodt .fa_tab_content::-webkit-scrollbar{width:5px;height:5px}
.fa_Pro .fa_list::-webkit-scrollbar-track,.fa_Pro .fa_slist::-webkit-scrollbar-track,.fa_Pro .sub::-webkit-scrollbar-track,.fa_Prodt .fa_tab_content::-webkit-scrollbar-track{background-color:#ccc;border-radius:5px}
.fa_Pro .fa_list::-webkit-scrollbar-thumb,.fa_Pro .fa_slist::-webkit-scrollbar-thumb,.fa_Pro .sub::-webkit-scrollbar-thumb,.fa_Prodt .fa_tab_content::-webkit-scrollbar-thumb{background-color:rgb(14 50 82 / 50%);border-radius:5px}
.fa_Pro .fa_list::-webkit-scrollbar-thumb:active,.fa_Pro .fa_list::-webkit-scrollbar-thumb:hover,.fa_Pro .fa_slist::-webkit-scrollbar-thumb:active,.fa_Pro .fa_slist::-webkit-scrollbar-thumb:hover,.fa_Pro .sub::-webkit-scrollbar-thumb:active,.fa_Pro .sub::-webkit-scrollbar-thumb:hover,.fa_Prodt .fa_tab_content::-webkit-scrollbar-thumb:active,.fa_Prodt .fa_tab_content::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}
.fa_pro_link{display:flex;flex-direction:column;gap:20px;margin-top:8vw}
.fa_pro_link a{flex:1;padding:10px 20px;font-size:var(--f20);text-transform:uppercase;transition:all .5s;border-radius:5px;text-align:center;margin:0}
.fa_pro_link a:nth-child(1){border:#000 solid 2px;color:#000}
.fa_pro_link a:nth-child(2){border:var(--main3-color) solid 2px;background:var(--main3-color);color:#fff}
.fa_pro_link a i{margin-right:15px}
.fa_pro_link a:hover{background:var(--main2-color);border-color:var(--main2-color);color:#fff}
.fa_Prodt .fa_Proinfo .fa_wrapper{display:flex;flex-direction:column}
.fa_Prodt .fa_Proinfo .fa_right{order:-1}
.fa_Prodt .fa_right .fa_Img{padding-bottom:90%}
.fa_Prodt .fa_top{align-items:flex-start;background:#fff;border-radius:5px}
.fa_Prodt .fa_top>div{width:100%}
.fa_Prodt .fa_top .fa_top_l .fa_Img{padding-bottom:70%}
.fa_Prodt .fa_top .fa_top_l .fa_sml_swp{border-top:1px solid #eee;position:relative}
.fa_Prodt .fa_top .fa_top_l .fa_dtimg_btn>div{position:absolute;z-index:20;font-size:3vw;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .5s;top:0;bottom:0;cursor:pointer;height:100%;padding:20px;opacity:.2}
.fa_Prodt .fa_top .fa_top_l .fa_dtimg_btn>div:hover{color:var(--main-color);opacity:1}
.fa_Prodt .fa_top .fa_top_l .fa_dtimg_btn .fa_btn_l{left:0}
.fa_Prodt .fa_top .fa_top_l .fa_dtimg_btn .fa_btn_r{right:0}
.fa_Prodt .fa_Text{min-height:500px;margin-top:30px;margin-bottom:30px;padding:0}
.fa_Prodt .fa_Text h1{font-size:var(--f40);color:#000;font-weight:600}
.fa_Prodt .fa_Text .h1-main{font-weight:lighter}
.fa_Prodt .fa_Text .h1-sub{display:inline-block;width:100%}
.fa_Prodt .fa_Text .h1-sub,.fa_Prodt .fa_Text h2{font-size:var(--f22);color:#444;margin:var(--f40) 0;font-weight:600;line-height:24px;padding-bottom:20px}
.fa_Prodt .fa_Text .desc{font-size:var(--f16);line-height:1.8;color:#555}
.fa_Prodt .fa_pro_tit{display:inline-block;vertical-align:top}
.fa_Prodt .fa_pro_tit+span{color:red;font-size:16px;display:inline-block;vertical-align:top}
.fa_Prodt .fa_pro_sum{border-bottom:1px solid #eee}
.jc_model{display:flex;flex-wrap:wrap;font-size:var(--f18)}
.jc_model dt{flex-basis:190px;flex-shrink:0;margin-bottom:5px;text-align:right;padding-right:10px;color:#666;font-weight:500}
.jc_model dd{flex-basis:calc(100% - 190px);flex-shrink:0;min-width:0;white-space:pre-wrap;margin-bottom:5px;color:#666}
[role=tab]{display:inline-block;font-size:var(--f20);color:#666;font-weight:500;padding:2vh 2vw;border-radius:5px 5px 0 0;cursor:pointer;text-transform:capitalize}
[role=tab][aria-selected=true]{background:var(--main3-color);color:#fff}
.fa_Prodt .fa_content .fa_tab_tit{font-size:0;border-bottom:1px solid var(--main3-color);background:#f5f5f5;margin-bottom:2vw}
.fa_Prodt .fa_content .fa_tab_content{width:100%;min-height:200px;padding-bottom:5vh;overflow-x:auto}
.jc_list_filters{margin:1vh 0}
.fa_Pro .fa_list{width:100%;overflow-x:auto}
.fa_list h3{font-size:var(--f16);font-weight:700}
.fa_list .jc_fea li,.fa_list .jc_p p{display:flex;line-height:1.5;margin:5px 0}
.fa_list .jc_fea li::before,.fa_list .jc_p p::before{content:"◆";position:relative;margin-right:10px;color:var(--main2-color)}
.fa_Prod{background:#ebebeb}
.fa_Prod .fa_li{display:block;position:relative;transition:all .5s;background:var(--main-color);border-radius:8px;overflow:hidden;box-shadow:0 0 20px rgb(0 0 0 / 5%)}
.fa_Prod .fa_li .fa_Img{padding-bottom:80%}
.fa_Prod .fa_li .fa_Img.fa_Imgmin img{position:absolute;top:0;left:0;width:100%;height:100%;transform:none;object-fit:cover;transition:all .5s}
.fa_Prod .fa_li:hover .fa_Img.fa_Imgmin img{transform:scale(1.1)}
.fa_Prod .fa_li .fa_info{padding:var(--f20) 20px;text-align:center}
.fa_Prod .fa_li .fa_info h3{font-size:var(--f20);color:#fff}
.fa_Prod .fa_li .fa_info p span{display:inline-block;background:#555;padding:0 30px;line-height:40px;border-radius:500px;color:#fff;font-size:14px}
.search-container{margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.search-input{padding:8px;border:1px solid #ccc;border-radius:4px;flex-grow:1}
.search-button{padding:8px 15px;background-color:#0e3252;color:#fff;border:none;border-radius:4px;cursor:pointer}
.filter-link{color:#0e3252;text-decoration:none}
.filter-link:hover{text-decoration:underline}
.bgwhite{background:#fff}
.param-overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background:rgb(255 255 255 / 80%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;z-index:10;opacity:0;visibility:hidden}
.fa_Prod .fa_li:hover .param-overlay{opacity:1;visibility:visible}
.param-overlay dl{margin:0;padding:0;width:100%;font-size:14px;line-height:24px;overflow:hidden}
.param-overlay dt{float:left;width:50px;color:#0e3252;font-weight:600}
.param-overlay dd{margin-left:70px;color:#333;word-break:normal;white-space:pre-wrap}
@media only screen and (min-width:768px){
.fa_pro_link{flex-direction:row;margin-top:4vw}
.fa_pro_link a:nth-child(1){margin-right:20px}
.fa_Pro td:nth-child(1){padding:10px}
}
@media only screen and (min-width:769px){
.fa_Pro .fa_select .fa_tit{padding:10px 1vw}
.fa_Pro .fa_select .fa_tit div{font-size:var(--f18)}
.fa_Pro .fa_select .fa_tit button a,.fa_Pro .fa_select .fa_tit button span{padding:8px 30px;font-size:16px}
.switch{font-size:var(--f18);padding:10px 1vw;min-height:60px}
.fa_Pro table{width:100%}
.fa_Pro th{padding:20px 1vw;line-height:1.5}
.fa_Pro td{font-size:16px;line-height:inherit}
.fa_Pro td .fa_Img{width:100px;height:100px}
.fa_Pro td:nth-child(2){font-size:16px;line-height:inherit}
.fa_Pro .fa_select .fa_slist{display:flex;padding:0}
.fa_Pro .fa_select .fa_slist fieldset{flex:1;padding:1.5vw 1.5vw 3vw;border-right:1px solid #ddd;border-bottom:none;min-width:160px}
.fa_Pro .fa_select .fa_slist fieldset legend{white-space:nowrap;padding-top:20px;margin-bottom:0;text-transform:capitalize}
.fa_Pro .fa_select .fa_slist fieldset div.sub{max-height:350px;overflow-y:scroll}
.fa_list .jc_fea,.fa_list .jc_p p{margin-left:2vw}
.fa_list .jc_fea ul{display:flex;flex-wrap:wrap}
.fa_list .jc_fea li,.fa_list .jc_p p{padding:0 20px 0 25px;position:relative}
.fa_list .jc_fea li::before,.fa_list .jc_p p::before{content:"◆";position:absolute;left:0;top:0;margin-right:0}
.fa_Prodt .fa_top .fa_top_l{width:40%}
.fa_Prodt .fa_top .fa_dt_r{padding-left:5vw;width:60%}
}
@media only screen and (min-width:1024px){
.fa_Prodt .fa_Proinfo .fa_wrapper{flex-direction:row}
.fa_Prodt .fa_Proinfo .fa_right{order:0}
.fa_Prodt .fa_Proinfo .fa_left{width:60%}
.fa_Prodt .fa_Proinfo .fa_right{width:40%;padding-left:8vw}
}
@media only screen and (min-width:1025px){
.fa_list .jc_fea li,.fa_list .jc_p p{display:inline-flex;width:calc(84% / 2)}
}