@property --c1{syntax: "<color>"; inherits: true; initial-value: #000;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #000;}.unit-banner{position:relative;--side-fr: 50px}.unit-banner[type=overview] .container{min-height:clamp(28.125rem,19.8529rem + 14.7059vw,37.5rem)}.unit-banner[type=detail] .container{min-height:clamp(21.875rem,19.1176rem + 4.902vw,25rem)}.unit-banner .bg{position:absolute;top:0;left:0;z-index:-1;grid-column:1/-1;width:100%;height:100%}.unit-banner .bg img{width:100%;height:100%;object-fit:cover}.unit-banner .container{padding-bottom:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);padding-left:var(--side-fr);padding-right:var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr);align-items:end}.unit-banner .text-box{grid-column:1/-1;display:flex;flex-direction:column;gap:20px;max-width:682px}.unit-banner .text-box[data-theme=light] .block-subtitle,.unit-banner .text-box[data-theme=light] .unit-title{color:#fff}.unit-banner .text-box[data-theme=dark] .block-subtitle{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);background-clip:text;-webkit-background-clip:text;color:transparent}.unit-banner .text-box[data-theme=dark] .unit-title{color:#000}@media only screen and (min-width: 1921px){.unit-banner .container{max-width:76.25vw;--side-fr: calc(50 / 1920 * 100vw)}}@media only screen and (max-width: 900px){.unit-banner{--side-fr: 20px}.unit-banner .text-box{grid-column:2/-2}.unit-banner .text-box .block-subtitle{font-size:1rem}}multipurpose-nav{width:100%;max-height:45px}multipurpose-nav[m4-type=drag] .drag-container{padding:0;max-width:100%}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:0 30px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:0 30px 0 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:0 0 0 30px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px 50px!important}multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 120px,#fff calc(100% - 120px),rgba(255,255,255,0));mask-image:linear-gradient(270deg,#fff0,#fff 120px,#fff calc(100% - 120px),#fff0)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 120px,#fff);mask-image:linear-gradient(270deg,#fff0,#fff 120px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0),#fff 120px,#fff);mask-image:linear-gradient(90deg,#fff0,#fff 120px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .item.active .category,multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#12b57f}multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after,multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{width:100%}multipurpose-nav[m4-type=drag] .drag-container .category{padding:12px 0;font-size:.9375rem;font-weight:500;line-height:1.4;letter-spacing:initial;transition:color .4s}multipurpose-nav[m4-type=drag] .drag-container .category:after{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);height:3px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent;width:6px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid #848484;border-left:2px solid #848484}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid #848484;border-right:2px solid #848484}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide{opacity:0}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide{opacity:0}@media only screen and (max-width: 900px){multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:0 15px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:0 15px 0 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:0 0 0 15px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 25px!important}multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 50px,#fff calc(100% - 50px),rgba(255,255,255,0));mask-image:linear-gradient(270deg,#fff0,#fff 50px,#fff calc(100% - 50px),#fff0)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 50px,#fff);mask-image:linear-gradient(270deg,#fff0,#fff 50px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0),#fff 50px,#fff);mask-image:linear-gradient(90deg,#fff0,#fff 50px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .category{padding:8px 0}}@media only screen and (max-width: 768px){multipurpose-nav[m4-type=drag] .drag-container{max-width:647px}}.nav-box{display:flex;flex-direction:column}.nav-box:after{display:block;margin:60px 0;width:100%;height:1px;background:#0000001a;content:""}@media only screen and (max-width: 900px){.nav-box:after{margin:40px 0}}.container{--side-fr: 50px}@media only screen and (max-width: 900px){.container{--side-fr: 40px}}.pic-box{flex-shrink:0;position:relative;overflow:hidden}.pic-box:after{content:"";display:block}.pic-box img{position:absolute;width:100%;height:100%;object-fit:cover}section.options-nav .container{padding:clamp(1.875rem,2.08vw,2.5rem) var(--side-fr);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;gap:30px 0}section.options-nav .container>*{grid-column:1/-1}section.options-nav .inner{display:flex;gap:30px}section.options-nav .inner .dropdown-box:first-child{z-index:5}section.options-nav .inner .dropdown-box:last-child{z-index:4}@media only screen and (min-width: 1921px){section.options-nav .container{max-width:76.25vw}}@media only screen and (max-width: 900px){section.options-nav .container>*{grid-column:1/-1}section.options-nav .container .inner{justify-content:center}}@media only screen and (max-width: 767px){section.options-nav .container .inner{flex-direction:column;align-items:center}section.options-nav .container .inner .dropdown-box{flex:1;width:100%}}section.content .container{padding:clamp(1.875rem,2.08vw,2.5rem) var(--side-fr) clamp(5rem,-2.5rem + 13.3333vw,8.125rem);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto}section.content .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.content .container{max-width:76.25vw}}section.content .item:not(:last-child){padding-bottom:calc(clamp(3.125rem,4.16vw,5rem)*2);position:relative}section.content .item:not(:last-child):after{content:"";width:100%;height:1px;left:0;bottom:clamp(3.125rem,4.16vw,5rem);background:#000;position:absolute;display:block;opacity:.1}@media only screen and (max-width: 900px){section.content .top{text-align:center}}section.content .list-box-outline{margin-top:clamp(2.5rem,3.125vw,3.75rem);display:flex;flex-direction:column;gap:clamp(3.125rem,4.16vw,5rem) 0}section.content .list-box{display:flex;gap:0px 75px;width:100%}@media only screen and (max-width: 900px){section.content .list-box{flex-direction:column;justify-content:center;align-items:center;gap:30px 0}}section.content .list-box .circle-box{display:flex;width:clamp(9.375rem,10.41vw,12.5rem);height:clamp(9.375rem,10.41vw,12.5rem);justify-content:center;align-items:center;border-radius:200px;background:radial-gradient(76.21% 76.21% at 51.3% 53.79%,#0000000d,#0000 92.08%);box-shadow:0 0 20px #92f3d3cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:60px;flex-shrink:0}@media only screen and (max-width: 900px){section.content .list-box .circle-box{position:relative;top:unset}}section.content .wrap{display:flex;flex-direction:column;gap:clamp(3.125rem,4.16vw,5rem) 0;width:100%}section.content .list-group .logo-box{display:flex;align-items:center;gap:10px 40px}@media only screen and (max-width: 767px){section.content .list-group .logo-box{flex-direction:column;align-items:flex-start}}section.content .list-group .pic-box{width:160px}section.content .list-group .pic-box:after{padding-top:50%}section.content .list-group .content-box{margin-top:clamp(1.875rem,2.08vw,2.5rem);display:flex;flex-wrap:wrap;gap:20px}section.content .list-group .content-box:has(.row:nth-child(5)) .row:last-child{width:100%}section.content .list-group .content-box:has(.row:nth-child(3)) .row:last-child:nth-child(3){width:100%}section.content .list-group .row{display:flex;gap:10px 20px;width:calc((100% - 20px)/2);position:relative;align-items:flex-end;padding-bottom:10px}@media only screen and (max-width: 900px){section.content .list-group .row{width:100%;gap:5px 20px}section.content .list-group .row:last-child:after{display:none}}@media only screen and (max-width: 767px){section.content .list-group .row{flex-direction:column;align-items:flex-start}}section.content .list-group .row:last-child:nth-child(1){width:100%}section.content .list-group .row:after{content:"";width:100%;height:1px;left:0;bottom:0;background:#000;position:absolute;display:block;opacity:.1}@media only screen and (min-width: 1201px){section.content .list-group .row:has(a.content):hover .i-box i{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);-webkit-background-clip:text;background-clip:text;color:transparent;transition:background .5s}section.content .list-group .row:has(a.content):hover .content{color:#12b57f}}@media only screen and (max-width: 1200px){section.content .list-group .row:has(a.content):active .i-box i{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);-webkit-background-clip:text;background-clip:text;color:transparent;transition:background .5s}section.content .list-group .row:has(a.content):active .content{color:#12b57f}}section.content .list-group .row .subject{display:flex;align-items:center;gap:0 10px;width:120px;flex-shrink:0}section.content .list-group .row .subject .i-box i{color:#0000004d}section.content .list-group .row .content{transition:color .4s}section.content .list-group .row .content p{word-break:break-all}
