/*! #about start */
/* #region */
.md28806.about .hidden{display:none}
.md28806.about .overflow-hidden{overflow:hidden}
.md28806.about .overflow-visible{overflow:visible}
.md28806.about .absolute{position:absolute}
.md28806.about .relative{position:relative}
.md28806.about .inset-0{inset:0}
.md28806.about .top-0{top:0}
.md28806.about .right-0{right:0}
.md28806.about .bottom-0{bottom:0}
.md28806.about .left-0{left:0}
.md28806.about .top-full{top:100%}
.md28806.about .right-full{right:100%}
.md28806.about .bottom-full{bottom:100%}
.md28806.about .left-full{left:100%}
.md28806.about .z-0{z-index:0}
.md28806.about .z-10{z-index:10}
.md28806.about .mx-auto{margin-left:auto;margin-right:auto}
.md28806.about .mt-auto{margin-top:auto}
.md28806.about .ml-auto{margin-left:auto}
.md28806.about .mr-10{margin-right:.1rem}
.md28806.about .ml-10{margin-left:.1rem}
.md28806.about .w-full{width:100%}
.md28806.about .w-auto{width:auto}
.md28806.about .w-screen{width:100vw}
.md28806.about .h-full{height:100%}
.md28806.about .h-auto{height:auto}
.md28806.about .h-screen{height:100vh}
.md28806.about .max-w-full{max-width:100%}
.md28806.about .leading-none{line-height:1}
.md28806.about .whitespace-nowrap{white-space:nowrap}
.md28806.about .bg-theme{background-color:rgb(var(--theme))}
.md28806.about .rounded-full{border-radius:9999px}
.md28806.about .cursor-pointer{cursor:pointer}
.md28806.about .object-cover{object-fit:cover}
.md28806.about .object-contain{object-fit:contain}
.md28806.about .pointer-events-none{pointer-events:none}
.md28806.about .pointer-events-auto{pointer-events:auto}
.md28806.about .brightness-20{filter:brightness(20)}
.md28806.about .invert{filter:invert(1)}
.md28806.about .text-theme{color:rgb(var(--theme))}
.md28806.about .mt-60{margin-top:.6rem}
.md28806.about .size-full{width:100%;height:100%}
.md28806.about .text-theme{color:var(--theme)}
.md28806.about .flex-center{display:flex;align-items:center;justify-content:center}
.md28806.about .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md28806.about .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md28806.about .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md28806.about .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md28806.about .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md28806.about .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md28806.about .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md28806.about .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md28806.about .rounded-10{border-radius:.1rem}
.md28806.about .rounded-15{border-radius:.15rem}
.md28806.about .rounded-20{border-radius:.2rem}
.md28806.about button,.md28806.about input,.md28806.about textarea{border:none;outline:none;padding:0;background-color:transparent}
.md28806.about .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}
.md28806.about .icon img,.md28806.about .icon svg{width:100%;height:100%;object-fit:contain;transition:.3s}
.md28806.about .icon img:nth-child(2),.md28806.about .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md28806.about .hover-icon:hover.icon img:first-child,.md28806.about .hover-icon:hover .icon img:first-child,.md28806.about .active-icon.icon img:first-child,.md28806.about .active-icon .icon img:first-child{opacity:0}
.md28806.about .hover-icon:hover.icon img:last-child,.md28806.about .hover-icon:hover .icon img:last-child,.md28806.about .active-icon.icon img:last-child,.md28806.about .active-icon .icon img:last-child{opacity:1}
.md28806.about.wrap,.md28806.about .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md28806.about .area{margin:0 auto;width:14rem;max-width:100%}
.md28806.about img{opacity:0}
.md28806.about img[src]{opacity:1}
.md28806.about{color:#111;overflow:hidden;position:relative;padding-top:.8rem;padding-bottom:.9rem}
.md28806.about .bg{bottom:0;left:0;right:0}
.md28806.about .name{line-height:1.625;margin-top:.1rem}
.md28806.about .title{line-height:1.2941176471;margin-bottom:.18rem}
.md28806.about .subtitle{line-height:1.2222222222;margin-top:.4rem}
.md28806.about .line{width:.3rem;height:3px;background-color:var(--theme)}
.md28806.about .info{line-height:2;margin-bottom:.5rem}
.md28806.about .pic{position:relative;flex-shrink:0}
.md28806.about .pic:before{content:"";display:block;padding-top:75.652173913%}
.md28806.about .pic>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
@media(max-width:750px){
	.md28806.about .about-main{flex-direction:column}
.md28806.about .right{margin-top:.6rem}
}
/* #endregion */
/*! #about end */



.md28806.base .hidden{display:none}
.md28806.base .overflow-hidden{overflow:hidden}
.md28806.base .overflow-visible{overflow:visible}
.md28806.base .absolute{position:absolute}
.md28806.base .relative{position:relative}
.md28806.base .inset-0{inset:0}
.md28806.base .top-0{top:0}
.md28806.base .right-0{right:0}
.md28806.base .bottom-0{bottom:0}
.md28806.base .left-0{left:0}
.md28806.base .top-full{top:100%}
.md28806.base .right-full{right:100%}
.md28806.base .bottom-full{bottom:100%}
.md28806.base .left-full{left:100%}
.md28806.base .z-0{z-index:0}
.md28806.base .z-10{z-index:10}
.md28806.base .mx-auto{margin-left:auto;margin-right:auto}
.md28806.base .mt-auto{margin-top:auto}
.md28806.base .ml-auto{margin-left:auto}
.md28806.base .mr-10{margin-right:.1rem}
.md28806.base .ml-10{margin-left:.1rem}
.md28806.base .w-full{width:100%}
.md28806.base .w-auto{width:auto}
.md28806.base .w-screen{width:100vw}
.md28806.base .h-full{height:100%}
.md28806.base .h-auto{height:auto}
.md28806.base .h-screen{height:100vh}
.md28806.base .max-w-full{max-width:100%}
.md28806.base .leading-none{line-height:1}
.md28806.base .whitespace-nowrap{white-space:nowrap}
.md28806.base .bg-theme{background-color:rgb(var(--theme))}
.md28806.base .rounded-full{border-radius:9999px}
.md28806.base .cursor-pointer{cursor:pointer}
.md28806.base .object-cover{object-fit:cover}
.md28806.base .object-contain{object-fit:contain}
.md28806.base .pointer-events-none{pointer-events:none}
.md28806.base .pointer-events-auto{pointer-events:auto}
.md28806.base .brightness-20{filter:brightness(20)}
.md28806.base .invert{filter:invert(1)}
.md28806.base .text-theme{color:rgb(var(--theme))}
.md28806.base .mt-60{margin-top:.6rem}
.md28806.base .size-full{width:100%;height:100%}
.md28806.base .text-theme{color:var(--theme)}
.md28806.base .flex-center{display:flex;align-items:center;justify-content:center}
.md28806.base .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md28806.base .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md28806.base .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md28806.base .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md28806.base .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md28806.base .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md28806.base .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md28806.base .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md28806.base .rounded-10{border-radius:.1rem}
.md28806.base .rounded-15{border-radius:.15rem}
.md28806.base .rounded-20{border-radius:.2rem}
.md28806.base button,.md28806.base input,.md28806.base textarea{border:none;outline:none;padding:0;background-color:transparent}
.md28806.base .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}
.md28806.base .icon img,.md28806.base .icon svg{width:100%;height:100%;object-fit:contain;transition:.3s}
.md28806.base .icon img:nth-child(2),.md28806.base .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md28806.base .hover-icon:hover.icon img:first-child,.md28806.base .hover-icon:hover .icon img:first-child,.md28806.base .active-icon.icon img:first-child,.md28806.base .active-icon .icon img:first-child{opacity:0}
.md28806.base .hover-icon:hover.icon img:last-child,.md28806.base .hover-icon:hover .icon img:last-child,.md28806.base .active-icon.icon img:last-child,.md28806.base .active-icon .icon img:last-child{opacity:1}
.md28806.base.wrap,.md28806.base .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md28806.base .area{margin:0 auto;width:14rem;max-width:100%}
.md28806.base img{opacity:0}
.md28806.base img[src]{opacity:1}
.md28806.base{color:#111;overflow:hidden;position:relative;padding-top:.9rem;padding-bottom:.9rem;color:#fff}
.md28806.base .md-title{line-height:1.2941176471}
.md28806.base .base-main{margin-top:.5rem}
.md28806.base .base-item{position:relative;flex-shrink:0}
.md28806.base .base-item:before{content:"";display:block;padding-top:62.472406181%}
.md28806.base .base-item>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md28806.base .base-item{border:2px solid #fff}
.md28806.base .swp-opt{display:flex;align-items:center;margin-top:.4rem}
.md28806.base .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 #fff;pointer-events:auto;cursor:pointer;transition:.3s}
.md28806.base .swp-btn:hover{border-color:var(--theme);background-color:var(--theme)}
.md28806.base .swp-next{margin-left:.1rem}
.md28806.base .progress{--p: 0;width:3.3rem;height:.02rem;min-height:2px;background-color:#ffffff80;margin-left:.2rem}
.md28806.base .progress:after{content:"";display:block;height:100%;width:100%;transform:scaleX(var(--p));background-color:#fff;transform-origin:left center;transition:.3s}
.md28806.base .name{line-height:1.625;margin-top:.1rem}