.filterSearchBox .btnFilter,.list .leftBox .filterSearchBox,.productTableBox td,.productTableBox th{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}body:not(:has(.filterArea)) .topBox .filterSearchBox{width:280px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}body:not(:has(.filterArea)) .topBox .btnFilter{display:none}body:not(:has(.filterArea)) .leftBox .btnFilter{display:none}body:not(:has(.filterArea)) .fixedQuickLink .filter{display:none}@media (max-width:1180px){.outerWrap{padding-bottom:calc(55px + env(safe-area-inset-bottom))}}.mainArea:after{background-image:url(../images/proPageBg.png)}.mainArea.ins .btnBox{margin-top:60px}@media (max-width:768px){.mainArea.ins .btnBox{margin-top:30px}}.wrap{max-width:1780px}.filterFuncList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}@media (max-width:1180px){.filterFuncList:not(.pop){display:none}}.moduleBoxFilter .moduleClose{z-index:5}.moduleBoxFilter .moduleWrap{padding-top:0}.moduleBoxFilter .moduleContent{padding:0;border-radius:20px;overflow:hidden}.moduleBoxFilter .filterArea{padding-bottom:0;display:block}.moduleBoxFilter .filterArea .wrap{max-width:100%;padding:0}.moduleBoxFilter .filterArea .filterContent{border-radius:0}.moduleBoxFilter .filterArea .filterBox{padding:40px 30px 30px;max-height:80dvh;max-height:80vh;overflow-y:auto}.moduleBoxFilter .filterArea .filterBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.15);box-shadow:inset 0 0 3px rgba(0,0,0,0.15);background-color:#f1f1f1}.moduleBoxFilter .filterArea .filterBox::-webkit-scrollbar{width:3px;height:3px;background-color:#f1f1f1}.moduleBoxFilter .filterArea .filterBox::-webkit-scrollbar-thumb{background:#206673}@media (max-width:768px){.moduleBoxFilter .filterArea .filterBox{max-height:75dvh;max-height:75vh}}@media (max-width:480px){.moduleBoxFilter .filterArea .filterBox{padding:40px 20px 30px}}.moduleBoxFilter .filterArea .filterList{max-height:none;overflow-y:unset}.moduleBoxFilter .filterArea .columnList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.moduleBoxFilter .filterArea .columnList .columnItem{width:100%;padding-bottom:0}.moduleBoxFilter .filterArea .columnList .columnItem:not(:last-child){padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #BDBDBD}.moduleBoxFilter .filterArea .columnList .columnItem:not(:last-child):before{display:none}.moduleBoxFilter .filterArea .btnBarBox{padding:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.moduleBoxFilter .moduleTitle{font-size:22px;line-height:1.2;letter-spacing:0.5px;text-align:center}.sideClassList{width:100%}.sideClassList .rangeBox{background-color:#ffffff}@media (min-width:1181px){.sideClassList .rangeBox:hover{background-color:#ffffff}}.list .topBox{position:relative;z-index:2}.list .topBox>.wrap{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;max-width:1680px}@media (min-width:1181px){.list .topBox>.wrap{padding-left:40px;padding-right:40px}}@media (max-width:1180px){.list .topBox>.wrap{-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}}.list .topBox .bread{-webkit-box-flex:1;-ms-flex:1;flex:1}.list .topBox .bread .wrap{max-width:100%;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width:1180px){.list .topBox .filterSearchBox{display:none}}@media (min-width:1181px){.list .leftBox .innerBox{position:sticky;width:100%;top:150px}.list .leftBox .innerBox.sticky .filterSearchBox{opacity:1;pointer-events:auto}}.list .leftBox .filterSearchBox{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;pointer-events:none}@media (max-width:1180px){.list .leftBox .filterSearchBox{display:none}}.list .leftBox .searchBox{margin-bottom:20px}.list .leftBox .btnFilter .arrow{margin-right:0;margin-left:auto}.list .leftBox .btnFilter .arrow svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.list .leftBox .btnFilter,.list .leftBox .searchBox{width:100%}.ins .bread .wrap{max-width:1780px}.filterSearchBox{width:535px;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}@media (max-width:1180px){.filterSearchBox{margin:0 auto;padding-bottom:20px}}@media (max-width:600px){.filterSearchBox{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.filterSearchBox .searchBox{width:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ebebeb;padding:15px 35px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:999px}@media (max-width:1180px){.filterSearchBox .searchBox{padding:15px 30px}}@media (max-width:768px){.filterSearchBox .searchBox{padding:15px 20px}}@media (max-width:600px){.filterSearchBox .searchBox{width:100%;margin-bottom:20px}}.filterSearchBox .searchBox .left{width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filterSearchBox .searchBox .left .searchBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filterSearchBox .searchBox .left svg{width:22px;height:22px;color:#333333;margin-right:10px}.filterSearchBox .searchBox .left .txt{color:#333333;font-size:17px;font-weight:500}.filterSearchBox .searchBox .right{width:calc(100% - 100px);position:relative}.filterSearchBox .searchBox .right:before{position:absolute;left:0;top:0;bottom:0;margin:auto;content:"";width:2px;height:18px;background-color:#BDBDBD}.filterSearchBox .searchBox .right input{width:100%;color:#333333;font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;padding-left:15px}.filterSearchBox .searchBox .right input::-webkit-input-placeholder{color:#BDBDBD}.filterSearchBox .searchBox .right input::-moz-placeholder{color:#BDBDBD}.filterSearchBox .searchBox .right input:-ms-input-placeholder{color:#BDBDBD}.filterSearchBox .searchBox .right input::-ms-input-placeholder{color:#BDBDBD}.filterSearchBox .searchBox .right input::placeholder{color:#BDBDBD}.filterSearchBox .btnFilter{width:245px;border-radius:999px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15.5px 40px;background-color:#16515c;cursor:pointer}@media (max-width:1180px){.filterSearchBox .btnFilter{padding:15.5px 30px}}@media (max-width:768px){.filterSearchBox .btnFilter{padding:15.5px 20px}}@media (max-width:600px){.filterSearchBox .btnFilter{width:100%}}.filterSearchBox .btnFilter.open .arrow svg{-webkit-transform:none;transform:none}@media (min-width:1181px){.filterSearchBox .btnFilter:hover{background-color:#206673}}.filterSearchBox .btnFilter .icon{margin-right:11px}.filterSearchBox .btnFilter .icon svg{vertical-align:-2px}.filterSearchBox .btnFilter .Txt{color:#ffffff;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:45px}.filterSearchBox .btnFilter .Txt .txt{font-size:17px;margin-right:8px}.filterSearchBox .btnFilter .Txt .title{font-size:16px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}.filterSearchBox .btnFilter .arrow{position:relative}@media (max-width:600px){.filterSearchBox .btnFilter .arrow{margin-right:0;margin-left:auto}}.filterSearchBox .btnFilter .arrow:before{position:absolute;left:-21px;top:0;bottom:0;margin:auto;content:"";width:1px;height:18px;background-color:#396F79}.filterSearchBox .btnFilter .arrow svg{vertical-align:2px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.filterArea{padding-bottom:55px;position:relative;z-index:2;display:none}.filterArea .filterContent{border-radius:20px;overflow:hidden}.filterArea .btnBarBox{background-color:#C7D7D9;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:15px 40px}@media (max-width:1180px){.filterArea .btnBarBox{padding:15px 30px}}@media (max-width:768px){.filterArea .btnBarBox{padding:15px 20px}}.filterArea .btnBarBox .barTitle{color:#16515c;font-size:20px;font-weight:500}.filterArea .btnBarBox .btnBox{margin:0}.filterArea .btnBarBox .btnBox a{color:#16515c;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px;line-height:1.5;border-radius:999px;min-width:122px;text-align:center;padding:6.75px 10px;letter-spacing:1.2px}.filterArea .btnBarBox .btnBox a svg{vertical-align:-2px;margin-right:5px}.filterArea .btnBarBox .btnBox a.clearFilter{border:1px solid #16515c;background-color:transparent;margin-right:5px}@media (min-width:1181px){.filterArea .btnBarBox .btnBox a.clearFilter:hover{color:#206673;background-color:#ffffff}.filterArea .btnBarBox .btnBox a.clearFilter:hover svg{color:#206673}}.filterArea .btnBarBox .btnBox a.submitFilter{border:1px solid transparent;background-color:#ffffff;margin-left:5px}@media (min-width:1181px){.filterArea .btnBarBox .btnBox a.submitFilter:hover{color:#ffffff;background-color:#206673}.filterArea .btnBarBox .btnBox a.submitFilter:hover svg{color:#ffffff}}.filterArea .filterBox{background-image:url(../images/grayNoiseBg.jpg);background-repeat:repeat;padding:30px 0}.filterArea .filterTitle{color:#333333;font-size:18px;font-weight:500;line-height:1.5;text-align:center;letter-spacing:1.44px;padding:0 50px;margin-bottom:20px}.filterArea .columnList{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1490px;margin:0 auto}@media (max-width:992px){.filterArea .columnList{max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.filterArea .columnList .columnItem{width:33.33%;padding-bottom:45px}@media (max-width:992px){.filterArea .columnList .columnItem{width:100%;padding-bottom:0}.filterArea .columnList .columnItem:not(:last-child){padding-bottom:20px}}.filterArea .columnList .columnItem:not(:last-child){position:relative}.filterArea .columnList .columnItem:not(:last-child):before{position:absolute;right:0;top:0;margin:auto;content:"";width:1px;height:100%;background-color:#BDBDBD}@media (max-width:992px){.filterArea .columnList .columnItem:not(:last-child):before{display:none}}.filterArea .filterList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:345px;overflow-y:auto;padding:0 40px}.filterArea .filterList::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.15);box-shadow:inset 0 0 3px rgba(0,0,0,0.15);background-color:#f1f1f1}.filterArea .filterList::-webkit-scrollbar{width:3px;height:3px;background-color:#f1f1f1}.filterArea .filterList::-webkit-scrollbar-thumb{background:#206673}@media (max-width:1366px){.filterArea .filterList{padding:0 20px}}@media (max-width:480px){.filterArea .filterList{padding:0}}.filterArea .filterList .filterItem{padding-right:15px;padding-bottom:15px}@media (max-width:480px){.filterArea .filterList .filterItem{padding-right:10px}}.filterArea .filterList a{display:block;color:#333333;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:1.2px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;background-color:#ffffff;border-radius:999px;border:1px solid #BDBDBD;text-align:center;padding:10px 20px}@media (min-width:1181px){.filterArea .filterList a:hover{color:#ffffff;border-color:#16515c;background-color:#16515c}}.filterArea .filterList a.selected{color:#ffffff;border-color:#16515c;background-color:#16515c}.noData{color:#333333}.productsBox{-webkit-transition:all 0.4s;transition:all 0.4s}.productsBox.hide{pointer-events:none;opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all 0.2s;transition:all 0.2s}@media (max-width:1180px){.productTableBox{white-space:nowrap;max-width:100%;overflow-x:auto}}.productTableBox .proTable{border-collapse:separate;border-spacing:0;width:100%}@media (max-width:1180px){.productTableBox .proTable{table-layout:fixed}}.productTableBox td,.productTableBox th{font-size:15px;font-weight:400;letter-spacing:1.2px;vertical-align:middle}@media (max-width:480px){.productTableBox td,.productTableBox th{font-size:14px;letter-spacing:0.56px}}.productTableBox td:not(:last-child),.productTableBox th:not(:last-child){text-align:left}.productTableBox td:first-child,.productTableBox th:first-child{padding-left:40px;padding-right:20px}@media (max-width:1526px){.productTableBox td:first-child,.productTableBox th:first-child{padding-left:30px}}@media (max-width:992px){.productTableBox td:first-child,.productTableBox th:first-child{padding-left:20px}}.productTableBox td:nth-child(2),.productTableBox th:nth-child(2){padding-left:60px;padding-right:20px}@media (max-width:1526px){.productTableBox td:nth-child(2),.productTableBox th:nth-child(2){padding-left:30px}}@media (max-width:992px){.productTableBox td:nth-child(2),.productTableBox th:nth-child(2){padding-left:20px}}.productTableBox td:nth-child(3),.productTableBox th:nth-child(3){padding-left:65px;padding-right:25px}@media (max-width:1536px){.productTableBox td:nth-child(3),.productTableBox th:nth-child(3){padding-left:30px}}@media (max-width:992px){.productTableBox td:nth-child(3),.productTableBox th:nth-child(3){padding-left:20px;padding-right:20px}}.productTableBox th{color:#ffffff;padding-top:17px;padding-bottom:17px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;position:relative;background-color:#16515c}.productTableBox th span{position:relative;z-index:2}.productTableBox th:first-child{width:14.583vw;border-top-left-radius:20px}@media (max-width:1280px){.productTableBox th:first-child{width:20vw}}@media (max-width:1180px){.productTableBox th:first-child{width:250px}}.productTableBox th:nth-child(2){width:19.531vw}@media (max-width:1280px){.productTableBox th:nth-child(2){width:18vw}}@media (max-width:1180px){.productTableBox th:nth-child(2){width:300px}}@media (max-width:1280px){.productTableBox th:nth-child(3){width:40vw}}@media (max-width:1180px){.productTableBox th:nth-child(3){width:450px}}.productTableBox th:nth-child(4){width:155px;border-top-right-radius:20px}@media (max-width:480px){.productTableBox th:nth-child(4){width:110px}}.productTableBox th:not(:last-child){position:relative}.productTableBox th:not(:last-child):after{position:absolute;content:"";right:0;top:0;bottom:0;margin:auto;width:1px;height:25px;background-color:#6D898E}.productTableBox td{color:#6A6A6A;line-height:1.7;position:relative;padding-top:20px;padding-bottom:20px;background-color:#ffffff;border-bottom:1px solid #ebebeb}@media (min-width:1181px){.productTableBox td{word-break:break-word}}.productTableBox td .txt{display:block}@media (min-width:1181px){.productTableBox td .txt{overflow:hidden;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical}}@media (max-width:1180px){.productTableBox td .txt{white-space:normal}}.productTableBox td:first-child{border-left:1px solid #ebebeb}.productTableBox td:first-child,.productTableBox td:nth-child(2){font-weight:600}.productTableBox td:nth-child(3){font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}.productTableBox td:nth-child(4){text-align:center;border-right:1px solid #ebebeb}.productTableBox td:not(:last-child){position:relative}.productTableBox td:not(:last-child):after{position:absolute;content:"";right:0;top:0;bottom:0;margin:auto;width:1px;height:75%;background-color:#ebebeb}@media (min-width:1181px){.productTableBox tr:hover td{background-color:#EAF8FA}.productTableBox tr:hover td .btnBox .bgMain{background-color:#16515c}.productTableBox tr:hover td .btnBox .bgMain:after,.productTableBox tr:hover td .btnBox .bgMain:before{border-color:#c2d6da}}.productTableBox tr:last-child td:first-child{border-bottom-left-radius:20px}.productTableBox tr:last-child td:nth-child(4){border-bottom-right-radius:20px}.productTableBox .btnBox{margin-top:0}.productTableBox .btnBox .bgMain{background-color:#636363}.productTableBox .btnBox .bgMain:after,.productTableBox .btnBox .bgMain:before{border-color:#e0e0e0}@media (max-width:480px){.productTableBox .btnBox .bgMain{min-width:80px;font-size:12px;padding:8px 10px 6.5px}}