@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Noto+Sans+TC:wght@100..900&display=swap";:root{--bg-default: #f9f9f9;--primary-default: #30b3bc;--primary-dark: #1b7a81;--color-gray: #232429;--color-gray-900: #393a3f;--color-gray-800: #55565b;--color-gray-700: #75767b;--color-gray-600: #828388;--color-gray-500: #919297;--color-gray-400: #adaeb3;--color-gray-300: #c1c2c7;--color-gray-200: #d3d4d9;--color-gray-100: #dedfe4;--color-gray-050: #f3f4f9;--color-gray-025: #f9faff;--navbar-height: 90px}main{background:#383838}main .news{background:rgba(0,0,0,0);height:-moz-max-content;height:max-content}.news-container{display:flex;justify-content:center;gap:1.6rem 3.6rem}@media(max-width: 991px){.news-container{flex-direction:column;align-items:center}}@media(max-width: 1399px){.news-img{width:50%}}@media(max-width: 991px){.news-img{width:100%}.news-img img{width:100%;max-width:550px;margin:0 auto}}.news-list{flex:1}.news-list img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-list #rwdnews_list{display:flex;flex-direction:column;gap:4rem 0;padding:2.4rem}.news-list .rwdnewsli{display:flex;align-items:center;gap:1.6rem 2.4rem;border-bottom:1px dashed var(--color-gray-200);padding:0rem 0 3.6rem}.news-list .rwdnewsli .pic{width:150px;height:150px;border-radius:1rem;border:1px solid var(--primary-default);flex-shrink:0}.news-list .rwdnewsli .newscontent .ctydate{display:flex;align-items:center;gap:.8rem;letter-spacing:.1rem;color:var(--primary-default)}.news-list .rwdnewsli .newscontent .ctydate .card-category{background-color:var(--primary-default);color:#fff;display:inline-block;padding:.4rem 1.2rem;border-radius:15px}.news-list .rwdnewsli .newscontent .ctydate .newsDate{font-weight:bold;letter-spacing:.2rem}.news-list .rwdnewsli .newscontent h4 a{font-weight:600;color:#fff;font-size:18px;letter-spacing:.2rem;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-list .rwdnewsli .newscontent p{color:var(--color-gray-050);font-size:16px;letter-spacing:.1rem;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width: 575px){.news-list .rwdnewsli{flex-direction:column;align-items:normal}.news-list .rwdnewsli #rwdnews_list{padding:2.4rem 0}.news-list .rwdnewsli .pic{border-radius:2rem;width:100%;height:-moz-max-content;height:max-content}}.project{display:flex}.project .page-header{display:none}.project .thumbnail-list .mask{display:none}.project .thumbnail-list .li-item{background-color:rgba(0,0,0,0);border:none;display:grid;grid-template-columns:1fr .4fr}.project .thumbnail-list .li-item:hover,.project .thumbnail-list .li-item:focus{box-shadow:none}.project .thumbnail-list .li-item:hover .btn-default,.project .thumbnail-list .li-item:focus .btn-default{border:none;text-decoration:none;color:#fff;background-color:var(--primary-dark)}.project .thumbnail-list .li-item:hover .view img,.project .thumbnail-list .li-item:focus .view img{transform:scale(1.1)}@media(max-width: 575px){.project .thumbnail-list .li-item{grid-template-columns:1fr}}.project .thumbnail-list .view{overflow:hidden;grid-column:1/-1}.project .thumbnail-list .view img{transition:all .5s ease-in-out}.project .thumbnail-list li a{letter-spacing:.2rem}.project .thumbnail-list li a:hover,.project .thumbnail-list li a:focus{text-decoration:none}.project .thumbnail-list li a h4{margin:2rem 0 .8rem;font-size:24px;color:#fff}.project .thumbnail-list li a p{font-size:16px;color:var(--color-gray-050);font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:none}.project .thumbnail-list li .btn-default{margin:1.6rem 0;padding:1.2rem 1.6rem;display:flex;align-items:center;justify-content:center}@media(max-width: 575px){.project .thumbnail-list li .btn-default{margin:0 0 .8rem}}.project-item{margin:2.4rem 0}.project-item:hover .btn-main{color:#fff;background-color:var(--primary-dark)}.project-item:hover .project-img img{transform:scale(1.1)}.project .project-img{overflow:hidden}.project .project-img img{width:100%;transition:all .5s ease-in-out}.project-text{letter-spacing:.2rem;display:flex;flex-direction:column;gap:.8rem;margin:1.6rem 0}.project-text h3{margin:0;font-size:24px}.project-text span{font-size:16px;color:var(--color-gray-600);font-weight:500}.service-title{position:relative;z-index:2}.service-title p{color:#fff}.service-title::before{content:"";position:absolute;top:0;left:0;background:url("../../images/service__01.png") no-repeat left top/contain;width:100%;height:100%;min-height:360px;z-index:1}.service-title::after{content:"";position:absolute;top:0;left:0;background:url("../../images/service__02.png") no-repeat right top/contain;width:100%;height:100%;min-height:360px;z-index:1}.service-title strong{font-size:24px;letter-spacing:.2rem}.service-title p{font-size:16px;letter-spacing:.2rem;line-height:4rem;text-align:left}@media(max-width: 1199px){.service-title::before{background:url("../../images/service__01.png") no-repeat center top/contain}.service-title::after{display:none}}.service-item{margin:4rem 1.6rem}.service-item img{width:100%}.service-img{position:relative}.service-img::before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to right, rgba(91, 73, 43, 0.6980392157), rgba(193, 154, 91, 0))}.service-imgText{position:absolute;top:50%;left:4rem;transform:translateY(-50%);display:flex;align-items:flex-end;gap:0rem .8rem;color:#fff}.service-imgText h4{margin:0;font-size:28px}.service-imgText span{font-size:20px;color:var(--color-gray-050);font-weight:300}.service-content{margin:1.6rem 0;font-size:16px;letter-spacing:.2rem;line-height:3.8rem;border-left:2px solid var(--primary-default);padding-left:2.4rem}.service-content p{color:#fff}@media(max-width: 575px){.service-item{margin:4rem 0rem}.service-imgText{flex-direction:column;align-items:flex-start;left:2.4rem}}.about{background-color:#6b6b6b;color:#fff;position:relative;z-index:2}.about::before{content:"";position:absolute;top:-150px;left:0;width:100%;height:220px;background:url("../../images/about-bgtop.png") no-repeat top center/cover;z-index:1}.about p{font-size:18px;line-height:3.8rem}.about .hgroup-title{position:relative;z-index:2}.contactBox{background-color:#f0f0f0;padding:2.4rem 2.4rem 6rem;min-height:500px;display:flex;align-items:center}.contactBox p{font-size:20px;letter-spacing:.1rem;line-height:4rem;font-weight:bold}.contactBox-container{background-color:#f0f0f0;width:100%;max-width:1100px;margin:0 auto;padding:4.8rem;border-radius:60px 60px}.contactBox-content{display:flex;justify-content:center;gap:1.6rem 8rem}.contactBox-item{font-size:clamp(24px,3vw,32px);letter-spacing:.2rem;font-weight:bold;background:#fff;width:100%;max-width:450px;padding:1.6rem 2.4rem;border-radius:15px;position:relative;overflow:hidden;z-index:1}.contactBox-item::after{content:"";position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:right;width:100%;height:100%;background-color:var(--primary-default);z-index:-1;transition:transform .8s ease-in-out}.contactBox-item svg{fill:var(--primary-default);flex:.5}.contactBox-item span{flex:1.2}.contactBox-item a{display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--color-gray);transition:all .5s .2s ease-in-out}.contactBox-item:hover,.contactBox-item:focus{cursor:pointer}.contactBox-item:hover::after,.contactBox-item:focus::after{transform:scaleX(1);transform-origin:left}.contactBox-item:hover a,.contactBox-item:focus a{color:#fff;text-decoration:none}@media(max-width: 991px){.contactBox-container{padding:2.4rem 2.4rem 6rem}.contactBox-content{flex-direction:column;align-items:center}}@media(max-width: 767px){.contactBox-container{padding:1.6rem 1.6rem 4rem}}@media(max-width: 575px){.contactBox-item a{flex-direction:column}}.hgroup-title h2{color:#fff;font-size:clamp(40px,4.5vw,48px)}.hgroup-title span{color:var(--primary-default);letter-spacing:.2rem;font-size:clamp(18px,1.8vw,20px);font-weight:600}.hgroup-title-bg{display:inline-block;border-radius:5rem 5rem;padding:3rem;max-width:480px;width:100%;position:relative;z-index:2}.hgroup-title-bg h2{color:#fff;margin-top:0}.hgroup-title-m h2{font-size:clamp(42px,4.5vw,50px);letter-spacing:.2rem}.btn-more{display:inline-block;color:#fff;letter-spacing:.2rem;font-size:16px;padding:.8rem 0;transition:all .3s ease-in-out;position:relative}.btn-more::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;transform:scaleX(1);transform-origin:left;background-color:var(--primary-default);transition:transform .3s ease-in-out}.btn-more:hover,.btn-more:focus{text-decoration:none;color:#ddd}.btn-more:hover::after,.btn-more:focus::after{transform:scaleX(0);transform-origin:right}.btn-main,.btn-default{border:none;display:inline-block;letter-spacing:.2rem;border-radius:5px;padding:.8rem 1.6rem;font-size:14px;color:#fff;background-color:var(--primary-default);transition:all .3s ease-in-out}.btn-main:focus,.btn-main:hover,.btn-default:focus,.btn-default:hover{border:none;text-decoration:none;color:#fff;background-color:var(--primary-dark)}