.news-page{background-color:#b1b47980;padding-bottom:80px;min-height:100vh;overflow:hidden}@media screen and (min-width: 1024px){.news-page{padding-bottom:120px}}.news-banner{padding-top:90px;background-color:#fff}.news-hero{text-align:center;aspect-ratio:780/700;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 1024px){.news-hero{aspect-ratio:1920/700;margin-top:0}}.news-hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%)}.news-hero__container{position:relative;max-width:800px;height:100%;margin:0 auto;display:grid}.news-hero__text-container{align-self:flex-end}.news-hero__title{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;color:#4d5139;align-self:flex-end}.news-hero__title-zh{font-size:1.5rem;letter-spacing:2px;margin-bottom:6px;font-weight:300;font-family:"Noto Serif TC"}@media screen and (min-width: 1024px){.news-hero__title-zh{font-size:1.75rem;margin-bottom:16px}}.news-hero__title-en-container{display:flex;align-items:center}.news-hero__title-en{font-family:Baskerville;font-size:1.75rem;font-weight:300;margin-inline:1.5rem}@media screen and (min-width: 1024px){.news-hero__title-en{font-size:2rem;margin-inline:3rem}}.news-hero__brush{width:7px;align-self:flex-end;fill:#4d5139}@media screen and (min-width: 1024px){.news-hero__brush{width:10px}}.news-hero__desc{font-size:.875rem;line-height:1.8;color:#2d2f26;font-weight:300;letter-spacing:1px}.news-hero__deco{width:30px;margin:0 auto;padding-top:2rem;stroke:#6c6a2d;transform:rotate(180deg)}@media screen and (min-width: 425px){.news-hero__deco{padding-top:4rem}}@media screen and (min-width: 1024px){.news-hero__deco{width:36px}}.news-header{display:flex;justify-content:center;align-items:center;padding:90px 20px;font-family:Baskerville}@media screen and (min-width: 1024px){.news-header{gap:60px;padding:90px 20px 60px}}.news-header__text{font-family:serif;font-size:1.5rem;font-weight:400;line-height:1.2;color:#4d5139}@media screen and (min-width: 1024px){.news-header__text{font-size:1.5rem}}.news-header__mid{color:#fff;font-size:.5rem;display:flex;margin-inline:1rem;flex-direction:column;align-items:center}@media screen and (min-width: 1024px){.news-header__mid{font-size:.75rem}}.news-content{margin:0 auto;padding:0 20px}@media screen and (min-width: 1024px){.news-content{max-width:960px}}@media screen and (min-width: 1280px){.news-content{max-width:1220px}}@media screen and (min-width: 1600px){.news-content{max-width:1280px}}.news-list{display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 1024px){.news-list{gap:20px}}.news-item{background-color:#fff}.news-item__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}@media screen and (min-width: 1024px){.news-item__link{flex-direction:row;align-items:center;gap:40px}}.news-item__visual{position:relative;width:100%;overflow:hidden;aspect-ratio:16/10}@media screen and (min-width: 1024px){.news-item__visual{width:25%;aspect-ratio:32/23;flex-shrink:0}}.news-item__img-box{width:100%;height:100%;transition:transform .6s ease;position:relative}.news-item__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-item .news-item__hover-mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-color:#4d513980;transition:opacity .4s ease-in-out}.news-item .news-item__hover-mask .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;aspect-ratio:1/1}.news-item .news-item__hover-mask .news-item_outer-circle{position:absolute;top:50%;left:50%;border:1px solid #fff;width:30%;max-width:180px}@media screen and (min-width: 1024px){.news-item .news-item__hover-mask .news-item_outer-circle{width:50%}}.news-item .news-item__hover-mask .news-item_inner-circle{width:25%;max-width:150px;display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;position:relative;transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-duration:.3s;will-change:transform}@media screen and (min-width: 1024px){.news-item .news-item__hover-mask .news-item_inner-circle{width:40%}}.news-item .news-item__hover-mask .news-item_inner-circle>*{position:relative;z-index:2}.news-item .news-item__hover-mask .news-item_inner-circle:before,.news-item .news-item__hover-mask .news-item_inner-circle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6c6a2d}.news-item .news-item__hover-mask .news-item_inner-circle:before{width:130%;min-width:150px;height:0;padding-bottom:135%;top:0;left:50%;border-radius:50%;transform:translate3d(-50%,68%,0) scale3d(0,0,0)}.news-item .news-item__hover-mask .news-item_inner-circle:after{transform:translate3d(0,-105%,0);transition:transform .3s cubic-bezier(.1,0,.3,1)}.news-item .news-item__hover-mask .news-item_inner-circle:hover .text{color:#fff}.news-item .news-item__hover-mask .news-item_inner-circle:hover:before{transform:translate3d(-50%,-25%,0) scaleX(1);transition:transform .3s cubic-bezier(.1,0,.3,1)}.news-item .news-item__hover-mask .news-item_inner-circle:hover:after{transform:translateZ(0);transition-duration:.05s;transition-delay:.3s;transition-timing-function:linear}.news-item .news-item__hover-mask .news-item_inner-circle .text{font-size:12px;text-align:center;font-family:Elms Sans;font-weight:300;color:#4d5139}@media screen and (min-width: 576px){.news-item .news-item__hover-mask .news-item_inner-circle .text{font-size:14px}}@media screen and (min-width: 1024px){.news-item .news-item__hover-mask .news-item_inner-circle .text{letter-spacing:.5px}}.news-item__read-more{width:100px;height:100px;border-radius:50%;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#4d5139;font-family:serif;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;transform:scale(.8);transition:transform .4s ease}.news-item__link:hover .news-item__img-box{transform:scale(1.05)}.news-item__link:hover .news-item__hover-mask{opacity:1}.news-item__link:hover .news-item__read-more{transform:scale(1)}.news-item__info{padding:20px;position:relative;background-color:#fff;font-family:Noto Sans TC}@media screen and (min-width: 1024px){.news-item__info{padding:0 60px 0 0;background-color:transparent;flex:1;display:flex;border-bottom:1px solid transparent;position:relative}}.news-item__date-group{display:flex;gap:16px;align-items:center;margin-bottom:16px;color:#6c6a2d;font-family:serif}@media screen and (min-width: 1024px){.news-item__date-group{flex-direction:column;gap:0;margin-right:40px;min-width:80px;margin-bottom:0;padding-right:20px}}.news-item__day{font-size:1.5rem;font-weight:400;text-transform:uppercase}@media screen and (min-width: 1024px){.news-item__day{font-size:1.75rem}}.news-item__month{font-size:1.25rem;font-weight:400;text-transform:uppercase}.news-item__date-divider{width:1px;height:14px;background-color:#6c6a2d}@media screen and (min-width: 1024px){.news-item__date-divider{display:none}}.news-item__year{font-size:.875rem;font-weight:300;font-family:Elms Sans}@media screen and (min-width: 1024px){.news-item__year{font-size:1rem;flex:1;width:100%;display:flex;align-items:flex-end;padding-left:8px;margin-top:20px;border-left:1px solid #6c6a2d}}.news-item__main-container{flex:1;display:flex;align-items:flex-end;gap:20px;padding-top:12px}.news-item__main{flex:1}.news-item__title{font-size:.875rem;font-weight:500;color:#4d5139;margin-bottom:5px;letter-spacing:1.5px}@media screen and (min-width: 1024px){.news-item__title{font-size:1rem}}.news-item__subtitle{font-size:.875rem;font-weight:400;color:#2d2f26;margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:1.5px;overflow:hidden}@media screen and (min-width: 1024px){.news-item__subtitle{font-size:1rem;margin-bottom:28px}}@media screen and (min-width: 1280px){.news-item__subtitle{margin-bottom:48px}}.news-item__desc{font-size:.75rem;line-height:1.6;color:#727171;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.5px}@media screen and (min-width: 1024px){.news-item__desc{font-size:.8125rem;letter-spacing:1.5px}}.news-item__deco{width:24px;fill:#b1b479;transform-origin:left bottom;transform:rotate(30deg)}@media screen and (min-width: 1024px){.news-item__deco{position:relative;bottom:auto;right:auto;margin-left:20px;align-self:center;width:32px}}.news-item:hover .news-item__deco{animation:aboutIconAni linear 4s both infinite}.news-pagination{margin-top:60px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:serif;color:#b1b479;flex-wrap:wrap;font-family:Baskerville}.news-pagination__label{font-size:1.125rem;font-weight:400;color:#4d5139}@media screen and (min-width: 1024px){.news-pagination__label{font-size:1.25rem}}.news-pagination__list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:8px}.news-pagination__item{position:relative;color:#4d5139;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.875rem}.news-pagination__item:hover .draw-circle,.news-pagination__item.active .draw-circle{opacity:1}.news-pagination__item:hover a,.news-pagination__item.active a{color:#4d5139}@media screen and (min-width: 1024px){.news-pagination__item{width:32px;height:32px;font-size:1rem}}.news-pagination__item .draw-circle{position:absolute;width:95%;height:95%;top:0;left:0;fill:#60634e;opacity:0;pointer-events:none}.news-pagination__item a{text-decoration:none;color:#b1b479;transition:color .3s;width:100%;height:100%;display:flex;justify-content:center;align-items:center}@keyframes aboutIconAni{0%{transform:rotate(30deg)}25%{transform:rotate(18deg)}50%{transform:rotate(30deg)}75%{transform:rotate(42deg)}to{transform:rotate(30deg)}}
