.listArea .eventList .Txt .text,.listArea .eventList .Txt .title,.listArea .eventList .Img::after,.listArea .eventList .infoBox .date,.listArea .eventList .infoBox .classTitle,.listArea .eventList .item{transition:all .6s cubic-bezier(0.78, 0, 0.22, 1)}.listArea{position:relative;z-index:1;clip-path:inset(0 0 0 0)}.listArea::after{content:"";width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;position:fixed;background:url("../../images/tw/home/facility_bg.jpg") no-repeat center center/cover;will-change:transform;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.listArea::after{opacity:.6}@media(max-width: 1180px){.listArea .wrap{max-width:900px}}@media(max-width: 640px){.listArea .wrap{max-width:500px}}.listArea .eventList{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:60px 30px;margin-top:80px}.listArea .eventList .eventItem,.listArea .eventList .item{height:100%}.listArea .eventList .item{position:relative;z-index:2;overflow:hidden;cursor:pointer;padding:34px 30px;outline:1px solid #d9d9d9;display:flex;justify-content:flex-start;align-items:normal;flex-direction:column;flex-wrap:nowrap}@media(min-width: 1181px){.listArea .eventList .item:hover{translate:0 -30px;background-color:rgba(197,163,88,.8)}.listArea .eventList .item:hover .classTitle,.listArea .eventList .item:hover .date{color:#fff}.listArea .eventList .item:hover .Img::after{opacity:1;translate:0 0}.listArea .eventList .item:hover .Img img{opacity:.6;transform:scale(1.05)}.listArea .eventList .item:hover .Txt .title,.listArea .eventList .item:hover .Txt .text{color:#fff}}.listArea .eventList .infoBox{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;-moz-column-gap:16px;column-gap:16px;margin-bottom:20px;color:#3c3835}.listArea .eventList .infoBox .classTitle{font-size:15px;line-height:1.5;letter-spacing:0.3px}.listArea .eventList .infoBox .date{color:#c5a358;font-weight:600;font-family:"Cormorant","Noto Serif TC",serif,"Microsoft JhengHei",sans-serif;font-size:20px;line-height:1.5;letter-spacing:0px}.listArea .eventList .Img{width:100%;display:block;z-index:1}.listArea .eventList .Img::after{content:attr(data-text);position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%, -50%);color:#fff;font-size:16px;line-height:1.5;letter-spacing:0.64px;opacity:0;translate:0 10px;pointer-events:none}.listArea .eventList .Img img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.listArea .eventList .Txt{padding-top:27px}.listArea .eventList .Txt .title{font-weight:600;color:#3c3835;font-size:20px;line-height:1.5;letter-spacing:1.4px;height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listArea .eventList .Txt .text{margin-top:17px;font-weight:400;color:#3c3835;font-size:16px;line-height:1.5;letter-spacing:0.64px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 1400px){.listArea .eventList .item{padding:30px 24px}.listArea .eventList .infoBox{margin-bottom:20px}.listArea .eventList .Txt .title{font-size:18px;height:55px}.listArea .eventList .Txt .text{font-size:15px;height:44px}}@media(max-width: 1180px){.listArea .eventList{grid-template-columns:repeat(2, 1fr);gap:50px 24px;margin-top:60px}.listArea .eventList .item{padding:24px 20px}.listArea .eventList .Txt .title{font-size:18px;height:55px}.listArea .eventList .Txt .text{font-size:15px;height:44px}}@media(max-width: 640px){.listArea .eventList{grid-template-columns:repeat(1, 1fr);gap:40px 20px;margin-top:40px}.listArea .eventList .infoBox{flex-wrap:wrap}.listArea .eventList .Txt .text{font-size:14px}}.eventInfoBox{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px 20px;margin-bottom:40px}.eventInfoBox .dateBox,.eventInfoBox .classTitle{font-weight:600;padding:5px 0;line-height:1}.eventInfoBox .dateBox{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;-moz-column-gap:10px;column-gap:10px;color:#c5a358;font-family:"Cormorant","Noto Serif TC",serif,"Microsoft JhengHei",sans-serif;font-size:20px}.eventInfoBox .dateBox .date>span{font-size:16px}.eventInfoBox .classTitle{font-size:16px;letter-spacing:.5px;color:#fff;background-color:#c5a358;padding:6px 10px}@media(max-width: 768px){.eventInfoBox{justify-content:space-between;margin-bottom:20px;gap:4px 10px}.eventInfoBox .dateBox{font-size:17px;-moz-column-gap:4px;column-gap:4px}.eventInfoBox .dateBox .date>span{display:none}}