.catalogList .catalogItem,.catalogList .item,.compareBox .tableHeadItem .ImgWrap img,.compareBox .tableHeadItem .deleteBtn,.contentBox .rightBox{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.contentBox .rightBox.ajaxDisabled{opacity:0.15;pointer-events:none}.sideClassList{width:100%}.sideClassList .rangeBox{background-color:#fff}@media (min-width:1181px){.sideClassList .rangeBox:hover{background-color:#fff}}.noData{color:#707070;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}.catalogBox{-webkit-transition:all 0.4s;transition:all 0.4s}.catalogBox.hide{pointer-events:none;opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all 0.2s;transition:all 0.2s}.catalogList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -9px;gap:20px}@media (max-width:1180px){.catalogList{gap:10px}}@media (max-width:840px){.catalogList{gap:0px}}.catalogList .catalogItem{width:calc(33.3333333333% - 14px);padding:9px}@media (max-width:1180px){.catalogList .catalogItem{width:calc(33.3333333333% - 7px)}}@media (max-width:840px){.catalogList .catalogItem{width:50%}}@media (max-width:537px){.catalogList .catalogItem{width:100%}}.catalogList .item{position:relative;border-radius:5px;width:100%;height:100%}@media (min-width:1181px){.catalogList .item:hover{-webkit-filter:drop-shadow(0 0 20px rgba(0,139,227,0.3));filter:drop-shadow(0 0 20px rgba(0,139,227,0.3))}.catalogList .item:hover .Img:before{opacity:1;-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite}}.catalogList .Img{position:relative;--clr-1:#e4e4e4;--clr-2:#6d6d72;--clr-3:#444345;padding:2px;border-radius:5px;overflow:hidden;background-color:transparent}.catalogList .Img a{display:block;overflow:hidden}.catalogList .Img img{width:100%;height:auto;display:block;border-radius:5px}.catalogList .Img:before{content:"";--deg:0deg;position:absolute;z-index:-1;inset:-2px;background:conic-gradient(from var(--deg),var(--clr-2),var(--clr-1),var(--clr-2),var(--clr-3),var(--clr-2),var(--clr-1),var(--clr-2));border-radius:inherit;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0;-webkit-filter:blur(3px);filter:blur(3px)}.catalogList .Txt{position:absolute;left:32px;bottom:25px;width:calc(100% - 64px)}.catalogList .Txt .title,.catalogList .Txt .title a{font-size:16px;color:#fff;font-family:"Noto Sans TC",sans-serif;letter-spacing:0.4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalogList .Txt .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.catalogList .Txt .iconMoreArrow{-ms-flex-negative:0;flex-shrink:0;width:12px;height:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:360px){.catalogList .Txt{left:25px;bottom:20px}}.catalogList .price{margin-top:10px}.catalogList .price strong{display:inline-block;margin:0 5px}.catalogList .price .discount b{font-style:italic;font-size:18px;color:#000}.insIntroBox{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:767px){.insIntroBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.insIntroBox .introBox{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:767px){.insIntroBox .introBox{-webkit-box-flex:1;-ms-flex:auto;flex:auto}}.insIntroBox .introBox .articleTitle{margin-bottom:15px;padding:0 0 15px 0}.insIntroBox .introBox .code{color:#666;display:block;font-size:14px;font-weight:400}.insIntroBox .introBox .tagBox{padding:15px 0 0}.insIntroBox .introBox .tagBox ul{margin:0 -3px}.insIntroBox .introBox .tagBox ul li{padding:0 3px;position:relative}.insIntroBox .introBox .tagBox ul li:before{content:"#";display:inline-block;font-style:italic;padding-right:3px}.insIntroBox .introBox .Txt{margin-top:20px;line-height:1.6;font-size:15px;color:#c9c9c9}.insIntroBox .introBox .btnBox{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:30px}.insIntroBox .introBox .btnBox .btn{max-width:180px}.specTableBox .specTable{width:100%;border:1px solid #49494a}.specTableBox .specTable .specTableRow{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.specTableBox .specTable .specTableRowHead{background-color:#008be3}.specTableBox .specTable .specTableRowHead .specTableColumn{color:#fff;font-size:15px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 15px}@media (max-width:1180px){.specTableBox .specTable .specTableRowHead .specTableColumn{padding:10px 12px}}.specTableBox .specTable .specTableRowContent:nth-child(odd){background-color:#f8f8f8}.specTableBox .specTable .specTableRowContent:last-child .specTableColumn{border-bottom:none}.specTableBox .specTable .specTableRowContent .specTableColumn{font-size:14px;padding:15px}.specTableBox .specTable .specTableRowContent .specTableColumn:first-child{color:#000;font-weight:500;-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}.specTableBox .specTable .specTableRowContent .specTableColumn:not(:first-child){color:#4a4a4a;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:1180px){.specTableBox .specTable .specTableRowContent .specTableColumn{padding:10px 12px}.specTableBox .specTable .specTableRowContent .specTableColumn:first-child{-webkit-box-flex:0;-ms-flex:0 0 160px;flex:0 0 160px}}@media (max-width:640px){.specTableBox .specTable .specTableRowContent .specTableColumn:first-child{-webkit-box-flex:0;-ms-flex:0 0 120px;flex:0 0 120px}}.specTableBox .btnBox{margin-top:30px}.compareBox{width:100%;position:relative}.compareBox .note{text-align:center;padding:20px 0}.compareBox .tableWrap{width:100%;overflow:auto}.compareBox .tableWrap.dragscroll{cursor:move}.compareBox .tableWrap.dragscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#f1f1f1}.compareBox .tableWrap.dragscroll::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1}.compareBox .tableWrap.dragscroll::-webkit-scrollbar-thumb{background:#008be3}.compareBox .compareTable{width:100%;border-collapse:collapse;font-size:14px;font-weight:400;letter-spacing:0.5px;line-height:20px;text-align:center;position:relative}.compareBox [scope=row]{width:200px;min-width:120px;background-color:#f1f1f1;vertical-align:middle;font-weight:400}.compareBox .stickyField{position:sticky;z-index:2;left:0;top:auto}.compareBox td,.compareBox th{padding:5px 10px}.compareBox td:not(:last-child),.compareBox th:not(:last-child){border-right:1px solid #ccc}.compareBox tbody tr{border-top:1px solid #ccc}.compareBox tbody tr:nth-child(odd){background-color:#f8f8f8}.compareBox tbody .tdContent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:60px}.compareBox .tableHeadWrap{counter-reset:index;position:sticky;top:0;background-color:#fff;z-index:3}.compareBox .tableHeadItem{min-width:200px;counter-increment:index;position:relative;padding:10px 20px}.compareBox .tableHeadItem:before{content:counter(index,decimal-leading-zero);display:block;padding:10px 0}.compareBox .tableHeadItem .ImgWrap{width:100%;max-width:200px;display:block;margin:0 auto;overflow:hidden}.compareBox .tableHeadItem .ImgWrap img{width:100%;height:auto;display:block}.compareBox .tableHeadItem .title{width:100%;color:#333;display:block;line-height:1.5;letter-spacing:1px;margin:10px 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compareBox .tableHeadItem .title a{display:block}.compareBox .tableHeadItem .deleteBtn{width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:#333;font-size:18px;outline:none;padding:0;position:absolute;top:5px;right:0;z-index:1}@media (min-width:1181px){.compareBox .tableHeadItem .deleteBtn:hover{color:#008be3}}.compareBox .btnBox{padding-top:30px}