section.banner .container{grid-column:2/-2}section.banner .img-wrap{position:relative;width:100%;border-radius:20px;overflow:hidden;display:flex}section.banner .img-wrap.aost-show .bg-img .sticky-img img{opacity:1;transform:scale(1);transition:transform .8s,opacity .8s}section.banner .img-wrap.aost-show .bannerSubtitle,section.banner .img-wrap.aost-show .bannerTitle,section.banner .img-wrap.aost-show+.desc-wrap{opacity:1;transform:translateY(0)}section.banner .img-wrap.aost-show+.desc-wrap{transition:transform .6s .5s,opacity .6s .5s}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-circle{animation:blink 1.2s .6s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-rhombus{animation:blink 1.2s .8s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-square{animation:blink 1.2s 1s 2 linear}section.banner .img-wrap.aost-show+.desc-wrap .deco-shape .icon-hexagon{animation:blink 1.2s 1.2s 2 linear}section.banner .bg-img .sticky-img img{opacity:0;transform:scale(1.08)}section.banner .content-wrap{width:100%;padding:60px calc(var(--1fr) * 2);display:flex}section.banner .bannerSubtitle{width:100%;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translateY(30px)}section.banner .bannerTitle{max-width:900px;width:100%;margin-top:auto;font-size:clamp(1.75rem,.5368rem + 2.157vw,3.125rem);font-weight:500;line-height:1.4;letter-spacing:1px;opacity:0;transform:translateY(30px)}section.banner .bannerTitle h2{white-space:pre-wrap}section.banner .desc-wrap{margin-top:40px;padding-left:calc(var(--1fr) * 2);opacity:0;transform:translateY(30px)}section.banner .bannerDesc{max-width:780px;width:100%;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px;color:#0009;margin-top:15px;text-align:left}section.banner[type=overview] .img-wrap.aost-show .bannerSubtitle,section.banner[type=noimage] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .1s,opacity .6s .1s}section.banner[type=overview] .img-wrap.aost-show .bannerTitle,section.banner[type=noimage] .img-wrap.aost-show .bannerTitle{transition:transform .6s .3s,opacity .6s .3s}section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap,section.banner[type=noimage] .img-wrap{min-height:600px}section.banner[type=overview] .content-wrap,section.banner[type=single] .content-wrap,section.banner[type=noimage] .content-wrap{flex-direction:column}section.banner[type=overview] .bannerSubtitle,section.banner[type=single] .bannerSubtitle,section.banner[type=noimage] .bannerSubtitle{margin-bottom:40px;font-size:clamp(1.125rem,-.6397rem + 3.1373vw,1.25rem);font-weight:500;line-height:1.3;letter-spacing:.5px}section.banner[type=overview] .deco-shape,section.banner[type=single] .deco-shape,section.banner[type=noimage] .deco-shape{width:fit-content;display:flex;align-items:center;gap:10px}section.banner[type=overview] .deco-shape .icon-circle,section.banner[type=single] .deco-shape .icon-circle,section.banner[type=noimage] .deco-shape .icon-circle{color:#f5ad5b;font-size:10px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-rhombus,section.banner[type=single] .deco-shape .icon-rhombus,section.banner[type=noimage] .deco-shape .icon-rhombus{color:#ee3d19;font-size:11px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-square,section.banner[type=single] .deco-shape .icon-square,section.banner[type=noimage] .deco-shape .icon-square{color:#4997f1;font-size:9px;opacity:1;transform:scale(1)}section.banner[type=overview] .deco-shape .icon-hexagon,section.banner[type=single] .deco-shape .icon-hexagon,section.banner[type=noimage] .deco-shape .icon-hexagon{color:#004884;font-size:11px;opacity:1;transform:scale(1)}section.banner[type=single] .img-wrap.aost-show section.breadCrumbs{opacity:1;transform:translateY(0);transition:transform .6s .1s,opacity .6s .1s}section.banner[type=single] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .1s,opacity .6s .3s}section.banner[type=single] .img-wrap.aost-show .bannerTitle{transition:transform .6s .3s,opacity .6s .5s}section.banner[type=single] section.breadCrumbs{margin-bottom:30px;opacity:0;transform:translateY(30px)}section.banner[type=single] section.breadCrumbs .container{padding:0}section.banner[type=detail] .img-wrap{min-height:500px}section.banner[type=detail] .img-wrap.aost-show .bannerTitle{transition:transform .6s .1s,opacity .6s .1s}section.banner[type=detail] .img-wrap.aost-show .bannerSubtitle{transition:transform .6s .3s,opacity .6s .3s}section.banner[type=detail] .content-wrap{flex-direction:column-reverse}section.banner[type=detail] .bannerSubtitle{margin-top:10px;font-size:clamp(1.125rem,-.6397rem + 3.1373vw,1.25rem);font-weight:400;line-height:1.3;letter-spacing:.5px}section.banner[type=noimage] .img-wrap{min-height:unset}section.banner[type=noimage] .content-wrap{padding-top:30px;padding-bottom:0}section.banner[theme=white] .content-wrap{color:#fff}section.banner[theme=white] section.breadCrumbs .icon{color:#fff}section.banner[theme=black] .content-wrap{color:#000}section.banner[theme=black] section.breadCrumbs .icon{color:#000}section.banner[align=left] .content-wrap{align-items:flex-start}section.banner[align=right] .content-wrap{align-items:flex-end}section.banner[align=center] .content-wrap{align-items:center}@media only screen and (min-width: 1921px){section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap{min-height:55.5555555556vh}section.banner[type=detail] .img-wrap{min-height:46.2962962963vh}section.banner .bannerTitle{max-width:46.875vw}section.banner .bannerDesc{max-width:40.625vw}}@media only screen and (max-width: 1200px){section.banner .content-wrap{padding:var(--baseSpace)}section.banner .desc-wrap{padding-left:0;margin-top:30px}section.banner[type=noimage] .bannerSubtitle{margin-bottom:30px}section.banner[type=noimage] .content-wrap{padding-inline:0}}@media only screen and (max-width: 767px){section.banner .content-wrap{padding:30px 20px}}@media only screen and (max-width: 600px){section.banner[type=overview] .img-wrap,section.banner[type=single] .img-wrap{min-height:500px}section.banner[type=detail] .img-wrap{min-height:450px}}multipurpose-nav[m4-type=drag] .drag-container{max-width:unset;display:flex}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div{width:30px;height:30px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:10px;height:10px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translateY(-50%)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div{justify-content:start;margin-left:10px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0;transform:translateY(-50%)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div{justify-content:end;margin-right:10px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{width:calc(100% - 60px);padding:0;margin:0 auto;gap:10px 20px!important}multipurpose-nav[m4-type=drag] .drag-container .item.active .category,multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after,multipurpose-nav[m4-type=drag] .drag-container .item[aria-selected=true] .category:after{background:#004884}@media only screen and (min-width: 1201px){multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{background:#004884}}@media only screen and (max-width: 1200px){multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#fff}multipurpose-nav[m4-type=drag] .drag-container .item:active .category:after{background:#004884}}multipurpose-nav[m4-type=drag] .drag-container .category{padding:15px 30px;border-radius:500px;overflow:hidden;font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:1px;transition:color .3s}multipurpose-nav[m4-type=drag] .drag-container .category:after{width:100%;height:100%;z-index:-1;transition:background .3s}multipurpose-nav[m4-type=drag].noScrollable .drag-container{padding:0}multipurpose-nav[m4-type=drag].noScrollable .drag-container .wrapper{width:100%}multipurpose-nav[m4-type=drag][theme=common] .drag-container .category:after{background:#f2f2f2}multipurpose-nav[m4-type=drag][theme=white] .drag-container .category:after{background:#fff}@media only screen and (max-width: 900px){multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 15px!important}multipurpose-nav[m4-type=drag] .drag-container .category{padding:10px 20px}}section.breadCrumbs{width:100%}section.breadCrumbs .container{padding:0 calc(var(--baseSpace) + var(--1fr))}section.breadCrumbs .items{width:100%;display:flex;align-items:center;gap:10px}section.breadCrumbs .item{max-width:16.40625vw;display:flex;align-items:center;gap:10px}section.breadCrumbs .item .btnBreadCrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}section.breadCrumbs .item a:hover{color:#4997f1}section.breadCrumbs .item:first-child .icon{display:none}section.breadCrumbs .item:not(:last-child){flex-shrink:0}section.breadCrumbs .icon{font-size:11px;color:#666;margin:0 -3px}@media only screen and (max-width: 1200px){section.breadCrumbs .container{padding:0 var(--baseSpace)}section.breadCrumbs .item{max-width:calc((100% - 20px) / 3)}section.breadCrumbs .item:last-child{flex-grow:1}}section.more{padding:clamp(50px,-2.3897rem + 9.8039vw,150px) 0 clamp(80px,-.5147rem + 9.8039vw,180px)}section.more .container{grid-column:var(--columns-5)}section.more .title-wrap{display:flex;justify-content:center;align-items:center}section.more .title-wrap .icon{width:50px;height:50px}section.more .title-wrap .sectionTitle{margin-left:15px}section.more .title-wrap .sectionTitle-bold{margin-left:10px}section.more .content-wrap{margin-top:40px;display:flex;justify-content:center;gap:30px 9.16667%}section.more .content-wrap .deco-line{width:28px;flex-shrink:0;align-self:flex-end;opacity:0;clip-path:polygon(0 0,100% 0,100% 0,0 0)}section.more .content-wrap .deco-line.aost-show{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:opacity .8s,clip-path .8s}section.more .content-wrap .deco-line svg{width:100%}section.more .content-wrap .deco-line .rwd{display:none}@media only screen and (min-width: 1921px){section.more .content-wrap .deco-line{width:2.27273%}}@media only screen and (max-width: 767px){section.more .content-wrap .deco-line{width:100%;margin:30px 0}section.more .content-wrap .deco-line .pc{display:none}section.more .content-wrap .deco-line .rwd{display:block}}section.more .content-wrap .item{width:39.7727%}section.more .content-wrap .item.leftTopAndRightBottom .pic-wrap .pic-box{border-radius:50px 20px}section.more .content-wrap .item.rightTopAndLeftBottom .pic-wrap .pic-box{border-radius:20px 50px}@media only screen and (min-width: 1201px){section.more .content-wrap .item:hover .pic-wrap .deco-paint{animation:solid .5s ease-out 1 forwards}section.more .content-wrap .item:hover .pic-wrap .pic-box{box-shadow:20px 20px 15px #0000001a}}@media only screen and (max-width: 1200px){section.more .content-wrap .item:active .pic-wrap .deco-paint{animation:solid .5s ease-out 1 forwards}section.more .content-wrap .item:active .pic-wrap .pic-box{box-shadow:20px 20px 15px #0000001a}}section.more .content-wrap .item .pic-wrap{position:relative}section.more .content-wrap .item .pic-wrap .deco-paint{position:absolute;width:73.75%;bottom:-10px;right:-20px;stroke-dasharray:500;stroke-dashoffset:500;pointer-events:none}section.more .content-wrap .item .pic-wrap .deco-paint svg{width:100%}section.more .content-wrap .item .pic-wrap .pic-box{transition:box-shadow .5s}section.more .content-wrap .item .pic-wrap .pic-box:before{padding-top:63.809%}section.more .content-wrap .item .text-wrap{margin-top:15px;padding:0 20px}section.more .content-wrap .item .text-wrap .subTitle{margin-top:5px}section.more .content-wrap .item .text-wrap .desc{margin-top:10px;color:#666}section.more .content-wrap .item .text-wrap .desc .paragraph{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.more .content-wrap{margin-top:2.0833333333vw}}@media only screen and (max-width: 1200px){section.more .content-wrap{gap:30px}section.more .content-wrap .item{width:42.77273%}}@media only screen and (max-width: 767px){section.more .title-wrap{flex-direction:column}section.more .title-wrap .sectionTitle{margin-left:unset;margin-top:15px}section.more .title-wrap .sectionTitle-bold{margin-left:unset;margin-top:10px}section.more .content-wrap{margin-top:30px;flex-direction:column}section.more .content-wrap .deco-line{clip-path:polygon(0 0,0 0,0 100%,0 100%)}section.more .content-wrap .deco-line.aost-show{clip-path:polygon(0 0,110% 0,100% 100%,0 100%)}section.more .content-wrap .item{width:100%}}section.content{margin-top:clamp(50px,1.4706rem + 2.9412vw,80px);position:relative;border-radius:clamp(80px,-4.375rem + 16.6667vw,250px);overflow:hidden}section.content .container{grid-column:var(--columns-5);padding-block:calc(clamp(50px,-2.3897rem + 9.8039vw,150px) + 40px)}section.content .content-wrap{display:flex;flex-direction:column;gap:clamp(50px,-2.3897rem + 9.8039vw,150px)}section.content .content-wrap .title-box{margin:auto;max-width:600px;width:100%;text-align:center}section.content .content-wrap .title-box .desc{margin-top:10px}section.content .box1{position:relative;display:flex;align-items:center;gap:calc(var(--1fr) * 2)}section.content .box1 .image-box{position:relative;width:45.45455%}section.content .box1 .image-box:before{position:absolute;top:36px;right:2.1354166667vw;width:145px;height:145px;border-radius:50%;background:#fdefde;content:""}section.content .box1 .image-box:after{position:absolute;top:-49px;right:0;width:66px;height:66px;border-radius:50%;background:#ee3d19;opacity:.2;content:""}section.content .box1 .image-box .pic-box{margin-left:auto;width:100%;border-radius:50%}section.content .box1 .image-box .pic-box:before{padding-top:100%}section.content .box1 .image-box .icon{position:absolute;top:5.2604166667vw;right:-13px;width:100px;height:100px;border-radius:50%;background:#fff;box-shadow:20px 20px 15px #0000001a;overflow:hidden}section.content .box1 .image-box .zebra-cicle{position:absolute;bottom:-70px;left:calc(var(--1fr) * -1);width:clamp(200px,-1.2868rem + 24.5098vw,450px);height:clamp(200px,-1.2868rem + 24.5098vw,450px);z-index:-1}section.content .box1 .image-box .zebra-cicle .circle-box{transform:rotate(30deg)}section.content .box1 .text-box{width:45.45455%}section.content .box1 .text-box .subTitle{margin-top:5px}section.content .box1 .text-box .desc{margin-top:15px;color:#666}section.content .box2{display:flex;align-items:center;justify-content:space-between;gap:0 var(--1fr)}section.content .box2 .image-box{position:relative;width:50%}section.content .box2 .image-box:before{position:absolute;top:-10px;left:5.8333333333vw;width:145px;height:145px;border-radius:50%;background:#fdefde;content:""}section.content .box2 .image-box:after{position:absolute;top:-75px;left:8px;width:67px;height:67px;border-radius:50%;background:#f5ad5b;opacity:.2;content:""}section.content .box2 .image-box .pic-box{margin-inline:auto 17px;width:78.78788%;border-radius:50%}section.content .box2 .image-box .pic-box:before{padding-top:100%}section.content .box2 .image-box .icon{position:absolute;top:64px;left:7.2916666667vw;width:100px;height:100px;border-radius:50%;background:#fff;box-shadow:20px 20px 15px #0000001a;overflow:hidden}section.content .box2 .image-box .zebra-cicle{position:absolute;bottom:-70px;left:0;width:clamp(200px,1.4706rem + 19.6078vw,400px);height:clamp(200px,1.4706rem + 19.6078vw,400px);z-index:-1}section.content .box2 .image-box .zebra-cicle .circle-box{transform:rotate(30deg)}section.content .box2 .image-box .around-circle{position:absolute;right:0;bottom:38px;width:clamp(150px,2.3235rem + 12.6471vw,280px);height:clamp(150px,2.3235rem + 12.6471vw,280px);z-index:-1}section.content .box2 .image-box .circle{position:absolute;top:-128px;left:79px;width:34px;height:34px;border-radius:50%;background:#ee3d19;opacity:.2;z-index:-1}section.content .box2 .text-box{width:45.45455%}section.content .box2 .text-box .subTitle{margin-top:5px}section.content .box2 .text-box .desc{margin-top:15px;color:#666}section.content .box1 .image-box:before,section.content .box1 .image-box:after,section.content .box2 .image-box:before,section.content .box2 .image-box:after{transform:scale(0);transition:transform 1s}section.content .box1 .image-box .icon,section.content .box2 .image-box .icon{transform:translate3d(0,-100px,0);opacity:0;transition:transform .8s,opacity .5s;transition-delay:.5s}section.content .box1 .image-box .circle,section.content .box2 .image-box .circle{transform:scale(0);transition:transform 1s}section.content .box1.aost-show .image-box:before,section.content .box1.aost-show .image-box:after,section.content .box2.aost-show .image-box:before,section.content .box2.aost-show .image-box:after{transform:scale(1)}section.content .box1.aost-show .image-box .icon,section.content .box2.aost-show .image-box .icon{transform:translateZ(0);opacity:1}section.content .box1.aost-show .image-box .circle,section.content .box2.aost-show .image-box .circle{transform:scale(1)}@media only screen and (max-width: 1200px){section.content .box1 .image-box{padding-left:unset;width:50%}section.content .box1 .text-box{flex:1}section.content .box2{gap:var(--1fr)}section.content .box2 .text-box{flex:1}}@media only screen and (max-width: 900px){section.content .box1{flex-direction:column;gap:30px}section.content .box1 .image-box{padding-left:unset;max-width:500px;width:100%}section.content .box1 .image-box .pic-box{margin-left:unset;width:100%}section.content .box1 .text-box{width:100%}section.content .box2{flex-direction:column-reverse;gap:30px}section.content .box2 .image-box{padding-left:unset;max-width:500px;width:100%}section.content .box2 .image-box .pic-box{margin-left:unset;width:100%}section.content .box2 .image-box .icon{top:5.2604166667vw;left:-13px}section.content .box2 .text-box{width:100%}}@media only screen and (max-width: 767px){section.content .box1 .image-box:before{top:-11px;right:33px;width:100px;height:100px}section.content .box1 .image-box:after{top:-35px;right:3px;width:30px;height:30px}section.content .box1 .image-box .zebra-cicle{left:-20px;bottom:-18px}section.content .box2{margin-top:52px}section.content .box2 .image-box:before{top:-2px;left:30px;width:100px;height:100px}section.content .box2 .image-box:after{top:-43px;left:80px;width:30px;height:30px}section.content .box2 .image-box .zebra-cicle{left:-20px;bottom:-18px}section.content .box2 .image-box .around-circle{right:-31px;bottom:21px}section.content .box2 .image-box .circle{top:-55px;left:113px;width:15px;height:15px}}@media only screen and (max-width: 575px){section.content .box1 .image-box .icon{top:clamp(27px,-.6563rem + 10vw,47px);right:clamp(14px,-1.4688rem + 10vw,34px);width:60px;height:60px}section.content .box2 .image-box .icon{top:clamp(27px,-1.8281rem + 15vw,57px);left:clamp(18px,-.0469rem + 5vw,28px);width:60px;height:60px}}