.md-featured-area.layout3 .featured-area-container{overflow:hidden}.md-featured-area.layout3 .featured-area-container .featured-area-title{margin:0 auto 40px}@media (max-width: 800px){.md-featured-area.layout3 .featured-area-container .featured-area-title{padding-right:15px;margin-bottom:20px}}.md-featured-area.layout3 .featured-area-container .area-container{display:flex;position:relative;transition:left 0.3s;width:100%}.md-featured-area.layout3 .featured-area-container .area-container.center{justify-content:center}.md-featured-area.layout3 .featured-area-container .area-container .city-style{background:no-repeat 50%;background-size:cover;height:290px;color:#fff;position:relative;cursor:pointer;overflow:hidden;flex-shrink:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0)}.md-featured-area.layout3 .featured-area-container .area-container .city-style:nth-child(odd){width:500px;border-radius:160px}.md-featured-area.layout3 .featured-area-container .area-container .city-style:nth-child(odd) .bg-img,.md-featured-area.layout3 .featured-area-container .area-container .city-style:nth-child(odd) .mask{border-radius:160px}.md-featured-area.layout3 .featured-area-container .area-container .city-style:nth-child(even){width:390px}.md-featured-area.layout3 .featured-area-container .area-container .city-style .bg-img{position:absolute;left:0;right:0;bottom:0;top:-1px;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;will-change:transform}.md-featured-area.layout3 .featured-area-container .area-container .city-style .default-wrap{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center;background:rgba(218,218,218,0.2)}.md-featured-area.layout3 .featured-area-container .area-container .city-style .default-wrap img{width:64px;height:56px;object-fit:contain;opacity:0.3}@media (max-width: 600px){.md-featured-area.layout3 .featured-area-container .area-container .city-style .default-wrap img{width:50px;height:44px}}.md-featured-area.layout3 .featured-area-container .area-container .city-style .featured-area-mask{position:absolute;z-index:1;width:100%;height:100%;right:0;bottom:0;top:0;left:0}.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail{height:100%;position:relative}.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail .position-box{width:100%;max-height:80%;position:absolute;bottom:25px;z-index:2;display:flex;flex-direction:column;align-items:center}.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail .position-box .style-title{text-align:center;font-family:var(--font-bold);color:#fff;font-size:24px;line-height:30px}.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail .position-box .tags{display:inline-block;width:100%;padding:0 10px;margin-bottom:40px;max-height:calc(100% - 44px);overflow:hidden;height:0;opacity:0}@media (max-width: 800px){.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail .position-box .tags{padding:0 5px;height:initial;opacity:1;margin-bottom:20px}}.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail .position-box .tags .tag-detail{max-width:100%;padding:8px 20px;width:fit-content;margin:0 auto;font-size:14px}@media (max-width: 800px){.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail .position-box .tags .tag-detail{font-size:12px;padding:6px 20px}}.md-featured-area.layout3 .featured-area-container .area-container .city-style .city-detail .position-box .tags .tag-detail span{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-word}.md-featured-area.layout3 .featured-area-container .area-container .city-style:hover .bg-img{transform:scale(1.1)}.md-featured-area.layout3 .featured-area-container .area-container .city-style:hover .city-detail .tags{opacity:1;height:initial;transition:opacity 0.3s}.md-featured-area.layout3 .featured-area-container .area-container .city-style+.city-style{margin-left:25px}.md-featured-area.layout3 .featured-area-container .featured-area-button-wrap{display:flex;justify-content:center;align-items:center;padding-top:40px;column-gap:30px}.md-featured-area.layout3 .featured-area-container .featured-area-button-wrap .btn{width:50px;height:50px;line-height:50px;text-align:center;padding:0 15px;border-radius:50%;cursor:pointer;border:1px solid var(--g-btn-background);color:var(--g-btn-background);background:none}.md-featured-area.layout3 .featured-area-container .featured-area-button-wrap .btn:not(:disabled):hover{background:rgba(25,25,25,0.1)}.md-featured-area.layout3 .featured-area-container .featured-area-button-wrap .btn:disabled{opacity:0.4;cursor:not-allowed}@media (max-width: 800px){.md-featured-area.layout3 .featured-area-container.f-col{width:100%;padding-left:15px}.md-featured-area.layout3 .featured-area-container .area-container{overflow:auto;width:100%}.md-featured-area.layout3 .featured-area-container .area-container .city-style{height:180px}.md-featured-area.layout3 .featured-area-container .area-container .city-style:nth-child(odd){width:310px;border-radius:160px}.md-featured-area.layout3 .featured-area-container .area-container .city-style:nth-child(even){width:244px}.md-featured-area.layout3 .featured-area-container .area-container .city-style+.city-style{margin-left:15px}.md-featured-area.layout3 .featured-area-container .area-container::-webkit-scrollbar{display:none}}