.common-banner,.common-banner .banner-bg{position:relative}.common-banner .banner-bg:before{content:"";display:block;width:100%;height:0;padding-bottom:500px}.common-banner .banner-bg img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .banner-bg:after{content:"";display:block;width:100%;height:100%;background:#0003;position:absolute;top:0;left:0}.common-banner .banner-bg img{position:absolute;top:0;left:0;transform:translateZ(0)}.common-banner .banner-container{width:100%;height:100%;position:absolute;top:0;left:0}.common-banner .banner-nav{padding:0 60px;height:80px;display:flex;justify-content:space-between}@media only screen and (max-width: 1200px){.common-banner .banner-nav{height:60px}}@media only screen and (max-width: 900px){.common-banner .banner-nav{padding:0 8%}}.common-banner .banner-nav+.info{height:calc(100% - 80px)}@media only screen and (max-width: 1200px){.common-banner .banner-nav+.info{height:calc(100% - 60px)}}.common-banner .left,.common-banner .right{display:flex;align-items:center}@media only screen and (max-width: 900px){.common-banner .left{display:none}}.common-banner .right{margin-left:50px}@media only screen and (max-width: 900px){.common-banner .right{margin-left:0}}.common-banner .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.common-banner .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.common-banner .back:active{color:var(--primary-blue)}}.common-banner .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.common-banner .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.common-banner .info{margin:0 auto;padding:100px 0 40px;max-width:1350px;width:calc(100% - 120px);height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media only screen and (max-width: 1200px){.common-banner .info{padding:80px 0 40px}}@media only screen and (max-width: 767px){.common-banner .info{width:100%}}.common-banner .info .info-wrap{max-width:675px;width:100%;display:flex;flex-direction:column;transition:transform .3s .5s,opacity .3s .5s}.common-banner .info .title-wrap{padding-bottom:20px;position:relative;text-align:left}@media only screen and (max-width: 767px){.common-banner .info .title-wrap{margin:0 8%}}.common-banner .info .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:0}.common-banner .info .stock{margin-top:40px;display:flex;gap:0 15px;align-items:center}.common-banner .info .stock-title{line-height:1.3;letter-spacing:.5px}.common-banner .info .stock-num{font-size:1.875rem;font-weight:600;line-height:1.3;letter-spacing:.5px;color:var(--primary-blue)}.common-banner .info .pic{margin-bottom:20px;width:60px;height:60px;position:relative}.common-banner .info .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.common-banner .info .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .info .text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.common-banner .banner-menu{margin-top:40px;width:100%;color:var(--black)}.common-banner[height="400"] .banner-bg:before{padding-bottom:400px}.common-banner[height="400"] .info{padding:20px 0 55px}@media only screen and (max-width: 900px){.common-banner[height="400"] .info{padding:20px 0}}.common-banner[text-color=white]{color:var(--white)}.common-banner[text-color=white] .pic img{filter:brightness(0) invert(1)}.common-banner[text-color=white] .drag-container .category{color:var(--white)}.common-banner[text-color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{border-color:var(--white)}.common-banner[text-align=center] .info{align-items:center;text-align:center}.common-banner[text-align=center] .info-wrap{align-items:center}.common-banner[text-align=center] .title-wrap{text-align:center}.common-banner[text-align=center] .title-wrap:before{position:absolute;top:auto;bottom:0;left:50%;right:auto;transform:translate3d(-50%,0,0)}.common-banner[text-align=right] .info{align-items:flex-end;text-align:right}.common-banner[text-align=right] .info-wrap{align-items:flex-end}.common-banner[text-align=right] .title-wrap{text-align:right}.common-banner[text-align=right] .title-wrap:before{position:absolute;top:auto;bottom:0;left:auto;right:0}.common-banner[data-aost]{opacity:0;transition:opacity var(--trans-l),transform var(--trans-l)}.common-banner[data-aost].aost-show{opacity:1}.capability_RD .common-banner .info .title-wrap{padding-bottom:0}.capability_RD .common-banner .info .title-wrap:before{display:none}.capability_RD main{padding-top:100px}@media only screen and (max-width: 1200px){.capability_RD main{padding-top:80px}}.capability_RD section.section3{padding-bottom:110px}@media only screen and (max-width: 992px){.capability_RD section.section3{padding-bottom:0}}.capability_RD section.section3 .wrap{margin:0 auto;max-width:1650px;width:calc(100% - 120px);position:relative}.capability_RD section.section3 .wrap:before{content:"";display:block;width:100%;height:100%;background-color:var(--lighter-gray);position:absolute;left:0;top:0}@media only screen and (max-width: 1200px){.capability_RD section.section3 .wrap{width:100%}}.capability_RD section.section3 .container{margin:0 auto;max-width:1200px;width:calc(100% - 120px);position:relative;padding:100px 0}@media only screen and (max-width: 1200px){.capability_RD section.section3 .container{padding:90px 0}}@media only screen and (max-width: 992px){.capability_RD section.section3 .container{max-width:600px;width:calc(100% - 60px);margin:0 auto;padding:80px 0}}.capability_RD section.section3 .common-title{text-align:center;margin-bottom:100px;position:relative}.capability_RD section.section3 .common-title:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,50%,0)}@media only screen and (max-width: 992px){.capability_RD section.section3 .common-title{margin-bottom:50px}}.capability_RD section.section3 .common-title .title{padding-bottom:20px;line-height:150%}.capability_RD section.section3 .common-title .text{margin-top:0;padding-bottom:20px}.capability_RD section.section3 .rd-content{counter-reset:dist-counter}.capability_RD section.section3 .dist{position:relative;display:flex;align-items:flex-start}.capability_RD section.section3 .dist:not(:last-child){margin-bottom:100px}.capability_RD section.section3 .dist:nth-child(odd) .swiper-box .icon-box{right:0;transform:translate3d(50%,50%,0)}.capability_RD section.section3 .dist:nth-child(odd) .info{margin-left:75px;padding-right:50px}.capability_RD section.section3 .dist:nth-child(2n){flex-direction:row-reverse}.capability_RD section.section3 .dist:nth-child(2n) .swiper-box .icon-box{left:0;transform:translate3d(-50%,50%,0)}.capability_RD section.section3 .dist:nth-child(2n) .info{margin-right:75px;padding-left:50px}.capability_RD section.section3 .dist:nth-child(2n) .counter{flex-direction:row-reverse}@media only screen and (min-width: 1201px){.capability_RD section.section3 .dist:hover .swiper-box .icon{background:var(--primary-blue)}.capability_RD section.section3 .dist:hover .swiper-box .icon img{filter:grayscale(100) brightness(0) invert(1)}.capability_RD section.section3 .dist:hover .counter .number:before{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.capability_RD section.section3 .dist:active .swiper-box .icon{background:var(--primary-blue)}.capability_RD section.section3 .dist:active .swiper-box .icon img{filter:grayscale(100) brightness(0) invert(1)}.capability_RD section.section3 .dist:active .counter .number:before{color:var(--primary-blue)}}@media only screen and (max-width: 992px){.capability_RD section.section3 .dist:not(:last-child){margin-bottom:80px}.capability_RD section.section3 .dist:nth-child(odd){justify-content:flex-start;flex-direction:column}.capability_RD section.section3 .dist:nth-child(odd) .swiper-box .icon-box{right:50%;bottom:0;transform:translate3d(50%,50%,0)}.capability_RD section.section3 .dist:nth-child(odd) .info{margin-left:0;padding-right:0}.capability_RD section.section3 .dist:nth-child(2n){flex-direction:column}.capability_RD section.section3 .dist:nth-child(2n) .swiper-box .icon-box{left:50%;bottom:0;transform:translate3d(-50%,50%,0)}.capability_RD section.section3 .dist:nth-child(2n) .info{margin-right:0;padding-left:0}}.capability_RD section.section3 .swiper-box{width:37.5%;position:relative;position:sticky;top:100px}@media only screen and (max-width: 992px){.capability_RD section.section3 .swiper-box{position:relative;width:100%;top:0}}.capability_RD section.section3 .swiper-box .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-31px}@media only screen and (max-width: 992px){.capability_RD section.section3 .swiper-box .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-66px}}.capability_RD section.section3 .swiper-box .swiper-pagination-bullet{width:5px;height:5px;margin:0 7px;background:#0003}.capability_RD section.section3 .swiper-box .swiper-pagination-bullet-active{background:var(--primary-blue)}.capability_RD section.section3 .swiper-box .icon-box{position:absolute;bottom:50%;z-index:2}.capability_RD section.section3 .swiper-box .icon{width:80px;height:80px;margin:0 auto;aspect-ratio:1/1;border-radius:100px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #00000040;background:var(--white);transition:background var(--trans-s)}.capability_RD section.section3 .swiper-box .icon img{width:auto;height:auto;max-width:40px;max-height:40px;transition:filter var(--trans-s)}.capability_RD section.section3 .swiper-box .img-box{width:100%;aspect-ratio:450/500}.capability_RD section.section3 .swiper-box .img-box .img{position:relative}.capability_RD section.section3 .swiper-box .img-box .img:before{content:"";display:block;width:100%;height:0;padding-bottom:111.11%}.capability_RD section.section3 .swiper-box .img-box .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.capability_RD section.section3 .info{width:56.25%}@media only screen and (max-width: 992px){.capability_RD section.section3 .info{width:100%}}.capability_RD section.section3 .info-box{font-family:Noto Sans TC;padding-top:50px;margin-bottom:50px}@media only screen and (max-width: 992px){.capability_RD section.section3 .info-box{padding-top:30px;margin:65px 0 30px}}.capability_RD section.section3 .info-box .title{font-size:1.25rem;font-weight:500;line-height:150%;letter-spacing:.5px;margin-bottom:30px}.capability_RD section.section3 .info-box p,.capability_RD section.section3 .info-box ul{font-weight:350;line-height:160%;letter-spacing:1px}.capability_RD section.section3 .info-box p{margin-bottom:15px}.capability_RD section.section3 .info-box li{padding-left:20px;margin-bottom:5px;position:relative}.capability_RD section.section3 .info-box li:before{content:"";position:absolute;left:0;top:10.5px;width:5px;height:5px;border-radius:100px;background:var(--primary-blue)}.capability_RD section.section3 .info-box li span{display:block;font-weight:600}.capability_RD section.section3 .counter{width:100%;height:80px;display:flex;align-items:center;gap:0 50px}@media only screen and (max-width: 992px){.capability_RD section.section3 .counter{height:40px;gap:0 30px}}.capability_RD section.section3 .counter .line{width:100%;height:1px;position:relative;background:#201d1d33}.capability_RD section.section3 .counter .number{flex-shrink:0}.capability_RD section.section3 .counter .number:before{counter-increment:dist-counter;content:counter(dist-counter,decimal-leading-zero);font-size:3.125rem;font-weight:600;line-height:160%;letter-spacing:1px;color:#333;transition:color var(--trans-s)}@media only screen and (max-width: 992px){.capability_RD section.section3 .counter .number:before{font-size:2.5rem;line-height:100%}}