html{scroll-padding-top:var(--ScrollOffest)}:root{--ScrollOffest:calc(var(--NaviHeight) + 30px)}.page-content-body{position:relative;width:100%;max-width:unset}.page-content-body::before{content:"";aspect-ratio:5/7;background:url(../../common/images/bg-04.webp) no-repeat;position:absolute;width:35vw;height:auto;background-size:contain;top:5%;right:0%;opacity:.6;pointer-events:none;-webkit-animation:bg-04 8s infinite linear;animation:bg-04 8s infinite linear;pointer-events:none}.page-content-body::after{content:"";aspect-ratio:1/1;background:url(../../common/images/bg-01.webp) no-repeat;position:absolute;width:50vw;height:auto;background-size:contain;bottom:-10%;left:-20%;opacity:.6;pointer-events:none;-webkit-animation:bg-04 8s infinite linear;animation:bg-04 8s infinite linear;pointer-events:none}.applications-nav{-webkit-overflow-scrolling:touch;position:sticky;top:var(--NaviHeight);z-index:10;background:#fff}.applications-nav .applications-nav-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;padding-left:0;border-bottom:1px solid #eaeaea;padding:var(--Space15)}.applications-nav .applications-nav-item{font-weight:600;font-size:var(--FontSizeItemTitle);color:var(--TextColorTitle);position:relative;text-wrap-mode:nowrap;font-family:var(--FontFamilyEn);letter-spacing:0;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.applications-nav .applications-nav-item:not(:last-of-type){border-right:var(--BorderPrimary);padding-right:var(--Space2);margin-right:var(--Space2)}.applications-nav .applications-nav-link::before{content:"";width:8px;aspect-ratio:1/1;background:var(--ColorSecondary);position:absolute;top:50%;left:calc(0px - var(--Space2)/2);-webkit-transform:var(--TransformYCenter) rotate(45deg);transform:var(--TransformYCenter) rotate(45deg);opacity:0}.applications-nav .applications-nav-link.active::before{opacity:1}.applications-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--Space5)*1.3);margin-top:var(--Space5);width:calc(var(--ContainerDefaultWidth) - 5%);max-width:calc(95% - 15px);margin-inline:auto}.applications-top{margin-top:0;margin-bottom:var(--Space5);text-align:center}.applications-top strong{font-family:var(--FontFamilyEn)}.applications-item{display:grid;grid-template-columns:auto 55%;gap:var(--Space3) var(--Space5);scroll-margin-top:var(--ScrollOffest)}.applications-item .applications-title{font-size:calc(var(--FontSizeItemTitle)*1.3);font-weight:bold;position:relative;font-family:var(--FontFamilyEn)}.applications-item .applications-subtitle{font-weight:500;font-size:var(--FontSizeHint);border-bottom:1px solid #eaeaea;padding-bottom:var(--Space15);margin-bottom:var(--Space2);position:relative;margin-top:var(--Space05)}.applications-item .applications-subtitle::before{content:"";width:2.5em;height:6px;background:var(--ColorPrimary);position:absolute;bottom:-3px;left:0}.lang_zh-TW .applications-item .applications-image-block .marker .marker-text{font-size:clamp(.9375rem,.9108rem + .0558vw,1rem);width:130px}.applications-item .applications-image-block{position:relative;overflow:hidden;aspect-ratio:16/10}.applications-item .applications-image-block::before{content:"";width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index:1;opacity:.3;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.applications-item .applications-image-block .marker{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;gap:1rem}.applications-item .applications-image-block .marker.active{z-index:100}.applications-item .applications-image-block .marker .marker-icon{width:12px;height:12px;border-radius:50%;background-color:#22becd;position:relative;aspect-ratio:1/1}.applications-item .applications-image-block .marker .marker-icon:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;background-color:rgba(0,0,0,0);border-radius:50%;border:1px solid hsla(0,0%,100%,.587);-webkit-animation:circle-keys 1.5s ease-in-out infinite;animation:circle-keys 1.5s ease-in-out infinite;opacity:0}.applications-item .applications-image-block .marker .marker-text{padding:var(--Space05);background-color:hsla(0,0%,100%,.6);font-weight:600;width:150px;font-size:15px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;border-radius:.2em;-webkit-box-shadow:3px 3px 6px 0px rgba(0,0,0,.4784313725);box-shadow:3px 3px 6px 0px rgba(0,0,0,.4784313725);-webkit-box-sizing:content-box;box-sizing:content-box}.applications-item .applications-image-block .marker.edge{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.applications-item .applications-image-block .applications-image{width:100%;max-width:unset;height:auto;position:relative}@-webkit-keyframes circle-keys{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}30%{opacity:1}100%{-webkit-transform:scale(3);transform:scale(3);opacity:0}}@keyframes circle-keys{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}30%{opacity:1}100%{-webkit-transform:scale(3);transform:scale(3);opacity:0}}@media(min-width: 1200px)and (hover: hover)and (pointer: fine){.applications-image-block:hover::before{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.applications-image-block .marker .marker-text:hover{background-color:var(--ColorPrimary);color:#fff;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}}@media(max-width: 1920px){.applications-item .applications-image-block .marker .marker-text{font-size:14px;padding:5px}}@media(max-width: 1512px){.applications-item{max-width:1200px;margin-inline:auto;grid-template-columns:100%}.applications-item .applications-info-block{max-width:900px;margin-inline:auto}.applications-item .applications-subtitle,.applications-item .applications-title{text-align:center}.applications-item .applications-subtitle::before{display:none}.applications-item .applications-image-block .marker .marker-text{width:120px}}@media(max-width: 850px){.applications-item .applications-image-block .marker .marker-text{font-size:14px}.applications-nav .applications-nav-link{padding-left:0}}@media(max-width: 767px){.applications-item .applications-image-block .applications-image{width:110%;max-width:unset;left:50%;top:50%;-webkit-transform:var(--TransformCenter);transform:var(--TransformCenter)}.applications-item .applications-image-block .marker{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.applications-item .applications-image-block .marker .marker-text{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;display:none}.applications-item .applications-image-block .marker.active{z-index:200}.applications-item .applications-image-block .marker.active .marker-text{opacity:1;display:block;position:absolute;left:50%;top:-20px;-webkit-transform:var(--TransformCenter);transform:var(--TransformCenter);min-width:150px;z-index:300}.applications-nav{overflow-x:auto;overflow-y:hidden}.applications-nav .applications-nav-list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.applications-nav .applications-nav-link::before{width:6px;left:calc(-3px - var(--Space2)/2)}}