.recList{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px}.recList .recItem{width:33.3333333333%;padding:15px}@media (max-width:1023px){.recList .recItem{width:50%}}@media (max-width:640px){.recList .recItem{width:100%;padding:15px 0}}.recList .item{border:1px solid #888;position:relative;width:100%;overflow:hidden}@media (max-width:1180px){.recList .item{width:100%}}.recList .item:before{content:"";position:absolute;width:90%;height:95%;border:1px solid rgba(136,136,136,0.5);top:0;left:0;right:0;bottom:0px;margin:auto;z-index:-1;opacity:0}@media (max-width:1180px){.recList .item:before{width:95%;height:95%}}.recList .Img{width:100%}.recList .Img img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:auto}.recList .Txt{padding:20px}.recList .Txt .recInfoBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px}.recList .Txt .recInfoBox .classTitle,.recList .Txt .recInfoBox .dateBox{padding:5px 0}.recList .Txt .recInfoBox .dateBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-family:"Playfair Display";text-transform:uppercase;font-size:12px;color:#222;font-weight:400;letter-spacing:1px}.recList .Txt .recInfoBox .dateBox .date{line-height:1}.recList .Txt .recInfoBox .dateBox span{margin:0 5px}.recList .Txt .recInfoBox .classTitle{font-size:14px;line-height:1;letter-spacing:0.5px}.recList .Txt .title{height:70px}.recList .Txt .title a{display:block;font-size:20px;font-weight:400;font-family:"Noto Serif TC"}.recList .Txt .text{height:55px;font-size:15px;color:#666;line-height:1.7;letter-spacing:1px;margin-top:10px}.recList .Txt .btn_arrow{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px 0;height:auto}.ins .dateBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-family:"Playfair Display";text-transform:uppercase;font-size:18px;color:#222;font-weight:500;letter-spacing:1px}.ins .dateBox .date{line-height:1}.ins .dateBox span{margin:0 5px}