section.banner .desc,.related-series .desc,.product-card .desc{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:.5px}.sub-navbar{position:fixed;top:0;right:0;z-index:3;padding:50px 0;display:flex;flex-direction:column;justify-content:space-between;gap:50px;width:80px;width:calc(var(--side-space) + var(--1fr));height:100vh;background:#fff;transition:box-shadow .5s}.sub-navbar .space,.sub-navbar .button-group{height:120px}.sub-navbar .menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.sub-navbar .menu-button-box{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .menu-button-box .menu-text{max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .menu-button-box:hover .menu-text,.sub-navbar .menu-button-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .menu-button-box:hover .menu-button,.sub-navbar .menu-button-box.active .menu-button{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .menu-button-box:hover .menu-button .icon,.sub-navbar .menu-button-box.active .menu-button .icon{transform:rotate(0)}.sub-navbar .menu-button-box:hover .menu-button .icon span,.sub-navbar .menu-button-box.active .menu-button .icon span{background:#fff}.sub-navbar .menu-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:45px;height:45px;transition:border-color .5s ease,background .5s ease}.sub-navbar .menu-button .icon{display:flex;flex-direction:column;gap:5px;transform:rotate(-30deg);transition:transform .5s ease}.sub-navbar .menu-button .icon span{display:block;background:#181818;width:20px;height:3px;transition:background .5s ease}.sub-navbar .search-box,.sub-navbar .member-box,.sub-navbar .language-box{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .search-box .icon-box,.sub-navbar .member-box .icon-box,.sub-navbar .language-box .icon-box{width:20px;height:20px;font-size:1.25rem}.sub-navbar .search-box .menu-text,.sub-navbar .member-box .menu-text,.sub-navbar .language-box .menu-text{max-height:0;opacity:0;font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .search-box:hover .menu-text,.sub-navbar .search-box.active .menu-text,.sub-navbar .member-box:hover .menu-text,.sub-navbar .member-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .language-box{position:relative;width:100%}.sub-navbar .language-box .icon-box{transition:color .5s}.sub-navbar .button-group{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.sub-navbar[scroll-top=true] .tip-text{opacity:0;z-index:-1;pointer-events:none}.sub-navbar[scroll-top=true] .top-button{opacity:1;pointer-events:initial}.sub-navbar .tip-text{position:absolute;bottom:0;color:#18181880;transform:rotate(90deg) translate(-30%);cursor:pointer;transition:opacity .5s ease}.sub-navbar .top-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:40px;height:40px;cursor:pointer;opacity:0;pointer-events:none;transition:background .5s ease,border-color .5s ease,opacity .5s ease}.sub-navbar .top-button .icon-box{font-size:1.25rem;color:#00000080;transition:color .5s ease}.sub-navbar .top-button:hover{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .top-button:hover .icon-box{color:#fff}@media only screen and (max-width: 1200px){.sub-navbar{display:none}}.breadCrumbs{position:absolute;top:0;left:0;z-index:2;padding:30px var(--1fr);width:100%;overflow-x:scroll;scrollbar-color:transparent transparent;scrollbar-width:none;-ms-overflow-style:none}.breadCrumbs::-webkit-scrollbar{display:none}.breadCrumbs[data-theme=light] .item{color:#fff}.breadCrumbs[data-theme=light] .item:not(:first-child):before{opacity:.5}.breadCrumbs[data-theme=dark] .item{color:#181818}.breadCrumbs:has(~.common-banner[data-text-theme=light][data-type=base]) .item{color:#fff}.breadCrumbs:has(~.common-banner[data-text-theme=light][data-type=base]) .item:not(:first-child):before{opacity:.5}.breadCrumbs:has(~.common-banner[data-text-theme=dark][data-type=base]) .item{color:#181818}.breadCrumbs .items{display:flex;align-items:center;gap:15px}.breadCrumbs .item{flex-shrink:0;display:flex;align-items:center;gap:15px;max-width:300px;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.5px}.breadCrumbs .item:not(:first-child):before{opacity:.2;content:"/"}.breadCrumbs .item:last-child{font-weight:700}.breadCrumbs .item a,.breadCrumbs .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width: 1024px){.breadCrumbs{padding:30px var(--side-space)}}@media only screen and (max-width: 575px){.breadCrumbs{padding:15px 20px}}.social-share{padding:5px 25px 5px 5px;display:flex;align-items:center;gap:20px;background:#fff;border-radius:500px;width:max-content}.social-share[data-theme=white]{background:#fff}.social-share[data-theme=lightgray]{background:#f2f2f2}.social-share .share{display:flex;align-items:center;gap:10px}.social-share .share .icon-box{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;font-size:.8125rem;background:#0f4c8e;color:#fff}.social-share .share .text{font-size:.875rem;font-weight:800;line-height:1.3}.social-share .social-links{display:flex;align-items:center;gap:10px}.social-share .social-links .icon-box{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:1.25rem;color:#00000080;cursor:pointer;transition:color .5s}.social-share .social-links .icon-box:hover{color:#0f4c8e}.anchor-box{padding-top:12px;display:flex;align-items:center;gap:50px}.anchor-box[data-theme=white] .anchor-button{color:#fff}.anchor-box[data-theme=white] .anchor-button:after{background:#fff}.anchor-box[data-theme=mainBlue] .anchor-button{color:#181818}.anchor-box[data-theme=mainBlue] .anchor-button:after{background:#0f4c8e}.anchor-box[data-theme=mainBlue] .anchor-button.active{color:#0f4c8e}.anchor-box .anchor-button{display:flex;flex-direction:column;gap:10px;font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:.5px;color:#fff;cursor:pointer}.anchor-box .anchor-button:after{display:block;background:#fff;width:0;height:3px;transition:width .5s;content:""}.anchor-box .anchor-button.active:after{width:100%}@media only screen and (max-width: 1024px){.anchor-box{gap:30px}}.product-card{position:relative;display:flex;flex-direction:column;background:#fff;min-width:0}.product-card.member-only{cursor:pointer}.product-card.member-only .tag{display:flex}.product-card .tag{position:absolute;top:0;left:0;z-index:3;padding:8px 15px 10px;align-items:center;gap:8px;background:#f7f7f7;pointer-events:none;display:none}.product-card .tag .tag-text{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.product-card .tag .icon-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.125rem}.product-card .img-box{position:relative;aspect-ratio:493/250;overflow:hidden}.product-card .img-box img{width:100%;height:100%;object-fit:cover}.product-card .img-box .overlay{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#0009;width:100%;height:100%;opacity:0;transition:opacity .5s}.product-card .img-box .icon-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.6875rem;color:#fff}.product-card .img-box .icon-box .icon-plus{transition:transform .5s .2s}.product-card .content-box{padding:40px;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;transition:background .5s,color .5s}.product-card .content-box .icon-box{display:none}.product-card .title-box{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%}.product-card .title{max-width:100%;font-size:1.375rem;font-weight:500;line-height:1.5;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card .subtitle{max-width:100%;font-size:1rem;font-weight:700;line-height:1.8;letter-spacing:.5px;color:#0f4c8e;transition:color .5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card .gutter{background:#00a9cc;width:40px;height:4px}@media only screen and (min-width: 1201px){.product-card:hover .img-box .overlay{opacity:1}.product-card:hover .img-box .icon-box .icon-plus{transform:rotate(180deg)}.product-card:hover .content-box{background:#0f4c8e;color:#fff}.product-card:hover .subtitle{color:#fff}}@media only screen and (max-width: 1200px){.product-card .content-box{padding:20px}.product-card .content-box .icon-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.6875rem}}@media only screen and (max-width: 1024px){.product-card .title{font-size:1.25rem}}.related-series{padding:60px var(--1fr);display:flex;align-items:center;gap:calc(var(--1fr) * 2);background:#fff;cursor:pointer;transition:background .5s,color .5s}.related-series[data-aost].aost-show{transition:background .5s,color .5s,opacity var(--aost-trans, .8s),transform var(--aost-trans, .8s)}.related-series.locked .icon-box .icon-lock{display:block}.related-series:not(a) .icon-box .icon-plus{opacity:.2}.related-series .title-box{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:calc(var(--1fr) * 9)}.related-series .title{max-width:100%;font-size:1.375rem;font-weight:500;line-height:1.5;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-series .subtitle{max-width:100%;font-size:1rem;font-weight:500;line-height:1.8;letter-spacing:.5px;color:#0f4c8e;transition:color .5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-series .desc-box{flex-grow:1;display:flex;flex-direction:column;gap:20px}.related-series .desc-box:before{display:block;background:#00a9cc;width:40px;height:4px;content:""}.related-series .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.related-series .icon-box{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:.6875rem}.related-series .icon-box .icon-plus{transition:transform .5s}.related-series .icon-box .icon-lock{position:absolute;right:3px;bottom:3px;display:none;font-size:.5625rem}@media only screen and (min-width: 1201px){.related-series:hover{background:#0f4c8e;color:#fff}.related-series:hover .subtitle{color:#fff}.related-series:hover:is(a) .icon-box .icon-plus{transform:rotate(180deg)}}@media only screen and (max-width: 1200px){.related-series .title{font-size:1.25rem}}@media only screen and (max-width: 1024px){.related-series{padding:30px 20px;flex-direction:column;align-items:flex-start;gap:20px}.related-series .title-box{width:100%}}.breadCrumbs{position:initial;padding:0}.social-share{padding:5px 15px 5px 5px;gap:10px}.social-share .share .icon-box{background:#0058a3}.social-share .social-links .icon-box:hover{color:#0058a3}section.main{background:#f7f7f7}section.main>.container{padding-top:80px;padding-bottom:100px;grid-column:6/-6;display:flex;flex-direction:column;gap:80px}@media only screen and (max-width: 1200px){section.main>.container{grid-column:2/-2}}@media only screen and (max-width: 1024px){section.main>.container{padding-top:50px;padding-bottom:50px;gap:50px}}section.banner.aost-show .title,section.banner.aost-show .title-footer,section.banner.aost-show .gutter,section.banner.aost-show .desc{transform:translateY(0);opacity:1}section.banner.aost-show .title{transition-delay:.2s}section.banner.aost-show .title-footer{transition-delay:.4s}section.banner.aost-show .gutter{transition-delay:.6s}section.banner.aost-show .desc{transition-delay:.8s}section.banner .title,section.banner .title-footer,section.banner .gutter,section.banner .desc{transform:translateY(20px);opacity:0;transition:transform .5s,opacity .5s}section.banner .container{display:flex;flex-direction:column;align-items:flex-start;gap:40px}section.banner .title-box{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%}section.banner .title{font-size:3.75rem;font-weight:500;line-height:1.3}section.banner .title-footer{display:flex;align-items:center;gap:80px;width:100%}section.banner .subtitle{flex-grow:1;font-size:1.25rem;font-weight:700;line-height:1.6;letter-spacing:.5px;color:#0f4c8e}section.banner .action-box{flex-shrink:0;display:flex;align-items:center;gap:50px}section.banner .gutter{position:relative;background:#0003;width:100%;height:1px}section.banner .gutter:before{position:absolute;top:-2px;left:0;display:block;background:#00a9cc;width:200px;height:4px;content:""}@media only screen and (max-width: 1440px){section.banner .title{font-size:3.125rem}}@media only screen and (max-width: 1024px){section.banner .container{gap:30px}section.banner .title-footer{flex-direction:column;align-items:flex-start;gap:30px}section.banner .action-box{flex-direction:row-reverse}section.banner .title{font-size:2.375rem}}@media only screen and (max-width: 575px){section.banner .action-box{flex-direction:column-reverse;align-items:flex-start;gap:30px}}section.products .container{padding-top:100px;padding-bottom:120px;grid-column:6/-6;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}section.products .container.series{display:flex;flex-direction:column}section.products .product-card{background:#f7f7f7}section.products .related-series{background:#f7f7f7}@media only screen and (min-width: 1201px){section.products .related-series:hover{background:#0f4c8e}}@media only screen and (max-width: 1200px){section.products .container{grid-column:2/-2}}@media only screen and (max-width: 1024px){section.products .container{padding-top:50px;padding-bottom:80px}}@media only screen and (max-width: 900px){section.products .container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 575px){section.products .container{grid-template-columns:repeat(1,1fr)}}