@charset "UTF-8";.compareBox .compareDataBox .compareDataList .deleteBtn,.contentBox .rightBox,.moduleBoxFilter .filterBox .filterList .filterItem a:after,.moduleBoxFilter .filterBox .filterList .filterItem a:before,.projectsList .Img img{transition:all 0.5s ease-in-out}.noData{min-height:50vh;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#2f2f2f;font-size:16px;letter-spacing:0.05rem;line-height:1.5}.classListArea .classItem{overflow:hidden;position:relative}@media (min-width:1201px){.classListArea .classItem:hover .Img img{-webkit-transform:scale(1.01);transform:scale(1.01)}}.classListArea .classItem .Img{position:relative;z-index:1}.classListArea .classItem .Img:before{content:"";background-color:rgba(0,0,0,0.15);opacity:0;pointer-events:none;display:block;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.classListArea .classItem .Img img{position:relative;z-index:1;transition:all 0.7s ease-in-out;width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block}.classListArea .classItem .Txt{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.classListArea .classItem .Txt .textBox{max-width:620px}.classListArea .classItem .Txt .btnBox{margin-top:35px}.classListArea .classItem.classBanner .Img:before{opacity:1}.classListArea .classItem.classBanner .textBox{max-width:680px}.classListArea .classItem.classBanner .textBox .bread .wrap{padding:0}.classListArea .classItem:not(.classBanner):nth-child(odd) .Txt{-ms-flex-align:end;align-items:flex-end;text-align:right}.classListArea .classItem:not(.classBanner):nth-child(odd) .Txt .titleBox .titleTw:after,.classListArea .classItem:not(.classBanner):nth-child(odd) .Txt .titleBox .titleTw:before{left:auto;right:0}.classListArea .classItem:not(.classBanner):nth-child(odd) .Txt .btnBox .btn{margin-left:auto}@media (max-width:1024px){.classListArea .classItem .Img{padding-bottom:55%}.classListArea .classItem .Img img{object-fit:cover;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}}@media (max-width:640px){.classListArea .classItem .Img{padding-bottom:75%}.classListArea .classItem .Img:before{opacity:1}.classListArea .classItem .Txt .textBox{margin:0 auto;text-align:center}.classListArea .classItem .Txt .textBox .titleTw:after,.classListArea .classItem .Txt .textBox .titleTw:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.classListArea .classItem .Txt .btnBox{margin-top:20px}.classListArea .classItem .Txt .btnBox .btn{margin-left:auto;margin-right:auto}.classListArea .classItem:not(.classBanner):nth-child(odd) .Txt .titleBox .titleTw:after,.classListArea .classItem:not(.classBanner):nth-child(odd) .Txt .titleBox .titleTw:before{left:auto;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}}@media (max-width:400px){.classListArea .classItem .Img{padding-bottom:100%}}.contentBox .rightBox.ajaxDisabled{opacity:0.15;pointer-events:none}.filterFuncList{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.filterFuncList li{-ms-flex:1;flex:1;position:relative}.filterFuncList li+li:before{content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.5);position:absolute;top:0;left:0;z-index:1}.filterFuncList li a{background-color:#1e42b4;color:#fff;display:block;font-size:14px;line-height:1;letter-spacing:0.5px;padding:15px 0;text-align:center}.filterFuncList li a span{display:inline-block;padding-left:10px}.filterFuncList li a:hover{background-color:#173288}.moduleBoxFilter .moduleTitle{font-size:22px;line-height:1.2;letter-spacing:0.5px;text-align:center}.moduleBoxFilter .filterBox{margin:30px 0 40px;position:relative}@media (max-width:640px){.moduleBoxFilter .filterBox{margin:15px 0 20px}}.moduleBoxFilter .filterBox .filterTitle{width:100%;border-bottom:1px solid #e1e1e1;line-height:1.2;letter-spacing:0.5px;margin:15px 0;padding-bottom:15px}@media (max-width:640px){.moduleBoxFilter .filterBox .filterTitle{margin:10px 0;padding-bottom:10px}}.moduleBoxFilter .filterBox .filterList{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px}@media (max-width:640px){.moduleBoxFilter .filterBox .filterList{padding:0}}.moduleBoxFilter .filterBox .filterList .filterItem{width:25%;line-height:1.2;letter-spacing:0.5px}@media (max-width:1024px){.moduleBoxFilter .filterBox .filterList .filterItem{width:33.3333333333%}}@media (max-width:640px){.moduleBoxFilter .filterBox .filterList .filterItem{width:50%;padding:5px 0 10px}}@media (max-width:480px){.moduleBoxFilter .filterBox .filterList .filterItem{width:100%}}.moduleBoxFilter .filterBox .filterList .filterItem a{display:inline-block;position:relative;padding:10px 15px 10px 45px}.moduleBoxFilter .filterBox .filterList .filterItem a:after,.moduleBoxFilter .filterBox .filterList .filterItem a:before{content:"";width:14px;height:14px;border:1px solid #626262;border-radius:3px;display:block;position:absolute;top:12px;left:16px;z-index:1}.moduleBoxFilter .filterBox .filterList .filterItem a.selected{color:#1e42b4}.moduleBoxFilter .filterBox .filterList .filterItem a.selected:before{border-color:#1e42b4}.moduleBoxFilter .filterBox .filterList .filterItem a.selected:after{background-color:#1e42b4;border-color:#1e42b4}.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden{background-color:rgba(248,248,248,0.5);color:rgba(47,47,47,0.3);pointer-events:none}.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden:after,.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden:before{border-color:rgba(98,98,98,0.1)}@media (max-width:480px){.moduleBoxFilter .filterBox .filterList .filterItem a{padding-left:30px}.moduleBoxFilter .filterBox .filterList .filterItem a:after,.moduleBoxFilter .filterBox .filterList .filterItem a:before{left:5px}}.moduleBoxFilter .filterFuncList{max-width:400px;margin-left:auto;margin-right:auto}.classBoxColumn.filter{z-index:3}@media (max-width:1024px){.classBoxColumn.filter{margin-bottom:20px}}.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a{padding-left:45px}.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a:after,.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a:before{content:"";width:14px;height:14px;border:1px solid #626262;background-color:#fff;border-radius:3px;display:block;position:absolute;top:50%;left:16px;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a.selected{color:#1e42b4}.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a.selected:before{border-color:#1e42b4}.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a.selected:after{background-color:#1e42b4;border-color:#1e42b4}.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a.forbidden{background-color:rgba(248,248,248,0.5);color:rgba(47,47,47,0.3);pointer-events:none}.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a.forbidden:after,.classBoxColumn.filter .classLink .linkHasItems.open+ul>li a.forbidden:before{border-color:rgba(98,98,98,0.1)}.classNote{padding-bottom:10px;line-height:1.8;font-size:15px;color:#222;text-align:center}.classNote img{max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.projectsList{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -22.5px}@media (max-width:1280px){.projectsList{margin:0 -15px}}@media (max-width:1280px){.projectsList{margin:0}}.projectsList .projectsItem{width:33.3333333333%;padding:0 22.5px 55px}@media (max-width:1280px){.projectsList .projectsItem{padding:0 15px 55px}}@media (max-width:1024px){.projectsList .projectsItem{width:50%}}@media (max-width:640px){.projectsList .projectsItem{width:100%;padding:0 0 20px}}.projectsList .Img{overflow:hidden;position:relative}.projectsList .Img:before{box-shadow:0 3px 8px rgba(0,0,0,0.15);color:#fff;display:block;line-height:1;letter-spacing:0.5px;padding:8px 25px;position:absolute;top:12px;left:12px;z-index:2;text-align:center;-webkit-transform-origin:top left;transform-origin:top left}.projectsList .Img.statusNew:before{content:"NEW";background-color:#1e42b4;border:1px solid #1e42b4}.projectsList .Img.statusHot:before{content:"HOT";background-color:#1e42b4;border:1px solid #1e42b4}.projectsList .Img a{display:block;overflow:hidden}.projectsList .Img img{width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block}@media (min-width:1201px){.projectsList .Img:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}}.projectsList .Txt{padding-bottom:20px}.projectsList .Txt .classTitle{border-bottom:1px solid rgba(164,164,164,0.4);color:#444;font-size:15px;font-weight:500;line-height:1.2;letter-spacing:1px;padding:18px 0}.projectsList .Txt .title{max-height:60px;margin-top:20px;color:#222;font-size:22px;font-weight:700;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.25;letter-spacing:1px}.projectsList .Txt .title a{color:#222}@media (min-width:1201px){.projectsList .Txt .title a:hover{color:#1e42b4}}@media (max-width:1200px){.projectsList .Txt .title{font-size:20px}}@media (max-width:640px){.projectsList .Txt .title{font-size:18px;line-height:1.4}}.projectsList .Txt .title a{display:block}.projectsList .Txt .subtitle{max-height:60px;margin-top:10px;color:#222;font-size:18px;font-weight:700;font-family:"Inter","Microsoft JhengHei","Noto Sans TC",sans-serif;line-height:1.25;letter-spacing:1px}.projectsList .Txt .subtitle a{color:#222}@media (min-width:1201px){.projectsList .Txt .subtitle a:hover{color:#1e42b4}}@media (max-width:1200px){.projectsList .Txt .subtitle{font-size:20px}}@media (max-width:640px){.projectsList .Txt .subtitle{font-size:18px;line-height:1.4}}@media (max-width:640px){.projectsList .Txt .subtitle{font-size:16px}}.projectsList .Txt .text{padding-top:10px;height:60px;line-height:1.8;font-size:13px;color:#777}.projectsList .price{margin-top:10px}.projectsList .price strong{display:inline-block;margin:0 5px}.projectsList .price .discount b{font-style:italic;font-size:18px;color:#000}.insIntroBox{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:65px}@media (max-width:1200px){.insIntroBox{padding-top:30px}}@media (max-width:1024px){.insIntroBox{display:block}}.insIntroBox .topBox{width:100%;margin-bottom:60px}.insIntroBox .topBox .title{color:#222;font-size:30px;font-weight:700;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.25;letter-spacing:1px}.insIntroBox .topBox .title a{color:#222}@media (min-width:1201px){.insIntroBox .topBox .title a:hover{color:#1e42b4}}@media (max-width:1200px){.insIntroBox .topBox .title{font-size:26px}}@media (max-width:640px){.insIntroBox .topBox .title{font-size:22px}}.insIntroBox .topBox .subtitle{margin-top:15px;color:#222;font-size:30px;font-weight:700;font-family:"Inter","Microsoft JhengHei","Noto Sans TC",sans-serif;line-height:1.25;letter-spacing:1px}.insIntroBox .topBox .subtitle a{color:#222}@media (min-width:1201px){.insIntroBox .topBox .subtitle a:hover{color:#1e42b4}}@media (max-width:1200px){.insIntroBox .topBox .subtitle{font-size:20px}}@media (max-width:640px){.insIntroBox .topBox .subtitle{font-size:18px;line-height:1.4}}@media (max-width:1200px){.insIntroBox .topBox{margin-bottom:30px}.insIntroBox .topBox .subtitle{margin-top:10px}}.insIntroBox .Img{width:34.681%;max-width:720px}.insIntroBox .Img img{width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block}.insIntroBox .Img+.specBox{padding-left:40px}@media (max-width:1024px){.insIntroBox .Img{width:100%}.insIntroBox .Img+.specBox{padding-left:0;padding-top:30px}}.insIntroBox .specBox{-ms-flex:1;flex:1}.insIntroBox .specBox .specList{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.insIntroBox .specBox .specList:nth-child(odd){background-color:#fff}.insIntroBox .specBox .specList:nth-child(2n){background-color:#efefef}.insIntroBox .specBox .specList .specItem{font-size:17px;font-weight:400;line-height:1.4;letter-spacing:0.5px;padding:14px}.insIntroBox .specBox .specList .specItem.title{width:140px;padding-left:30px;position:relative;border-right:1px solid #dadada}.insIntroBox .specBox .specList .specItem.title:before{content:"";width:3px;height:55%;background-color:#1e42b4;pointer-events:none;position:absolute;top:50%;left:0;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.insIntroBox .specBox .specList .specItem.title .text{color:#1e42b4;display:inline-block}.insIntroBox .specBox .specList .specItem.title .text.en{font-weight:500;font-family:"Inter","Microsoft JhengHei","Noto Sans TC",sans-serif;margin-top:5px}.insIntroBox .specBox .specList .specItem.val{-ms-flex:1;flex:1;padding-left:30px}@media (max-width:1024px){.insIntroBox .specBox{width:100%;-ms-flex:auto;flex:auto}.insIntroBox .specBox .specList .specItem{font-size:16px}}@media (max-width:640px){.insIntroBox .specBox .specList{display:block}.insIntroBox .specBox .specList .specItem{padding:15px}.insIntroBox .specBox .specList .specItem.title{width:100%;padding-left:15px;border-right:none}.insIntroBox .specBox .specList .specItem.title:before{width:30px;height:2px;top:100%;left:20px;-webkit-transform:none;transform:none}.insIntroBox .specBox .specList .specItem.title .text{font-size:16px}.insIntroBox .specBox .specList .specItem.title .text.en{margin-top:0}.insIntroBox .specBox .specList .specItem.val{-ms-flex:auto;flex:auto;padding-left:15px}}.insIntroBox+.textEditor{margin-top:80px}@media (max-width:1200px){.insIntroBox+.textEditor{margin-top:40px}}.specTableBox .specTable{width:100%;border:1px solid #ebebeb}.specTableBox .specTable .specTableRow{width:100%;display:-ms-flexbox;display:flex}.specTableBox .specTable .specTableRowHead{background-color:#1e42b4}.specTableBox .specTable .specTableRowHead .specTableColumn{color:#fff;font-size:15px;-ms-flex:1;flex:1;padding:10px 15px}@media (max-width:1024px){.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;-ms-flex:0 0 200px;flex:0 0 200px}.specTableBox .specTable .specTableRowContent .specTableColumn:not(:first-child){color:#4a4a4a;-ms-flex:1;flex:1}@media (max-width:1024px){.specTableBox .specTable .specTableRowContent .specTableColumn{padding:10px 12px}.specTableBox .specTable .specTableRowContent .specTableColumn:first-child{-ms-flex:0 0 160px;flex:0 0 160px}}@media (max-width:640px){.specTableBox .specTable .specTableRowContent .specTableColumn:first-child{-ms-flex:0 0 120px;flex:0 0 120px}}.specTableBox .btn{padding-top:30px}.specTableBox .btn .btn_color1{color:#fff;border-radius:3px;display:inline-block;font-size:15px;padding:10px 15px}.specTableBox .btn .btn_color1.active{background-color:#000}.compareBox .compareTable{width:100%;position:relative}.compareBox .compareDataList,.compareBox .compareTitleList{max-width:360px;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;text-align:center}.compareBox .compareDataList li,.compareBox .compareTitleList li{min-height:60px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:5px 10px}.compareBox .compareDataList li:first-child,.compareBox .compareTitleList li:first-child{height:225px}.compareBox .compareTitleList{width:200px;position:absolute;top:0;left:1px;z-index:2}.compareBox .compareTitleList:after{content:"";height:60px;background-color:#fff;display:none}.compareBox .compareTitleList li{background-color:#f1f1f1;color:#000;letter-spacing:1px;position:relative}.compareBox .compareTitleList li:not(:last-child):before{content:"";width:100%;height:1px;background-color:#ebebeb;position:absolute;bottom:0;left:0;z-index:1}@media (max-width:1024px){.compareBox .compareTitleList{width:160px}}@media (max-width:640px){.compareBox .compareTitleList{width:120px}}.compareBox .compareDataBox{border-left:1px solid #fff;counter-reset:list;display:-ms-flexbox;display:flex;padding-left:200px}@media (max-width:1024px){.compareBox .compareDataBox{padding-left:160px}}@media (max-width:640px){.compareBox .compareDataBox{padding-left:120px}}.compareBox .compareDataBox.dragscroll{cursor:move;overflow-x:auto}.compareBox .compareDataBox.dragscroll::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#f1f1f1}.compareBox .compareDataBox.dragscroll::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1}.compareBox .compareDataBox.dragscroll::-webkit-scrollbar-thumb{background:#1e42b4}.compareBox .compareDataBox .compareDataList{border-left:1px solid #ebebeb;counter-increment:list;-ms-flex:1 0 200px;flex:1 0 200px}.compareBox .compareDataBox .compareDataList:nth-child(-n+9) li:first-child:before{content:"0" counter(list)}.compareBox .compareDataBox .compareDataList li:first-child{position:relative}.compareBox .compareDataBox .compareDataList li:first-child:before{content:counter(list);width:100%;height:40px;display:block;line-height:40px;text-align:center}.compareBox .compareDataBox .compareDataList li:not(:last-child){border-bottom:1px solid #ebebeb}.compareBox .compareDataBox .compareDataList li:nth-child(2n){background-color:#f8f8f8}.compareBox .compareDataBox .compareDataList img{width:100%;max-width:200px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block}.compareBox .compareDataBox .compareDataList h3{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 .compareDataBox .compareDataList .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}.compareBox .compareDataBox .compareDataList .deleteBtn:hover{color:#1e42b4}.compareBox .btn{padding-top:30px}.compareBox .btn .btn_color1{color:#fff;border-radius:3px;display:inline-block;font-size:15px;padding:10px 15px}
/*# sourceMappingURL=projects.css.map */