.stepArea .topBox .arrow:before{-webkit-transition:all 0.5s;transition:all 0.5s}.serviceTopArea{width:100%;padding:90px 0;position:relative;background-color:#fff;z-index:2}.serviceTopArea .topList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:960px){.serviceTopArea .topList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.serviceTopArea .topItem{width:482px;height:482px;border-radius:50%;position:relative;padding:10px}@media (max-width:640px){.serviceTopArea .topItem{width:300px;height:300px}}.serviceTopArea .item{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:50px 30px}.serviceTopArea .item:before{content:"";position:absolute;background-image:url("../images/circle_line.png");background-position:center;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;top:0;left:0}.serviceTopArea .title{font-size:25px;color:#262626;font-weight:300;line-height:1;margin:20px 0 15px;text-transform:uppercase;font-family:"Noto Sans TC"}@media (max-width:640px){.serviceTopArea .title{font-size:18px}}.serviceTopArea .text{color:#6a6a6a;font-size:18px;font-weight:400;letter-spacing:1px;line-height:1.5;margin-bottom:10px;font-family:"Noto Sans TC";text-align:center}@media (max-width:640px){.serviceTopArea .text{font-size:16px}}.stepArea{width:100%;padding-bottom:70px;position:relative;background-color:#fff;z-index:2}.stepArea .wrap{max-width:1440px!important}.stepArea .topBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:700px;margin:0 auto;width:100%}.stepArea .topBox .titleAboutBox{text-align:center;margin:0}.stepArea .topBox .titleAboutBox .text{margin-top:30px}.stepArea .topBox .title{font-size:25px;color:#262626;font-weight:300;line-height:1;margin:20px 0 30px;font-family:"Noto Sans TC"}.stepArea .topBox .arrow{width:45px;height:45px;border-radius:50%;overflow:hidden;background-color:#2f2f2f;position:relative}.stepArea .topBox .arrow:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:10px;height:10px;border-left:1px solid white;border-bottom:1px solid white}.stepArea .stepBox .stepList{width:100%;position:relative;padding:50px 0}.stepArea .stepBox .stepList:before{content:"";position:absolute;background-image:url("../images/ruler.png");background-position:center;background-repeat:repeat-y;background-size:auto;width:45px;height:50px;top:2px;left:51%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stepArea .stepBox .stepList:after{content:"";position:absolute;background-image:url("../images/ruler.png");background-position:center;background-repeat:repeat-y;background-size:auto;width:45px;height:50px;bottom:3px;left:51%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stepArea .stepBox .stepItem{position:relative;padding:30px 0}@media (max-width:960px){.stepArea .stepBox .stepItem{padding:0;margin:30px 0}}.stepArea .stepBox .stepItem:before{content:"";position:absolute;background-image:url("../images/ruler.png");background-position:center;background-repeat:repeat-y;background-size:auto;width:45px;height:100%;top:0;left:51%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:960px){.stepArea .stepBox .stepItem:before{display:none}}.stepArea .stepBox .stepItem:after{content:"";position:absolute;background-image:url("../images/ruler_deco.png");background-position:center;background-repeat:no-repeat;background-size:auto;width:43px;height:10px;top:54.8%;left:51%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:960px){.stepArea .stepBox .stepItem:after{display:none}}@media (min-width:1181px){.stepArea .stepBox .stepItem:nth-child(2n) .leftBox{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stepArea .stepBox .stepItem:nth-child(2n) .rightBox{padding:0 70px 0 100px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.stepArea .stepBox .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}@media (max-width:960px){.stepArea .stepBox .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.stepArea .stepBox .leftBox{width:50%;padding:0 40px}@media (max-width:960px){.stepArea .stepBox .leftBox{width:100%;padding:0}}.stepArea .stepBox .rightBox{width:50%}@media (max-width:960px){.stepArea .stepBox .rightBox{width:100%}}.stepArea .stepBox .Img{width:100%;position:relative;overflow:hidden}@media (min-width:1181px){.stepArea .stepBox .Img.visible:after,.stepArea .stepBox .Img.visible:before{right:-100%}.stepArea .stepBox .Img:before{content:"";position:absolute;will-change:auto;width:100%;height:100%;right:0;top:0;z-index:1;background-color:#2f2f2f;-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);transition:all 0.8s cubic-bezier(0.77,0,0.175,1);-webkit-transition-timing-function:cubic-bezier(0.77,0,0.175,1);transition-timing-function:cubic-bezier(0.77,0,0.175,1);-webkit-transition-delay:0.5s;transition-delay:0.5s}.stepArea .stepBox .Img:after{content:"";position:absolute;will-change:auto;content:"";position:absolute;width:100%;height:100%;right:0;top:0;background-color:#fff;z-index:2;-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);transition:all 0.8s cubic-bezier(0.77,0,0.175,1);-webkit-transition-timing-function:cubic-bezier(0.77,0,0.175,1);transition-timing-function:cubic-bezier(0.77,0,0.175,1)}}.stepArea .stepBox .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover;height:420px}@media (max-width:960px){.stepArea .stepBox .Img img{-o-object-fit:fill;object-fit:fill;height:auto}}.stepArea .stepBox .Txt{width:100%;padding:0 100px 0 70px}@media (max-width:960px){.stepArea .stepBox .Txt{padding:20px 0 0}}.stepArea .stepBox .Txt .numBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:50px;color:#545454}.stepArea .stepBox .Txt .numBox .num{margin-left:20px}.stepArea .stepBox .Txt .text{margin:0}.stepArea .stepBox .Txt .text.ellipsis{height:60px}