.work-wrap{max-width:1200px;margin:0 auto;padding:0 50px}.work-list{display:-ms-flexbox;display:flex;margin:0 -1.5%}.work-item{width:30.3333%;margin:0 1.5%}.work-img{position:relative;overflow:hidden}.work-img img{width:100%;-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition:transform .6s}.work-item:hover .work-img img{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}.work-img:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:#FFF solid 1px;opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s;z-index:1}.work-item:hover .work-img:before{opacity:.3}.work-info-inner{width:fit-content;margin:10px auto}.work-item:hover .work-info-inner{color:#FFF}.work-info-inner .en{font-size:1rem}.work-info-inner .tw{font-size:.875em}.work-info-inner:after{content:"";display:block;height:4px;background:#1a1a1a}@media screen and (max-width: 1100px){.work-list{display:block;margin:0}.work-item{width:auto;margin:0 0 40px}.work-item a{display:-ms-flexbox;display:flex}.work-item:nth-child(2) a{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.work-item:last-child{margin-bottom:0}.work-img{width:50%}.work-info{position:relative;width:50%;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;margin:0}.work-item:hover .work-info-inner{color:#000}.work-info-inner:after{background:#ddd}.work-info:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:#ccc solid 1px}}@media screen and (max-width: 640px){.work-wrap{padding:0 20px;max-width:400px}.work-item a{display:block}.work-img,.work-info{width:auto}.work-info:before{content:none}}