
/*! #photo start */
/* #region */
.md28798.photo .hidden{display:none}
.md28798.photo .overflow-hidden{overflow:hidden}
.md28798.photo .overflow-visible{overflow:visible}
.md28798.photo .absolute{position:absolute}
.md28798.photo .relative{position:relative}
.md28798.photo .inset-0{inset:0}
.md28798.photo .top-0{top:0}
.md28798.photo .right-0{right:0}
.md28798.photo .bottom-0{bottom:0}
.md28798.photo .left-0{left:0}
.md28798.photo .top-full{top:100%}
.md28798.photo .right-full{right:100%}
.md28798.photo .bottom-full{bottom:100%}
.md28798.photo .left-full{left:100%}
.md28798.photo .z-0{z-index:0}
.md28798.photo .z-10{z-index:10}
.md28798.photo .mx-auto{margin-left:auto;margin-right:auto}
.md28798.photo .mt-auto{margin-top:auto}
.md28798.photo .ml-auto{margin-left:auto}
.md28798.photo .mr-10{margin-right:.1rem}
.md28798.photo .ml-10{margin-left:.1rem}
.md28798.photo .w-full{width:100%}
.md28798.photo .w-auto{width:auto}
.md28798.photo .w-screen{width:100vw}
.md28798.photo .h-full{height:100%}
.md28798.photo .h-auto{height:auto}
.md28798.photo .h-screen{height:100vh}
.md28798.photo .max-w-full{max-width:100%}
.md28798.photo .leading-none{line-height:1}
.md28798.photo .whitespace-nowrap{white-space:nowrap}
.md28798.photo .bg-theme{background-color:rgb(var(--theme))}
.md28798.photo .rounded-full{border-radius:9999px}
.md28798.photo .cursor-pointer{cursor:pointer}
.md28798.photo .object-cover{object-fit:cover}
.md28798.photo .object-contain{object-fit:contain}
.md28798.photo .pointer-events-none{pointer-events:none}
.md28798.photo .pointer-events-auto{pointer-events:auto}
.md28798.photo .brightness-20{filter:brightness(20)}
.md28798.photo .invert{filter:invert(1)}
.md28798.photo .text-theme{color:rgb(var(--theme))}
.md28798.photo .mt-60{margin-top:.6rem}
.md28798.photo .size-full{width:100%;height:100%}
.md28798.photo .text-theme{color:var(--theme)}
.md28798.photo .flex-center{display:flex;align-items:center;justify-content:center}
.md28798.photo .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md28798.photo .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md28798.photo .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md28798.photo .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md28798.photo .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md28798.photo .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md28798.photo .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md28798.photo .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md28798.photo .rounded-10{border-radius:.1rem}
.md28798.photo .rounded-15{border-radius:.15rem}
.md28798.photo .rounded-20{border-radius:.2rem}
.md28798.photo button,.md28798.photo input,.md28798.photo textarea{border:none;outline:none;padding:0;background-color:transparent}
.md28798.photo .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}
.md28798.photo .icon img,.md28798.photo .icon svg{width:100%;height:100%;object-fit:contain;transition:.3s}
.md28798.photo .icon img:nth-child(2),.md28798.photo .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md28798.photo .hover-icon:hover.icon img:first-child,.md28798.photo .hover-icon:hover .icon img:first-child,.md28798.photo .active-icon.icon img:first-child,.md28798.photo .active-icon .icon img:first-child{opacity:0}
.md28798.photo .hover-icon:hover.icon img:last-child,.md28798.photo .hover-icon:hover .icon img:last-child,.md28798.photo .active-icon.icon img:last-child,.md28798.photo .active-icon .icon img:last-child{opacity:1}
.md28798.photo.wrap,.md28798.photo .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md28798.photo .area{margin:0 auto;width:14rem;max-width:100%}
.md28798.photo img{opacity:0}
.md28798.photo img[src]{opacity:1}
.md28798.photo{color:#111;overflow:hidden;padding-top:.8rem;padding-bottom:.8rem}
.md28798.photo .title{line-height:1.2941176471}
.md28798.photo .info{width:7.2rem;line-height:2}
.md28798.photo .photo-item{width:100%}
.md28798.photo .photo-item{position:relative;flex-shrink:0}
.md28798.photo .photo-item:before{content:"";display:block;padding-top:50%}
.md28798.photo .photo-item>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md28798.photo .photo-item{margin-top:.6rem}
.md28798.photo .swp-turner{display:flex;align-items:center;justify-content:space-between;padding:.3rem;pointer-events:none}
.md28798.photo .swp-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:transparent;border:1px solid #eee;cursor:pointer;pointer-events:auto;transition:.3s}
.md28798.photo .swp-btn:hover{background-color:var(--theme)}
.md28798.photo .swp-btn:hover .icon{color:#fff}
@media(max-width:750px){
	.md28798.photo .info{width:100%;margin-top:.3rem}
}
/* #endregion */
/*! #photo end */



/*! #card start */
/* #region */
.md28798.card .hidden{display:none}
.md28798.card .overflow-hidden{overflow:hidden}
.md28798.card .overflow-visible{overflow:visible}
.md28798.card .absolute{position:absolute}
.md28798.card .relative{position:relative}
.md28798.card .inset-0{inset:0}
.md28798.card .top-0{top:0}
.md28798.card .right-0{right:0}
.md28798.card .bottom-0{bottom:0}
.md28798.card .left-0{left:0}
.md28798.card .top-full{top:100%}
.md28798.card .right-full{right:100%}
.md28798.card .bottom-full{bottom:100%}
.md28798.card .left-full{left:100%}
.md28798.card .z-0{z-index:0}
.md28798.card .z-10{z-index:10}
.md28798.card .mx-auto{margin-left:auto;margin-right:auto}
.md28798.card .mt-auto{margin-top:auto}
.md28798.card .ml-auto{margin-left:auto}
.md28798.card .mr-10{margin-right:.1rem}
.md28798.card .ml-10{margin-left:.1rem}
.md28798.card .w-full{width:100%}
.md28798.card .w-auto{width:auto}
.md28798.card .w-screen{width:100vw}
.md28798.card .h-full{height:100%}
.md28798.card .h-auto{height:auto}
.md28798.card .h-screen{height:100vh}
.md28798.card .max-w-full{max-width:100%}
.md28798.card .leading-none{line-height:1}
.md28798.card .whitespace-nowrap{white-space:nowrap}
.md28798.card .bg-theme{background-color:rgb(var(--theme))}
.md28798.card .rounded-full{border-radius:9999px}
.md28798.card .cursor-pointer{cursor:pointer}
.md28798.card .object-cover{object-fit:cover}
.md28798.card .object-contain{object-fit:contain}
.md28798.card .pointer-events-none{pointer-events:none}
.md28798.card .pointer-events-auto{pointer-events:auto}
.md28798.card .brightness-20{filter:brightness(20)}
.md28798.card .invert{filter:invert(1)}
.md28798.card .text-theme{color:rgb(var(--theme))}
.md28798.card .mt-60{margin-top:.6rem}
.md28798.card .size-full{width:100%;height:100%}
.md28798.card .text-theme{color:var(--theme)}
.md28798.card .flex-center{display:flex;align-items:center;justify-content:center}
.md28798.card .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md28798.card .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md28798.card .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md28798.card .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md28798.card .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md28798.card .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md28798.card .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md28798.card .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md28798.card .rounded-10{border-radius:.1rem}
.md28798.card .rounded-15{border-radius:.15rem}
.md28798.card .rounded-20{border-radius:.2rem}
.md28798.card button,.md28798.card input,.md28798.card textarea{border:none;outline:none;padding:0;background-color:transparent}
.md28798.card .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}
.md28798.card .icon img,.md28798.card .icon svg{width:100%;height:100%;object-fit:contain;transition:.3s}
.md28798.card .icon img:nth-child(2),.md28798.card .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md28798.card .hover-icon:hover.icon img:first-child,.md28798.card .hover-icon:hover .icon img:first-child,.md28798.card .active-icon.icon img:first-child,.md28798.card .active-icon .icon img:first-child{opacity:0}
.md28798.card .hover-icon:hover.icon img:last-child,.md28798.card .hover-icon:hover .icon img:last-child,.md28798.card .active-icon.icon img:last-child,.md28798.card .active-icon .icon img:last-child{opacity:1}
.md28798.card.wrap,.md28798.card .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md28798.card .area{margin:0 auto;width:14rem;max-width:100%}
.md28798.card img{opacity:0}
.md28798.card img[src]{opacity:1}
.md28798.card{color:#111;overflow:hidden;position:relative;padding-top:1rem;padding-bottom:1rem;color:#fff}
.md28798.card .title{line-height:1.2941176471}
.md28798.card .card{min-height:4.35rem;border:1px solid rgba(255,255,255,.25);border-left:3px solid #fff;width:50%;padding:.6rem;background-color:#0000000d}
.md28798.card .card:has(.infos) {display:flex;align-items:center;}
.md28798.card .card * { max-width: 100%; text-wrap: wrap!important; }
.md28798.card .infos{line-height:2}
.md28798.card .infos li{display:flex;align-items:flex-start}
.md28798.card .infos li:nth-child(n+2){margin-top:.3rem}
.md28798.card .infos li:before{content:"";display:block;flex-shrink:0;width:7px;height:7px;margin-right:.1rem;margin-top:1em;transform:translateY(-50%);border-radius:50%;background-color:#fff}
@media(max-width:750px){
	.md28798.card .card-main{flex-direction:column}
.md28798.card .card{width:100%;margin-top:.6rem}
}
/* #endregion */
/*! #card end */


/*! #case2 start */
/* #region */
.md28798.case2 .hidden{display:none}
.md28798.case2 .overflow-hidden{overflow:hidden}
.md28798.case2 .overflow-visible{overflow:visible}
.md28798.case2 .absolute{position:absolute}
.md28798.case2 .relative{position:relative}
.md28798.case2 .inset-0{inset:0}
.md28798.case2 .top-0{top:0}
.md28798.case2 .right-0{right:0}
.md28798.case2 .bottom-0{bottom:0}
.md28798.case2 .left-0{left:0}
.md28798.case2 .top-full{top:100%}
.md28798.case2 .right-full{right:100%}
.md28798.case2 .bottom-full{bottom:100%}
.md28798.case2 .left-full{left:100%}
.md28798.case2 .z-0{z-index:0}
.md28798.case2 .z-10{z-index:10}
.md28798.case2 .mx-auto{margin-left:auto;margin-right:auto}
.md28798.case2 .mt-auto{margin-top:auto}
.md28798.case2 .ml-auto{margin-left:auto}
.md28798.case2 .mr-10{margin-right:.1rem}
.md28798.case2 .ml-10{margin-left:.1rem}
.md28798.case2 .w-full{width:100%}
.md28798.case2 .w-auto{width:auto}
.md28798.case2 .w-screen{width:100vw}
.md28798.case2 .h-full{height:100%}
.md28798.case2 .h-auto{height:auto}
.md28798.case2 .h-screen{height:100vh}
.md28798.case2 .max-w-full{max-width:100%}
.md28798.case2 .leading-none{line-height:1}
.md28798.case2 .whitespace-nowrap{white-space:nowrap}
.md28798.case2 .bg-theme{background-color:rgb(var(--theme))}
.md28798.case2 .rounded-full{border-radius:9999px}
.md28798.case2 .cursor-pointer{cursor:pointer}
.md28798.case2 .object-cover{object-fit:cover}
.md28798.case2 .object-contain{object-fit:contain}
.md28798.case2 .pointer-events-none{pointer-events:none}
.md28798.case2 .pointer-events-auto{pointer-events:auto}
.md28798.case2 .brightness-20{filter:brightness(20)}
.md28798.case2 .invert{filter:invert(1)}
.md28798.case2 .text-theme{color:rgb(var(--theme))}
.md28798.case2 .mt-60{margin-top:.6rem}
.md28798.case2 .size-full{width:100%;height:100%}
.md28798.case2 .text-theme{color:var(--theme)}
.md28798.case2 .flex-center{display:flex;align-items:center;justify-content:center}
.md28798.case2 .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md28798.case2 .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md28798.case2 .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md28798.case2 .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md28798.case2 .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md28798.case2 .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md28798.case2 .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md28798.case2 .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md28798.case2 .rounded-10{border-radius:.1rem}
.md28798.case2 .rounded-15{border-radius:.15rem}
.md28798.case2 .rounded-20{border-radius:.2rem}
.md28798.case2 button,.md28798.case2 input,.md28798.case2 textarea{border:none;outline:none;padding:0;background-color:transparent}
.md28798.case2 .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}
.md28798.case2 .icon img,.md28798.case2 .icon svg{width:100%;height:100%;object-fit:contain;transition:.3s}
.md28798.case2 .icon img:nth-child(2),.md28798.case2 .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md28798.case2 .hover-icon:hover.icon img:first-child,.md28798.case2 .hover-icon:hover .icon img:first-child,.md28798.case2 .active-icon.icon img:first-child,.md28798.case2 .active-icon .icon img:first-child{opacity:0}
.md28798.case2 .hover-icon:hover.icon img:last-child,.md28798.case2 .hover-icon:hover .icon img:last-child,.md28798.case2 .active-icon.icon img:last-child,.md28798.case2 .active-icon .icon img:last-child{opacity:1}
.md28798.case2.wrap,.md28798.case2 .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md28798.case2 .area{margin:0 auto;width:14rem;max-width:100%}
.md28798.case2 img{opacity:0}
.md28798.case2 img[src]{opacity:1}
.md28798.case2{color:#111;overflow:hidden;padding-top:.8rem;padding-bottom:1rem;background-color:#f5f7fa}
.md28798.case2 .md-title{line-height:1.2941176471}
.md28798.case2 .case2-main{margin-top:.5rem}
.md28798.case2 .item{width:calc((100% - .6rem)/4 - .01rem)}
.md28798.case2 .item:nth-child(n+2){margin-left:.2rem}
.md28798.case2 .item:nth-child(4n+1){margin-left:0}
.md28798.case2 .item:nth-child(n+5){margin-top:.2rem}
.md28798.case2 .item{background-color:#fff}
.md28798.case2 .item:hover .fill{transform:scale(1.05)}
.md28798.case2 .item:hover .title{color:var(--theme)}
.md28798.case2 .pic{position:relative;flex-shrink:0}
.md28798.case2 .pic:before{content:"";display:block;padding-top:85.3731343284%}
.md28798.case2 .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md28798.case2 .pic{overflow:hidden}
.md28798.case2 .content{display:flex;flex-direction:column;align-items:center;padding:.1rem 4% .5rem}
.md28798.case2 .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;max-width:100%;max-height:3.2em;-webkit-line-clamp:2;line-height:1.6;margin-bottom:.19rem;height:3.2em}
.md28798.case2 .after-icon{margin-left:.15rem}
.md28798.case2 .learn-more{display:flex;align-items:center;margin-top:auto}
@media(max-width:750px){
	.md28798.case2 .item{width:calc((100% - .2rem)/2 - .01rem)}
.md28798.case2 .item:nth-child(n+2){margin-left:.2rem}
.md28798.case2 .item:nth-child(odd){margin-left:0}
.md28798.case2 .item:nth-child(n+3){margin-top:.2rem}
}
/* #endregion */
/*! #case2 end */
