@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&display=swap");@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&family=Poiret+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");section{padding:0 100px;margin-bottom:300px}.service-photo{position:relative;height:30vw;margin:150px 0;background-position:50% 33%;background-size:cover;-moz-transition:margin .6s,filter .6s;-o-transition:margin .6s,filter .6s;-webkit-transition:margin .6s,filter .6s;transition:margin .6s,filter .6s}.service-photo:before{content:"";position:absolute;width:100%;height:100%;bottom:0;background:#fff;-moz-transition:height .6s;-o-transition:height .6s;-webkit-transition:height .6s;transition:height .6s}.service-photo.show{margin:150px -100px;-webkit-filter:saturate(1.1) contrast(.8);filter:saturate(1.1) contrast(.8);-moz-transition:margin .8s,filter .6s .6s;-o-transition:margin .8s,filter .6s .6s;-webkit-transition:margin .8s,filter .6s;-webkit-transition-delay:0s,.6s;transition:margin .8s,filter .6s .6s}.service-photo.show:before{height:0}.service-list{position:relative;max-width:1100px;margin:auto}.service-list:nth-child(2){margin-top:100px}.service-list h3,.service-list p{opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.service-list h3{color:#bb9b6e;letter-spacing:3px;font-weight:normal}.service-list p{position:absolute;padding:2px 10px;bottom:0;right:0;font-size:.875em;font-style:italic}.service-list span{margin:0 10px;color:#888;font-size:.875em;font-style:italic;vertical-align:bottom}.service-wrap{display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;margin:100px 0 0}.service-wrap:nth-child(1){margin:0}.service-wrap:nth-child(even){-webkit-flex-flow:row-reverse;flex-flow:row-reverse}.service-wrap:nth-child(even) .service-item{margin-left:unset;margin-right:50px}.service-img{width:30%;opacity:0;clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);-moz-transition:opacity .6s,clip-path .6s .4s;-o-transition:opacity .6s,clip-path .6s .4s;-webkit-transition:opacity .6s,clip-path .6s;-webkit-transition-delay:0s,.4s;transition:opacity .6s,clip-path .6s .4s}.service-img.show{opacity:1;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.service-img img{width:100%}.service-item{position:relative;padding:30px 60px 40px;width:70%;margin-left:50px;margin-top:-30px}.service-item.show h3,.service-item.show p{opacity:1}.service-item.show:before{width:100%;height:24px;-moz-transition:width .6s .8s;-o-transition:width .6s .8s;-webkit-transition:width .6s;-webkit-transition-delay:.8s;transition:width .6s .8s}.service-item.show:after{width:30px;height:calc(100% - 45px);-moz-transition:width .4s,height .4s .4s;-o-transition:width .4s,height .4s .4s;-webkit-transition:width .4s,height .4s;-webkit-transition-delay:0s,.4s;transition:width .4s,height .4s .4s}.service-item:before,.service-item:after{content:"";position:absolute;width:1px;height:1px}.service-item:before{bottom:0;left:0;background:#f7f7f7;border-bottom:solid 1px #ddd;-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.service-item:after{top:45px;right:calc(100% - 30px);border-top:solid 1px #ddd;border-left:solid 1px #ddd;-moz-transition:width .6s .6s,height .6s;-o-transition:width .6s .6s,height .6s;-webkit-transition:width .6s,height .6s;-webkit-transition-delay:.6s,0s;transition:width .6s .6s,height .6s}.service-subtitle{display:-ms-flexbox;display:flex;margin-bottom:24px}.service-subtitle img{width:20px;margin-right:10px;-webkit-filter:invert(.6);filter:invert(.6);opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.service-subtitle img.show{opacity:1}.service-in{opacity:0;-moz-transition:opacity .6s .4s;-o-transition:opacity .6s .4s;-webkit-transition:opacity .6s;-webkit-transition-delay:.4s;transition:opacity .6s .4s}.service-in.show{opacity:1}.service-in li{margin:6px 0;display:flex;-webkit-align-items:flex-start;align-items:flex-start}@media screen and (max-width: 1100px){section{margin-bottom:200px}.service-list{width:100%}.service-list p{top:0;left:0;right:unset;bottom:unset;padding:2px 5px}.service-list span{margin:0 10px 0 0}.service-img{width:40%}.service-item{padding:10px 0 10px 80px;width:60%}.service-item:before{bottom:-26px}.service-item:after{top:25px;right:calc(100% - 60px)}.service-item.show:before{height:0}.service-item.show:after{width:60px;height:100%}}@media screen and (max-width: 900px){section{padding:0 50px}}@media screen and (max-width: 720px){.service-list h3{margin:0 0 0 60px}.service-list p{padding:6px 0;color:#cbb391;left:30px}.service-wrap{display:block}.service-wrap:nth-child(even) .service-item{margin:30px auto 0}.service-img{width:80%;margin:auto}.service-item{padding:0;margin:30px auto 0;width:80%}.service-item:before{border-bottom:solid 1px #bb9b6e}.service-item.show:before{bottom:calc(100% - 30px)}.service-item.show:after{display:none}.service-in{margin:30px 5px 0}}@media screen and (max-width: 640px){section{padding:0 30px;margin-bottom:100px}.service-img{width:100%}.service-item{width:100%}.service-item h3{font-size:1em}.service-list p{padding:5px 0}}