.md-featured-area.grid-fashion .style-container{display:flex;gap:20px;flex-wrap:wrap}.md-featured-area.grid-fashion .style-container .city-style{position:relative;display:block;width:calc((100% - 40px)/3);height:400px}.md-featured-area.grid-fashion .style-container .city-style:hover>.style-title{display:none}.md-featured-area.grid-fashion .style-container .city-style:hover .info,.md-featured-area.grid-fashion .style-container .city-style:hover .mask{display:block}.md-featured-area.grid-fashion .style-container .city-style .background{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.md-featured-area.grid-fashion .style-container .city-style .background .img-box{height:100%;width:100%}.md-featured-area.grid-fashion .style-container .city-style .background::after{content:'';position:absolute;display:block;left:0;bottom:0;width:100%;height:120px;background-image:linear-gradient(to bottom, rgba(8,17,38,0), rgba(8,17,38,0.7) 100%);opacity:0.82}.md-featured-area.grid-fashion .style-container .city-style .mask{display:none;position:absolute;width:100%;height:100%;background-color:#030a1a;opacity:0.8}.md-featured-area.grid-fashion .style-container .city-style .style-title{position:absolute;left:20px;right:20px;bottom:20px;font-family:var(--font-title);font-size:24px;font-weight:normal;line-height:1;letter-spacing:normal;color:#ffffff;text-shadow:0 1px 1px rgba(8,17,38,0.3)}.md-featured-area.grid-fashion .style-container .city-style .info{display:none;position:absolute;width:100%;height:100%;left:0;top:0}.md-featured-area.grid-fashion .style-container .city-style .info .style-title{position:static}.md-featured-area.grid-fashion .style-container .city-style .info .style-title.tag{margin-bottom:18px}.md-featured-area.grid-fashion .style-container .city-style .info .pc-content{position:absolute;left:20px;bottom:90px}.md-featured-area.grid-fashion .style-container .city-style .info .pc-content>p{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;font-size:14px;font-weight:600;line-height:1.57;letter-spacing:normal;color:#ffffff}.md-featured-area.grid-fashion .style-container .city-style .info .read-more{position:absolute;left:20px;bottom:20px;width:132px;height:32px;border:solid 2px #ffffff;text-transform:uppercase;line-height:28px;font-size:13px;font-weight:normal;letter-spacing:2px;text-align:center;color:#ffffff}@media (max-width: 1670px){.md-featured-area.grid-fashion .style-container .city-style .mask{width:100%}.md-featured-area.grid-fashion .style-container .city-style .info .pc-content{right:20px}}@media (max-width: 800px){.md-featured-area.grid-fashion .style-container .city-wrapper{width:50%}.md-featured-area.grid-fashion .style-container .city-wrapper .city-style{width:100%}}@media (max-width: 600px){.md-featured-area.grid-fashion{margin-left:0;margin-right:0}.md-featured-area.grid-fashion .style-container{margin:0}.md-featured-area.grid-fashion .style-container .city-wrapper{width:100%;padding:0;margin:0}.md-featured-area.grid-fashion .style-container .city-style{width:100%;height:auto;margin:0}.md-featured-area.grid-fashion .style-container .city-style:hover .mask{display:none}.md-featured-area.grid-fashion .style-container .city-style>.style-title{display:none}.md-featured-area.grid-fashion .style-container .city-style .background{position:relative;height:240px}.md-featured-area.grid-fashion .style-container .city-style .background::before{display:none}.md-featured-area.grid-fashion .style-container .city-style .info{display:block;position:static;background-color:#242a3d;height:auto;padding:20px 15px}.md-featured-area.grid-fashion .style-container .city-style .info .pc-content{position:static;margin-bottom:26px}.md-featured-area.grid-fashion .style-container .city-style .info .read-more{position:static}}