@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");.main{padding:0 100px;overflow:hidden}.main i{color:#888;font-style:normal}.top{width:100vw;height:100vh}.top-images li{-moz-transition:-moz-transform 8s,background-position 6s ease-in-out;-o-transition:-o-transform 8s,background-position 6s ease-in-out;-webkit-transition:-webkit-transform 8s,background-position 6s ease-in-out;transition:transform 8s,background-position 6s ease-in-out}.top-images li:nth-child(1){-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);background-position:50% 70%}.top-images li:nth-child(1).show-img{background-position:50% 40%;-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}.top-images li:nth-child(2){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:0% 85%}.top-images li:nth-child(2).show-img{background-position:0% 75%;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}.top-images li:nth-child(3){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:50% 50%}.top-images li:nth-child(3).show-img{background-position:50% 80%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-slogan li:nth-child(1){top:45%;left:20%}.top-slogan li:nth-child(2){top:55%;left:unset;right:5%}.top-slogan li:nth-child(3){top:65%;left:36%}.content{position:relative;max-width:1200px;margin:200px auto;overflow:hidden}.about .picIntro{position:relative;float:left;width:50%;margin:0 40px 40px 0;z-index:2}.about .cont{position:absolute;height:calc(100% - 80px - 80px);right:0;top:80px;background:#eee;padding:40px 20px;width:50%}.about p{font-size:.95em;line-height:1.8;margin-left:65px}.about span{display:block}.about img{-webkit-filter:grayscale(1) contrast(.8) brightness(.9);filter:grayscale(1) contrast(.8) brightness(.9)}.view{position:absolute;right:30px;bottom:35px;font-size:.8em;letter-spacing:0}.view:before{content:"";display:inline-block;height:1px;width:200px;background:#666}.view a{margin:0 0 0 5px;color:#222}.view a:hover{color:#222}.h1{font-size:1.25em;line-height:1.5em}.h2{font-size:.9em}.service .title{text-align:center}.service .h2{color:#999}.list{position:relative;margin:40px -60px 0 0}.list img{width:100%}.list li{position:relative;float:left;width:calc(33.33% - 80px);margin:60px 80px 0 0;background:#eee}.list a{position:block}.pic{width:100%;margin:-20px 20px 20px;overflow:hidden;position:relative;-webkit-filter:grayscale(1) contrast(1.1);filter:grayscale(1) contrast(1.1);-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}.pic:hover{-webkit-filter:grayscale(0) contrast(1);filter:grayscale(0) contrast(1)}.blackBg{position:absolute;top:0;left:100%;width:100%;height:100%;background:rgba(0,0,0,0.5)}.service .h3{position:absolute;font-size:1.15em;top:10%;left:5px;color:#ccc;line-height:1.5em;opacity:0}.service .h4{color:#FFF;text-align:right;position:absolute;right:-15px;bottom:50px}.service .h4:after{content:"";width:150px;height:1px;background:#FFF;display:block;margin-right:-5px}.service .red{color:#111;font-size:1.05em}.picLarge{max-width:none;margin:200px -100px}.picLarge img{position:relative;width:100%;z-index:-1;-webkit-filter:contrast(.8);filter:contrast(.8)}.picLarge i{color:#ddd}.picLarge .title{position:absolute;left:0;top:50%;width:100%;text-align:center;margin-top:-40px}.picLarge .h1{color:#FFF;font-size:1.5em}.picLarge .h2{color:#FFF}.contact{max-width:none;margin:-200px -100px 0;display:flex;-webkit-flex-flow:column-reverse;flex-flow:column-reverse}.contact p{color:#ccc;font-size:.95em;line-height:1.8;margin-right:40px}.contact .conts{position:absolute;padding:40px 80px;right:10%;top:50%;background:#fff;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.contact .map{position:relative;width:100%;height:calc(540px + 10vw)}.info li{margin-bottom:20px;line-height:1.5em}.info li:after{content:"";display:block;width:15px;height:1px;background:#333;margin-top:5px}.info li:last-child{margin-bottom:0}.info li:last-child:after{content:none}.info span{color:#999;font-size:.8em;display:block}@media screen and (max-width: 1400px){.contact .conts{position:relative;text-align:center;right:unset;top:unset;background:#eee;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.contact .conts img{margin:auto}.contact .map{height:500px}.info li:after{margin:5px auto}}@media screen and (max-width: 1200px){.top-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 0%}.top-images li:nth-child(1).show-img{background-position:50% 20%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 60%}.top-images li:nth-child(2).show-img{background-position:50% 80%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(3){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}.top-images li:nth-child(3).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.about p{margin:120px 0 40px}.about .picIntro{float:none;width:90%;max-width:600px;margin:0 10% 40px 0}.about .title{position:absolute;z-index:2;left:60px;margin-top:-20px}.about .cont{position:relative;top:-80px;width:auto;margin:0 0 -80px 40px}}@media screen and (max-width: 900px){.top-images li:nth-child(3){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:60% 50%}.top-images li:nth-child(3).show-img{background-position:55% 50%;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}.top-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 45%}.top-images li:nth-child(2).show-img{background-position:0% 100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-slogan li:nth-child(1),.top-slogan li:nth-child(2),.top-slogan li:nth-child(3){top:50%;left:50%;right:unset;bottom:unset;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.top-slogan-title{-webkit-justify-content:center;justify-content:center}.top-slogan-sub{text-align:center}.top-slogan-award{-webkit-justify-content:center;justify-content:center}.main{padding:0 50px}.content{max-width:unset}.service .h2:before,.service .h2:after,.picLarge .h2:before,.picLarge .h2:after{width:100px}.picLarge{margin:200px -50px}.contact{margin:-200px -50px 0}.list{display:block;margin:40px auto 0;max-width:400px}.list li{width:auto;margin-right:0}}@media screen and (max-width: 720px){.h1{font-size:1.3em;line-height:1.5em}.about p{margin:100px 0px 40px}.about .picIntro{width:96%;margin:0 4% 40px 0}.about .title{left:30px}.about .cont{margin:0 0 -80px 10px}.view{bottom:15px}.view:before{width:100px}.service .h2:before,.service .h2:after,.picLarge .h2:before,.picLarge .h2:after{width:50px;margin:0 5px}}@media screen and (max-width: 640px){.top-images li:nth-child(3){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:65% 50%}.top-images li:nth-child(3).show-img{background-position:50% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 50%}.top-images li:nth-child(1).show-img{background-position:50% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-images li:nth-child(2){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:85% 50%}.top-images li:nth-child(2).show-img{background-position:75% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.main{padding:0 30px}.about .title{left:20px}.about .picIntro{width:100%;margin:0 0 40px}.about .cont{margin:0}.about span{display:inline}.contact{margin:-200px -30px 0}}@media screen and (max-width: 480px){.content{margin:100px auto}.view{right:10px}.service .h2:before,.service .h2:after,.picLarge .h2:before,.picLarge .h2:after{width:10px;background:#999}.list{margin:0px -20px 0px 0}.list li{width:calc(100% - 30px) !important;margin:40px 30px 0 0}.pic{margin:-10px 10px 10px}.service .h4{right:-5px}.picLarge{display:none}.contact .conts{padding:20px}}@media screen and (max-width: 360px){.main{padding:0px}.list{padding:0 20px}}