/*! #catalog start */
.md25698.catalog .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md25698.catalog .icon.reverse-x{transform:rotateY(180deg)}
.md25698.catalog .icon.reverse-y{transform:rotateX(180deg)}
.md25698.catalog .icon.white{filter:grayscale(1) brightness(15)}
.md25698.catalog .icon.black{filter:grayscale(1) brightness(0)}
.md25698.catalog .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md25698.catalog .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md25698.catalog .icon img:nth-child(2),.md25698.catalog .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md25698.catalog .hover-icon:hover.icon img:first-child,.md25698.catalog .hover-icon:hover.icon svg:first-child,.md25698.catalog .hover-icon:hover .icon img:first-child,.md25698.catalog .hover-icon:hover .icon svg:first-child,.md25698.catalog .active-icon.icon img:first-child,.md25698.catalog .active-icon.icon svg:first-child,.md25698.catalog .active-icon .icon img:first-child,.md25698.catalog .active-icon .icon svg:first-child{opacity:0}
.md25698.catalog .hover-icon:hover.icon img:last-child,.md25698.catalog .hover-icon:hover.icon svg:last-child,.md25698.catalog .hover-icon:hover .icon img:last-child,.md25698.catalog .hover-icon:hover .icon svg:last-child,.md25698.catalog .active-icon.icon img:last-child,.md25698.catalog .active-icon.icon svg:last-child,.md25698.catalog .active-icon .icon img:last-child,.md25698.catalog .active-icon .icon svg:last-child{opacity:1}
.md25698.catalog .cn-wh,.md25698.catalog .cn-w,.md25698.catalog .cv-wh,.md25698.catalog .cv-w{display:block;width:100%}
.md25698.catalog .cn-wh,.md25698.catalog .cn-h,.md25698.catalog .cv-wh,.md25698.catalog .cv-h{display:block;height:100%}
.md25698.catalog .cn-wh,.md25698.catalog .cn-w,.md25698.catalog .cn-h{object-fit:contain}
.md25698.catalog .cv-wh,.md25698.catalog .cv-w,.md25698.catalog .cv-h{object-fit:cover}
.md25698.catalog .pic-box,.md25698.catalog .pic-box img{max-width:100%;max-height:100%}
.md25698.catalog.wrap,.md25698.catalog .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md25698.catalog .area{margin:0 auto;width:16rem;max-width:100%}
.md25698.catalog button,.md25698.catalog input,.md25698.catalog textarea{border:none;outline:none;padding:0;background-color:transparent}
.md25698.catalog button{cursor:pointer}
.md25698.catalog .bold{font-weight:700}
.md25698.catalog .color-t{color:rgba(var(--theme),1)}
.md25698.catalog .z2{position:relative;z-index:2}
.md25698.catalog .text-center{text-align:center}
.md25698.catalog .text-left{text-align:left}
.md25698.catalog .text-right{text-align:right}
.md25698.catalog .flex{display:flex}
.md25698.catalog .items-start{align-items:flex-start}
.md25698.catalog .items-center{align-items:center}
.md25698.catalog .items-end{align-items:flex-end}
.md25698.catalog .justify-start{justify-content:flex-start}
.md25698.catalog .justify-center{justify-content:center}
.md25698.catalog .justify-end{justify-content:flex-end}
.md25698.catalog{color:#222;overflow:hidden}
.md25698.catalog .paging{display:flex;justify-content:center;margin-top:.8rem;height:2em}
.md25698.catalog .paging-btn{display:flex;align-items:center;justify-content:center;margin:0 .1rem;aspect-ratio:1;border-radius:50%;color:#333;cursor:pointer;transition:.3s}
.md25698.catalog .paging-btn.prev,.md25698.catalog .paging-btn.next{color:rgba(var(--theme),1)}
.md25698.catalog .paging-btn.disabled{color:#ccc;cursor:no-drop}
.md25698.catalog .paging-btn.disabled:hover{color:#ccc;background-color:transparent}
.md25698.catalog .paging-btn:hover,.md25698.catalog .paging-btn.active{color:#fff;background-color:rgba(var(--theme),1)}
.md25698.catalog{padding-top:1.2rem;padding-bottom:1.2rem}
.md25698.catalog .video-dialog.dialog{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#0008;opacity:0;pointer-events:none;transform:translateY(100%);z-index:60}
.md25698.catalog .video-dialog.dialog.dialog-show{opacity:1;pointer-events:auto;transform:translateY(0)}
.md25698.catalog .video-dialog.dialog.dialog-show .dialog-inner{animation:dialog-show .5s forwards}
@keyframes dialog-show{0%{transform:scale(0) translateY(100%)}
30%{transform:scale(.001) translateY(0)}
60%{transform:scaleX(.001) translateY(0)}
to{transform:scale(1) translateY(0)}
}
.md25698.catalog .video-dialog .dialog-inner{position:relative;transition:.5s}
.md25698.catalog .video-dialog .dialog-main{margin:0 auto;border-radius:.08rem;background-color:#fff}
.md25698.catalog .video-dialog .dialog-close .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.md25698.catalog .video-dialog .dialog-close .cross:before,.md25698.catalog .video-dialog .dialog-close .cross:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:3px;transform:translate(-50%,-50%);background-color:#fff;transition:.5s}
.md25698.catalog .video-dialog .dialog-close .cross:before{transform:translate(-50%,-50%) rotate(90deg)}
.md25698.catalog .video-dialog .dialog-close .cross:after{transform:translate(-50%,-50%) rotate(180deg)}
.md25698.catalog .video-dialog .dialog-close{position:absolute;top:.1rem;right:.1rem;width:1em;height:1em;color:#666;background-size:100%;transition:.3s;cursor:pointer;z-index:10}
.md25698.catalog .video-dialog .dialog-close .cross{transform:rotate(45deg);transition:.3s}
.md25698.catalog .video-dialog .dialog-close .cross:before,.md25698.catalog .video-dialog .dialog-close .cross:after{border-radius:2px;background-color:#8a8a8a}
.md25698.catalog .video-dialog .dialog-close:hover{transform:scale(1.1)}
.md25698.catalog .video-dialog .dialog-close:hover .cross{transform:rotate(135deg)}
.md25698.catalog .video-dialog .dialog-main{height:90vmin;aspect-ratio:1920/1080}
.md25698.catalog .video-dialog .dialog-main{position:relative;overflow:hidden}
.md25698.catalog .video-dialog .vdo-player{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.md25698.catalog .catalog-list{display:flex;flex-wrap:wrap}
.md25698.catalog .catalog-item{display:block}
.md25698.catalog .catalog-item{width:calc((100% - .8rem) / 3)}
.md25698.catalog .catalog-item:nth-child(n+2){margin-left:.4rem}
.md25698.catalog .catalog-item:nth-child(3n+1){margin-left:0}
.md25698.catalog .catalog-item:nth-child(n+4){margin-top:.4rem}
.md25698.catalog .catalog-item{cursor:pointer}
.md25698.catalog .catalog-item:hover .fill{transform:scale(1.05)}
.md25698.catalog .catalog-item:hover .corner-icon{background-color:rgba(var(--theme),1);color:#fff}
.md25698.catalog .catalog-pic{position:relative;flex-shrink:0}
.md25698.catalog .catalog-pic:before{content:"";display:block;padding-top:56.4102564103%}
.md25698.catalog .catalog-pic .fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md25698.catalog .catalog-pic{overflow:hidden}
.md25698.catalog .catalog-name{line-height:1.5555555556;margin-top:.25rem;color:#444;text-align:center}
.md25698.catalog .corner{position:absolute;bottom:0;right:0;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:.25rem;padding-left:.25rem;background-position:bottom right;background-size:contain;background-repeat:no-repeat;z-index:5}
.md25698.catalog .corner-icon{color:#fff;transform-origin:right bottom;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:#dfe8f1;color:rgba(var(--theme),1);transition:.3s}
@media(max-width:750px){
    .md25698.catalog{padding-top:30px;padding-bottom:30px}
    .md25698.catalog .paging{margin-top:.3rem}
	.md25698.catalog .catalog-item{width:calc((100% - .4rem)/2)}
    .md25698.catalog .catalog-item:nth-child(n+2){margin-left:.4rem}
    .md25698.catalog .catalog-item:nth-child(odd){margin-left:0}
    .md25698.catalog .catalog-item:nth-child(n+3){margin-top:.4rem}
}
@media(max-width:500px){
	.md25698.catalog .catalog-item{width:calc((100% + -0rem)*1)}
    .md25698.catalog .catalog-item:nth-child(n+2){margin-left:.4rem}
    .md25698.catalog .catalog-item:nth-child(n+1){margin-left:0}
    .md25698.catalog .catalog-item:nth-child(n+2){margin-top:.4rem}
}
/*! #catalog end */