.listArea .blogList .Txt .text,.listArea .blogList .Txt .title,.listArea .blogList .Img::after,.listArea .blogList .infoBox .date,.listArea .blogList .infoBox .classTitle,.listArea .blogList .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 .blogBox{min-height:400px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.listArea .blogBox.hide{opacity:0;transform:translateY(-15px);pointer-events:none}.listArea .blogList{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:60px 30px;margin-top:80px}.listArea .blogList .blogItem,.listArea .blogList .item{height:100%}.listArea .blogList .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 .blogList .item:hover{translate:0 -30px;background-color:rgba(197,163,88,.8)}.listArea .blogList .item:hover .classTitle,.listArea .blogList .item:hover .date{color:#fff}.listArea .blogList .item:hover .Img::after{opacity:1;translate:0 0}.listArea .blogList .item:hover .Img img{opacity:.6;transform:scale(1.05)}.listArea .blogList .item:hover .Txt .title,.listArea .blogList .item:hover .Txt .text{color:#fff}}.listArea .blogList .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 .blogList .infoBox .classTitle{font-size:15px;line-height:1.5;letter-spacing:0.3px}.listArea .blogList .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 .blogList .Img{width:100%;display:block;z-index:1}.listArea .blogList .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 .blogList .Img img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.listArea .blogList .Txt{padding-top:27px}.listArea .blogList .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 .blogList .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 .blogList .item{padding:30px 24px}.listArea .blogList .infoBox{margin-bottom:20px}.listArea .blogList .Txt .title{font-size:18px;height:55px}.listArea .blogList .Txt .text{font-size:15px;height:44px}}@media(max-width: 1180px){.listArea .blogList{grid-template-columns:repeat(2, 1fr);gap:50px 24px;margin-top:60px}.listArea .blogList .item{padding:24px 20px}.listArea .blogList .Txt .title{font-size:18px;height:55px}.listArea .blogList .Txt .text{font-size:15px;height:44px}}@media(max-width: 640px){.listArea .blogList{grid-template-columns:repeat(1, 1fr);gap:40px 20px;margin-top:40px}.listArea .blogList .infoBox{flex-wrap:wrap}.listArea .blogList .Txt .text{font-size:14px}}.blogInfoBox{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px 20px;margin-bottom:40px}.blogInfoBox .dateBox,.blogInfoBox .classTitle{font-weight:600;padding:5px 0;line-height:1}.blogInfoBox .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}.blogInfoBox .dateBox .date>span{font-size:16px}.blogInfoBox .classTitle{font-size:16px;letter-spacing:.5px;color:#fff;background-color:#c5a358;padding:6px 10px}@media(max-width: 768px){.blogInfoBox{justify-content:space-between;margin-bottom:20px;gap:4px 10px}.blogInfoBox .dateBox{font-size:17px;-moz-column-gap:4px;column-gap:4px}.blogInfoBox .dateBox .date>span{display:none}}