.inner{margin-bottom:0}.slogan{font-size:.875em;margin-bottom:40px}.sub-title{color:#000;font-size:1.125em;margin-bottom:5px;font-weight:normal}.sub-title.tw{font-size:1.25em}.title-tw{font-size:1em}.text{font-size:.875em}.text li{margin-bottom:5px;position:relative;padding-left:15px}.text span{position:absolute;top:0;left:0}.service-container{display:flex;padding-bottom:160px}.service-container:after{content:"";position:absolute;top:0;width:50px;height:50px;background-color:#e6e6e6;opacity:0;transform:translateY(-20px);transition:transform 1s,opacity .5s}.service-container.show:after{opacity:1;transform:translateY(0)}.service-img{overflow:hidden;transition:transform 1s}.service-img img{width:100%;transition:transform 1s}.service-content{margin:0 10%}.step1{flex-direction:row-reverse;border-left:#ddd solid 1px;position:relative}.step1:after{left:0}.step1 .service-img{width:40%;transform:translateX(100%)}.step1 .service-img.show{transform:translateX(0)}.step1 .service-img img{transform:translateX(-100%)}.step1 .show img{transform:translateX(0)}.step1 .service-content{width:40%}.step1 .service-text{margin-top:30px}.step2{border-right:#ddd solid 1px;position:relative}.step2:after{right:0}.step2 .service-img{width:40%;transform:translateX(-100%)}.step2 .service-img.show{transform:translateX(0)}.step2 .service-img img{transform:translateX(100%)}.step2 .show img{transform:translateX(0)}.step2 .service-title{text-align:right}.step2 .service-content{width:40%}.step2 .service-text{margin-top:20%;margin-left:30%}.step3{flex-direction:row-reverse;border-left:#ddd solid 1px;position:relative}.step3:after{left:0}.step3 .service-img{width:40%;opacity:0;transform:translateY(50px);transition:transform 1s,opacity 1s}.step3 .service-img.show{opacity:1;transform:translateY(0)}.step3 .service-content{width:40%}.step3 .service-text{margin-top:20%}.step4{border-right:#ddd solid 1px;position:relative}.step4:after{right:0}.step4 .service-img{width:40%;transform:translateX(-100%)}.step4 .service-img.show{transform:translateX(0)}.step4 .service-img img{transform:translateX(100%)}.step4 .show img{transform:translateX(0)}.step4 .service-title{text-align:right}.step4 .service-content{width:40%}.step4 .service-text{margin-top:50px;margin-left:30%}.step5{flex-direction:row-reverse;border-left:#ddd solid 1px;position:relative}.step5:after{left:0}.step5 .service-img{width:40%;transform:translateX(100%)}.step5 .service-img.show{transform:translateX(0)}.step5 .service-img img{transform:translateX(-100%)}.step5 .show img{transform:translateX(0)}.step5 .service-content{width:40%}.step5 .service-text{margin-top:20%}.step6{border-right:#ddd solid 1px;position:relative}.step6:after{right:0}.step6 .service-img{width:40%;transform:translateX(-100%)}.step6 .service-img.show{transform:translateX(0)}.step6 .service-img img{transform:translateX(100%)}.step6 .show img{transform:translateX(0)}.step6 .service-title{text-align:right}.step6 .service-content{width:40%}.step6 .service-text{margin-top:15%;margin-left:30%}.text{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.show .text{transform:translateY(0px);opacity:1}.title,.sub-title,.title-tw{opacity:0;transition:opacity .6s}.title.show,.sub-title.show,.title-tw.show{opacity:1}@media screen and (max-width: 1100px){.service-container:after{width:20px}.service-content{margin:0 5%}.step1 .service-content{width:50%}.step2 .service-content{width:50%}.step2 .service-text{margin-top:10%}.step3 .service-content{width:50%}.step3 .service-text{margin-top:10%}.step4 .service-content{width:50%}.step5 .service-content{width:50%}.step5 .service-text{margin-top:10%}.step6 .service-content{width:50%}.step6 .service-text{margin-top:10%}}@media screen and (max-width: 900px){.inner{max-width:480px;margin:150px auto 0}.service-container{display:block;padding-bottom:20px;margin-bottom:40px}.service-container:after{display:none}.service-container .service-img{width:auto;margin-right:0;margin-bottom:40px}.service-container .service-content{width:auto;margin:0 20px}.service-container .service-title{text-align:left}.step1 .service-text,.step2 .service-text,.step3 .service-text,.step4 .service-text,.step5 .service-text,.step6 .service-text{margin-top:30px;margin-left:0}.step4:before{display:none}}@media screen and (max-width: 640px){.inner{max-width:none;margin:100px 8vw 0}}