@charset "UTF-8";.common-category{padding:clamp(1.25rem,2.6vw,3.125rem) 0;z-index:2;width:100%}@media only screen and (min-width: 1201px){.common-category[type=anchor] .item:hover .category{color:#000}.common-category[type=anchor] .item:hover .category:after{width:100%}}@media only screen and (max-width: 1200px){.common-category[type=anchor] .item:active .category{color:#000}.common-category[type=anchor] .item:active .category:after{width:100%}}.common-category[type=investorTab]{width:100%;padding:0 0 clamp(1.25rem,2.6vw,3.125rem) 0}.common-category[type=investorTab] multipurpose-nav[m4-type=collapse] .drag-container{justify-content:center}.common-category[type=investorTab] multipurpose-nav[m4-type=collapse] .drag-container .category:after{background-color:#00d9bc}.common-category[type=investorTab] multipurpose-nav[m4-type=collapse] .collapse-container .item:after{background-color:#00d9bc}.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{padding-left:clamp(1.25rem,1.56vw,1.875rem);padding-right:20px;width:65px;justify-content:flex-end}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{width:45px;padding-right:0;padding-left:0}}.common-category multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{font-size:1rem;font-weight:700;line-height:1.6;padding-top:0;padding-bottom:0;max-height:25.59px}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{padding-left:20px}}.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{transform:translateY(-4px)}.common-category multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:before{content:"";font-family:icomoon!important;font-size:.75rem;border-style:none;border-width:unset;height:unset;width:25px}.common-category multipurpose-nav[m4-type=collapse] .drag-container{max-width:100%}.common-category multipurpose-nav[m4-type=collapse] .drag-container .item.active .category{color:#000}.common-category multipurpose-nav[m4-type=collapse] .drag-container .wrapper{gap:10px clamp(1.875rem,2.6vw,3.125rem)!important;margin-bottom:-8px;padding:0}.common-category multipurpose-nav[m4-type=collapse] .drag-container .category{padding:0 0 8px;font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:unset;color:#666}.common-category multipurpose-nav[m4-type=collapse] .drag-container .category:after{left:0;right:unset;background-color:#0041ff;height:3px}.common-category multipurpose-nav[m4-type=collapse] .collapse-container{max-width:calc(100% - 20px);padding:clamp(.9375rem,2.08vw,2.5rem) clamp(1.25rem,2.08vw,2.5rem);border:unset;border-radius:5px;box-shadow:0 3px 10px #00000026;background:#fff;margin-top:20px}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container{max-width:100%;padding-right:8px}}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{gap:clamp(1.25rem,1.56vw,1.875rem) 50px;margin:0}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{align-items:flex-start;flex-wrap:nowrap;flex-direction:column}}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{max-height:300px;overflow-y:scroll}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper::-webkit-scrollbar{width:2px;height:8px;background-color:transparent}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .wrapper::-webkit-scrollbar-thumb{background:#0003}}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item{margin:0;border-radius:0;background:transparent;border:unset;position:relative;text-align:left;padding:0}@media only screen and (max-width: 767px){.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item{max-width:calc(100% - 12px)}}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item .category{color:#666;transition:color .4s}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item:after{content:"";width:0%;height:3px;background:#0041ff;display:block;position:absolute;bottom:-5px;left:0;transition:width .4s}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:#000}.common-category multipurpose-nav[m4-type=collapse] .collapse-container .item.active:after{width:100%}.esg-card{display:block}@media only screen and (min-width: 1201px){.esg-card:hover .pic-box{box-shadow:20px 20px 25px #00000040}.esg-card:hover .arrow-box{opacity:1}.esg-card:hover .arrow-box>.i-box{animation:.8s .5s arrow forwards}.esg-card:hover .date:before{background:#0041ff}}@media only screen and (max-width: 1200px){.esg-card:active .pic-box{box-shadow:20px 20px 25px #00000040}.esg-card:active .arrow-box{opacity:1}.esg-card:active .arrow-box>.i-box{animation:.8s .5s arrow forwards}.esg-card:active .date:before{background:#0041ff}}.esg-card .pic-box{display:block;transition:.4s}.esg-card .pic-box:after{padding-top:63.3334%}.esg-card .arrow-box{position:absolute;bottom:40px;right:40px;opacity:0;transition:opacity .4s}@media only screen and (max-width: 1200px){.esg-card .arrow-box{bottom:20px;right:20px}}.esg-card .content{width:100%;padding:0 20px;margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.esg-card .date{font-size:.9375rem;font-weight:700;line-height:140%;position:relative;padding-left:12.5px}.esg-card .date:before{content:"";position:absolute;width:5px;height:100%;top:0;left:-2.5px;background:#465264;transition:background .4s}.esg-card .item-title-s{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .4s}@media only screen and (min-width: 1201px){.esg-card .item-title-s:hover{color:#0041ff}}@media only screen and (max-width: 1200px){.esg-card .item-title-s:active{color:#0041ff}}.esg-card .paragraph{width:100%;font-size:1rem;font-weight:400;line-height:160%}.esg-card .paragraph p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.esg-card .tag-box{margin-top:5px}.esg-card .tag-box .tag{font-weight:400}.simple-article{font-size:1rem;font-weight:400;line-height:160%}.simple-article p{color:#666}.simple-article p+ul{margin-top:10px}.simple-article ul li{padding-left:15px;position:relative;color:#666}.simple-article ul li:before{content:"";position:absolute;top:10.5px;left:0;width:5px;height:5px;background:#00d9bc;border-radius:50%}.simple-article ul li:not(:last-child){margin-bottom:10px}.simple-article ul+p{margin-top:10px}main{padding-top:100px;position:relative}main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100px;background:transparent;box-shadow:0 3px 10px #00000026;z-index:-1}@media only screen and (max-width: 1200px){main{padding-top:80px}main:before{height:80px}}@media only screen and (max-width: 900px){main{padding-top:65px}main:before{height:65px}}section{--1fr: 3.125vw }section .container{grid-column:3/-3;max-width:1680px;width:100%;margin:0 auto}section .section-title{font-size:2rem;font-weight:700;line-height:1.3}section .grey{color:#666}section .title-wrap a{display:block;width:fit-content}section .title-wrap a.read-btn{display:flex}section .title-box:has(.paragraph-bold) .paragraph-bold{margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section .title-box:has(.paragraph) .paragraph{margin-top:15px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1921px){section{--1fr: 60px}}@media only screen and (max-width: 1200px){section .section-title{font-size:1.875rem}}@media only screen and (max-width: 767px){section{--1fr: calc((100vw - 40px)*.1) }section .container{grid-column:2/-2}section .section-title{font-size:1.75rem}}section.banner{margin-bottom:80px}section.banner .container[data-align=center] .title-wrap{margin:0 auto;text-align:center}section.banner .container[data-align=right] .title-wrap{margin-left:auto;text-align:right}section.banner .title-wrap{width:53.57143%;padding:80px 0 0}section.banner .subtitle{margin:10px 0 20px;font-size:3.75rem;font-weight:700;line-height:1.1}@media only screen and (max-width: 1200px){section.banner .title-wrap{width:68.57143%}section.banner .subtitle{font-size:3.125rem}}@media only screen and (max-width: 900px){section.banner{margin-bottom:50px}section.banner .title-wrap{width:100%;padding:50px 0 30px}}@media only screen and (max-width: 767px){section.banner .subtitle{font-size:2.625rem;line-height:1.3}}section.glance .title-wrap{margin-bottom:35px}@media only screen and (max-width: 900px){section.glance .title-wrap{margin-bottom:30px}}section.glance .figure-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));margin:-40px calc(var(--1fr) * -1) 60px}section.glance .figure-wrap .figure-box{padding:40px var(--1fr);position:relative;cursor:default;align-items:stretch}section.glance .figure-wrap .inner{height:100%;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.2)}section.glance .figure-wrap .number{width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}section.glance .figure-wrap .number .num{font-size:4.5rem;font-weight:500;line-height:100%;word-break:break-word;transition:color .4s}section.glance .figure-wrap .number .unit{font-size:1.25rem;font-weight:400;line-height:160%}section.glance .figure-wrap .txt{margin-top:10px}@media only screen and (max-width: 1200px){section.glance .figure-wrap{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 -40px 50px}section.glance .figure-wrap .figure-box{padding:0 40px 50px}section.glance .figure-wrap .number .num{font-size:3.75rem}}@media only screen and (max-width: 900px){section.glance .figure-wrap{margin:0 -20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}section.glance .figure-wrap .figure-box{padding:0 20px 50px}}@media only screen and (max-width: 767px){section.glance .figure-wrap{padding:0;margin-bottom:0}section.glance .figure-wrap .number .num{font-size:3.125rem}}section.quality,section.design,section.process,section.smart,section.materials{margin-bottom:150px}@media only screen and (max-width: 1200px){section.quality,section.design,section.process,section.smart,section.materials{margin-bottom:100px}}section.quality .container,section.design .container{display:flex;align-items:center;gap:20px 0}section.quality .container.reverse,section.design .container.reverse{flex-direction:row-reverse}@media only screen and (min-width: 1201px){section.quality .container:hover .pic-wrap .pic-box img,section.design .container:hover .pic-wrap .pic-box img{width:105%;height:105%}}@media only screen and (max-width: 1200px){section.quality .container:active .pic-wrap .pic-box img,section.design .container:active .pic-wrap .pic-box img{width:105%;height:105%}}section.quality .title-wrap,section.design .title-wrap{width:42.85715%;padding:0 calc(var(--1fr) * 2);display:flex;flex-direction:column;gap:50px}section.quality .pic-wrap,section.design .pic-wrap{width:57.1429%}section.quality .pic-wrap .pic-box,section.design .pic-wrap .pic-box{display:block;overflow:hidden}section.quality .pic-wrap .pic-box:after,section.design .pic-wrap .pic-box:after{padding-top:62.5%}section.quality .pic-wrap .pic-box img,section.design .pic-wrap .pic-box img{transition:.4s}@media only screen and (max-width: 1200px){section.quality .title-wrap,section.quality .pic-wrap,section.design .title-wrap,section.design .pic-wrap{width:50%}}@media only screen and (max-width: 900px){section.quality .container,section.design .container{flex-direction:column-reverse}section.quality .container.reverse,section.design .container.reverse{flex-direction:column-reverse}section.quality .title-wrap,section.quality .pic-wrap,section.design .title-wrap,section.design .pic-wrap{width:100%;gap:30px}}@media only screen and (max-width: 767px){section.quality .pic-wrap,section.design .pic-wrap{width:calc(100% + 40px)}}section.quality{margin-top:89px}section.quality .icon-wrap{display:flex;gap:20px var(--1fr)}section.quality .icon-wrap .icon-box{width:180px}section.quality .icon-wrap .icon{width:100px;height:100px;margin:0 auto;border-radius:50%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;flex-shrink:0}section.quality .icon-wrap .icon img{width:auto;height:auto;max-width:60px;max-height:60px;object-fit:contain}section.quality .icon-wrap .paragraph-bold{font-family:Work Sans,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;margin-top:10px;text-align:center}@media only screen and (max-width: 1200px){section.quality{margin-top:50px}section.quality .title-wrap{padding:0 calc(var(--1fr) * 2) 0 0}}@media only screen and (max-width: 900px){section.quality .title-wrap{padding:0}}@media only screen and (max-width: 767px){section.quality .icon-wrap{flex-direction:column}section.quality .icon-wrap .icon-box{width:100%;display:flex;align-items:center;gap:0 20px}section.quality .icon-wrap .icon{margin:0}section.quality .icon-wrap .paragraph-bold{text-align:left;margin-top:0}}section.design .pic-wrap{position:relative}section.design .pic-wrap:before{content:"";position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);width:calc(var(--1fr) * 1.66667);height:5px;background:#0041ff;z-index:1}@media only screen and (max-width: 1200px){section.design .title-wrap{padding:0 0 0 calc(var(--1fr) * 2)}}@media only screen and (max-width: 900px){section.design .title-wrap{padding:0}section.design .pic-wrap{padding-bottom:25px}section.design .pic-wrap:before{top:auto;bottom:0;right:50%;transform:translate3d(-50%,0,0);width:5px;height:50px}}@media only screen and (max-width: 767px){section.design .pic-wrap:before{right:calc(50% - 5px)}}section.process{padding-bottom:100px}@media only screen and (max-width: 900px){section.process{padding-bottom:50px}}@media only screen and (max-width: 767px){section.process{margin-bottom:0}}section.process .container{width:calc(100% + var(--1fr) * 2);max-width:unset;display:flex;align-items:center;gap:30px calc(var(--1fr) * 2);position:relative}section.process .container:after{content:"";position:absolute;right:0;bottom:-100px;width:78.94445%;height:100%;background:#f7f7f7;z-index:-1}@media only screen and (min-width: 1921px){section.process .container{max-width:1680px}}@media only screen and (max-width: 900px){section.process .container{width:100%;flex-direction:column}section.process .container:after{width:calc(100% + var(--1fr) * 3);height:54.21384%;right:calc(var(--1fr) * -2);bottom:-50px}}@media only screen and (max-width: 767px){section.process .container:after{width:calc(100% + 20px);height:calc(50% - 25px);right:-20px}}section.process .title-wrap{width:33.33334%}section.process .title-wrap:before{content:"";display:block;width:100px;height:5px;background:#0041ff;margin-bottom:35px}section.process .title-wrap .paragraph-bold{margin-top:10px}section.process .title-wrap .paragraph{margin-top:15px}section.process .title-wrap .read-btn{margin-top:35px}@media only screen and (max-width: 900px){section.process .title-wrap{width:100%}section.process .title-wrap .read-btn{margin-top:30px}section.process .title-wrap:before{margin-bottom:30px}}section.process .swiper-wrap{width:60%;overflow:hidden;position:relative}section.process .swiper-wrap:after{content:"";position:absolute;bottom:89px;right:0;width:88.42593%;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 20%,transparent 20%);background-size:10px 1px;background-repeat:repeat-x;z-index:0}@media only screen and (max-width: 900px){section.process .swiper-wrap{width:calc(100% + var(--1fr) * 2);margin-right:calc(var(--1fr) * -2);overflow:unset;display:flex;flex-direction:column}section.process .swiper-wrap:after{width:75.64228%;right:0;bottom:74px}}@media only screen and (max-width: 767px){section.process .swiper-wrap{width:100%;margin-right:0}section.process .swiper-wrap:after{width:calc(50% + 20px);right:-20px}}section.process .swiper{max-width:930px;width:100%;margin-left:0;padding-bottom:3px;overflow:unset}@media only screen and (max-width: 900px){section.process .swiper{overflow:hidden}}@media only screen and (max-width: 767px){section.process .swiper{padding:0 12.68657% 3px}}section.process .swiper-arrow{display:flex;align-items:center;justify-content:end;gap:0 20px;padding-right:calc(var(--1fr) * 2);margin-top:35px}section.process .swiper-arrow .swiper-button{border-radius:50%;background:#0003;transition:.4s}section.process .swiper-arrow .swiper-button i{font-size:.875rem}@media only screen and (min-width: 1201px){section.process .swiper-arrow .swiper-button:hover{color:#fff;background:#000}}@media only screen and (max-width: 1200px){section.process .swiper-arrow .swiper-button:active{color:#fff;background:#000}}@media only screen and (max-width: 900px){section.process .swiper-arrow{padding-right:0;justify-content:center}section.process .swiper-arrow .swiper-button{width:35px;height:35px}}section.process .swiper-wrapper{align-items:flex-end}@media only screen and (max-width: 900px){section.process .swiper-slide{display:flex;align-items:flex-end}}@media only screen and (max-width: 767px){section.process .swiper-slide{width:100%!important}}section.process .item{width:80.64517%;display:flex;flex-direction:column;justify-content:end;gap:20px}@media only screen and (max-width: 900px){section.process .item{width:100%}}section.process .item .pic-box{width:100%;transition:.4s;opacity:0}section.process .item .pic-box:after{padding-top:100%}section.process .item .pic-box img{transition:.4s}section.process .item .pic-box .arrow-box{position:absolute;bottom:20px;right:20px}section.process .item .text-box{text-align:center}section.process .item .text-box .num{margin-bottom:4px}section.process .item .deco-box{width:5px;height:5px;margin:0 auto;position:relative;display:flex;flex-direction:column;transition:height .4s .2s,background .1s .4s;background:#0003}section.process .item .deco-box:before,section.process .item .deco-box:after{content:"";display:block;width:5px;height:0px;background:#0041ff;transition:.4s .2s;flex-shrink:0;margin-bottom:5px}section.process .item .deco-box:before{order:1}section.process .item .deco-box:after{order:2}section.process .item .deco-box .line{width:5px;height:20px;background:#0041ff;order:3}section.process .item:hover .pic-box{opacity:1;transition:.4s .2s}section.process .item:hover .pic-box img{box-shadow:20px 20px 25px #00000040}section.process .item:hover .pic-box .arrow-box>.i-box{animation:.8s .5s arrow forwards}section.process .item:hover .deco-box{height:40px;background:transparent;transition:height .4s,background .1s}section.process .item:hover .deco-box:before,section.process .item:hover .deco-box:after{height:5px;transition:.4s}@media only screen and (max-width: 767px){section.process .item .deco-box{height:40px;background:transparent;transition:height .4s,background .1s}section.process .item .deco-box:before,section.process .item .deco-box:after{height:5px;transition:.4s}}section.process .swiper-slide-active .item .pic-box{opacity:1;transition:opacity .4s .2s}section.process .swiper-slide-active .item .pic-box img{box-shadow:20px 20px 25px #00000040;transition:box-shadow .4s .2s}section.process .swiper-slide-active .item .pic-box .arrow-box>.i-box{animation:.8s .5s arrow forwards}section.process .swiper-slide-active .item .deco-box{height:40px;background:transparent;transition:height .2s,background .1s}section.process .swiper-slide-active .item .deco-box:before,section.process .swiper-slide-active .item .deco-box:after{height:5px;transition:.4s}@media only screen and (max-width: 767px){section.smart{margin-bottom:50px}}section.smart .container{position:relative;aspect-ratio:1680/700;display:flex;overflow:hidden}@media only screen and (min-width: 1201px){section.smart .container:hover .pic-wrap{width:105%;height:105%}}@media only screen and (max-width: 1200px){section.smart .container:active .pic-wrap{width:105%;height:105%}}@media only screen and (max-width: 900px){section.smart .container{min-height:600px}}@media only screen and (max-width: 767px){section.smart .container{width:calc(100% + 40px);margin-left:-20px}}section.smart .pic-wrap{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:-1;pointer-events:auto;transition:.4s}section.smart .pic-wrap .pic-box{position:sticky;top:0;width:100%;height:100%}section.smart .pic-wrap .pic-box img{position:static;width:100%;height:100%;object-fit:cover;transform:none}section.smart .pic-wrap .pic-box:after{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,#0000 50%,#0009 80.29%)}@media only screen and (max-width: 900px){section.smart .pic-wrap .pic-box:after{background:linear-gradient(180deg,#0000 29.3%,#000 80.29%)}}section.smart .title-wrap{width:100%;padding:var(--1fr);margin:auto auto 0;display:flex;justify-content:center;position:relative}section.smart .title-wrap:after{content:"";position:absolute;bottom:0;left:50%;transform:translate3d(-50%,0,0);width:5px;height:calc(100% - var(--1fr));background:#0041ff}section.smart .title-wrap .title-box{width:50%;padding:0 var(--1fr)}section.smart .title-wrap .paragraph{margin-top:0}section.smart .title-wrap .read-btn{margin-top:35px}section.smart .title-wrap[text-color=black] .title-box{color:#000}section.smart .title-wrap[text-color=black] .read-btn .txt:after{background:#000}section.smart .title-wrap[text-color=black] .read-btn .arrow-box{color:#fff}section.smart .title-wrap[text-color=black] .read-btn .arrow-box:before{background:#000}section.smart .title-wrap[text-color=white] .title-box{color:#fff}section.smart .title-wrap[text-color=white] .read-btn .txt:after{background:#fff}section.smart .title-wrap[text-color=white] .read-btn .arrow-box{color:#000}section.smart .title-wrap[text-color=white] .read-btn .arrow-box:before{background:#fff}@media only screen and (max-width: 1200px){section.smart .title-wrap{padding:var(--1fr)}section.smart .title-wrap .title-box:first-of-type{padding:0 20px 0 0}section.smart .title-wrap .title-box:last-of-type{padding:0 0 0 20px}}@media only screen and (max-width: 900px){section.smart .title-wrap{padding:50px 20px;flex-direction:column}section.smart .title-wrap:after{position:static;width:120px;height:6px;transform:translate3d(-20px,0,0);order:2;margin:30px 0}section.smart .title-wrap .title-box{width:100%;padding:0}section.smart .title-wrap .title-box:first-of-type{order:1;padding:0}section.smart .title-wrap .title-box:last-of-type{order:3;padding:0}section.smart .title-wrap .read-btn{margin-top:30px}}@media only screen and (max-width: 767px){section.materials{margin-bottom:50px}}section.materials .container{padding:0 calc(var(--1fr) * 2);display:flex;align-items:center}@media only screen and (min-width: 1201px){section.materials .container:hover .pic-wrap .pic-box img{width:105%;height:105%}}@media only screen and (max-width: 1200px){section.materials .container:active .pic-wrap .pic-box img{width:105%;height:105%}}@media only screen and (max-width: 1200px){section.materials .container{padding:0}}@media only screen and (max-width: 900px){section.materials .container{padding:0;flex-direction:column-reverse;gap:20px}}section.materials .title-wrap{padding-right:calc(var(--1fr) * 2)}section.materials .title-wrap .paragraph-bold{margin-top:10px}section.materials .title-wrap .paragraph{margin-top:15px}section.materials .title-wrap .read-btn{margin-top:35px}@media only screen and (max-width: 900px){section.materials .title-wrap{padding-right:0}section.materials .title-wrap .read-btn{margin-top:30px}}section.materials .pic-wrap{width:54.16667%;padding-left:var(--1fr);flex-shrink:0;position:relative}section.materials .pic-wrap .pic-box{display:block;overflow:hidden}section.materials .pic-wrap .pic-box:after{padding-top:69.44445%}section.materials .pic-wrap .pic-box img{transition:.4s}section.materials .pic-wrap .icon{position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0);width:100px;height:100px;background:#0041ff;display:flex;align-items:center;justify-content:center;box-shadow:20px 20px 25px #00000040}section.materials .pic-wrap .icon img{width:auto;height:auto;max-width:60px;max-height:60px;object-fit:contain}@media only screen and (max-width: 900px){section.materials .pic-wrap{width:100%;padding-left:0;padding-top:50px}section.materials .pic-wrap .icon{left:20px;top:0;transform:translateZ(0)}}