@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");.service-right li{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.main{margin:100vh 0 0;padding:0;background:#fff}.service-block{position:relative;display:flex}.service-left,.service-right{width:100%}.service-left li,.service-right li{height:36vw}.service-right{position:absolute}.service-right li{position:relative;width:50%;-webkit-justify-content:unset;justify-content:unset;background:rgba(255,255,255,0.99)}.service-right li:nth-child(odd){margin:0}.service-right li:nth-child(odd) .service-dot{border-top:unset;border-left:unset;right:15px;bottom:15px}.service-right li:nth-child(even){margin:0 0 0 auto}.service-right li:nth-child(even) .service-dot{border-top:unset;border-right:unset;left:15px;bottom:15px}.service-img{width:100%;height:100%;background-size:cover;background-position:center;background-attachment:fixed}.service-imgs{position:relative;display:none;margin:30px}.service-imgs img{width:100%}.service-dot{position:absolute;width:40px;height:40px;border:solid 1px #aaa}.service-info{padding:30px;margin:auto;line-height:2}.service-info h3{color:#111;margin:0 0 30px}.service-info h5.moving{display:none;width:fit-content;margin:20px auto 40px}.service-info h5.moving span{display:block;width:20px;height:1px;background:#666}.service-info h5.moving span:nth-child(1){-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.service-info h5.moving span:nth-child(2){margin:-1px 0 0 17px;-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.service-info p{position:relative;color:#666}.service-info p.ps{color:#888}.service-right li{opacity:0;-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-webkit-transform:translateX(-20px);transform:translateX(-20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.service-right li.show{opacity:1;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.service-right li{width:60%}.service-right li.show{width:50%}@media screen and (max-width: 1200px){.service-block{padding:5px 0}.service-right{position:relative}.service-right li{padding:5px 10px}.service-right li.show{width:auto}.service-left{position:relative;z-index:1}.service-left li{padding:5px 10px}.service-img{background-attachment:unset}.service-info{margin:0}.service-info p{margin:0 0 0 20px;display:list-item;list-style:square}}@media screen and (max-width: 720px){.service-block{padding:0}.service-left{width:0}.service-left li{height:auto;padding:0}.service-right{width:100%}.service-right ul{position:relative;padding:50px 0}.service-right ul:before{content:"";position:absolute;width:1px;height:100%;top:0;left:110px;background:#eee}.service-right li{padding:0;-webkit-flex-flow:column;flex-flow:column;height:auto;background:transparent;border-bottom:solid 1px #eee}.service-imgs{display:block}.service-info{margin:0 auto 0 0}.service-info h3{margin:0 0 -20px;color:#333;font-size:1.05em;writing-mode:vertical-lr}.service-info p{margin:0 0 0 125px}.service-info p::marker{color:#aaa}}@media screen and (max-width: 480px){.service-right ul:before{opacity:0}.service-right li{padding:0}.service-right li:nth-child(odd),.service-right li:nth-child(even){margin:20px}.service-imgs{margin:0}.service-info{width:100%;padding:0 0 20px}.service-info h3{margin:0 0 20px;padding:5px 10px 2px;writing-mode:unset;background:#eee}.service-info p{margin:0 0 0 20px}}