.media-wrap{padding:0 50px}.media-filter{text-align:center}.media-filter a{position:relative;margin:0 15px;font-size:.875rem;display:inline-block;opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.media-filter.show a{opacity:1;transform:translateY(0px)}.media-filter.show a:nth-child(2){transition-delay:.1s}.media-filter.show a:nth-child(3){transition-delay:.2s}.media-filter .tw{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;opacity:0}.media-filter .en,.media-filter .tw{transition:opacity .6s}.media-filter .en:after,.media-filter .tw:after{content:"";display:block;height:1px;width:0;background:#999;transition:width .6s}.media-filter a:hover .en{opacity:0}.media-filter a:hover .tw{opacity:1}.media-filter a:hover .tw:after{width:100%}.media-filter a.active{color:#000}.media-filter a.active .en:after{width:100%}.media-content{margin:100px 0 0}.media-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:100px 5%;margin-top:40px;border-bottom:#ccc dotted 1px;padding-bottom:100px}.media-content:last-child .media-list{padding-bottom:0;border:none}.media-title{opacity:0;transition:opacity .6s}.media-title.show{opacity:1}.media-item{display:block}.media-img{border:#ccc solid 1px;box-sixing:border-box}.media-img img{width:100%}.media-text{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.show .media-text{opacity:1;transform:translateY(0px)}.media-name{position:relative;font-size:.875rem;color:#000;margin-left:15px}.media-name:before{content:"";border-top:rgba(0,0,0,0) solid 5px;border-bottom:rgba(0,0,0,0) solid 5px;border-left:#ddd solid 6px;position:absolute;left:-15px;top:calc(.65625rem - 5px)}.media-info{margin:10px 0 5px;font-size:.75rem}.clipLeft{clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}.clipRight{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}.clipUp{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}.clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}.clipLeft,.clipRight,.clipUp,.clipDown{transition:clip-path .6s}.show .clipLeft,.show .clipRight,.show .clipUp,.show .clipDown{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}@media screen and (max-width: 1440px){.media-list{grid-template-columns:repeat(3, 1fr);gap:80px 5%}}@media screen and (max-width: 1100px){.media-list{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 640px){.inner{max-width:400px}.media-wrap{padding:0 20px}.media-filter a{margin:0 10px}.media-content{margin:60px 0 0}.media-list{grid-template-columns:repeat(1, 1fr);gap:60px 0;padding-bottom:60px}}