@import"https://fonts.googleapis.com/css2?family=Jersey+10&family=Noto+Sans+TC:wght@100..900&display=swap";.headline1,h1{font-family:"Noto Sans TC",sans-serif;font-size:48px;line-height:125%;font-weight:700;letter-spacing:0px}@media(max-width: 767px){.headline1,h1{font-size:32px}}.headline2,h2{font-family:"Noto Sans TC",sans-serif;font-size:40px;line-height:125%;font-weight:500;letter-spacing:0px}@media(max-width: 767px){.headline2,h2{font-size:28px}}.headline3,h3{font-family:"Noto Sans TC",sans-serif;font-size:32px;line-height:160%;font-weight:500;letter-spacing:0px}@media(max-width: 767px){.headline3,h3{font-size:24px}}.title{font-family:"Noto Sans TC",sans-serif;font-size:20px;line-height:160%;font-weight:500;letter-spacing:2.56px}@media(max-width: 767px){.title{font-size:16px}}.subtitle{font-family:"Noto Sans TC",sans-serif;font-size:16px;line-height:160%;font-weight:700;letter-spacing:2.56px}@media(max-width: 767px){.subtitle{font-size:14px}}.body,body{font-family:"Noto Sans TC",sans-serif;font-size:16px;line-height:160%;font-weight:400;letter-spacing:2.56px}@media(max-width: 767px){.body,body{font-size:14px}}.caption-title{font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:160%;font-weight:700;letter-spacing:2.56px}@media(max-width: 767px){.caption-title{font-size:12px}}.caption{font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:160%;font-weight:400;letter-spacing:2.56px}@media(max-width: 767px){.caption{font-size:12px}}.small{font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:140%;font-weight:400;letter-spacing:2.56px}@media(max-width: 767px){.small{font-size:10px}}.page-news .banner{background-image:url("/web/res/zh_TW/D001/images/news/news-banner-xl.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;height:320px}@media screen and (max-width: 767px){.page-news .banner{background-image:url("/web/res/zh_TW/D001/images/news/news-banner-sm.jpg");height:240px}}.page-news .banner .container{position:relative}.page-news .banner .container .section-title{position:absolute;top:64px}.news-area{padding:64px 0 120px}.news-area .news-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:64px 30px}@media screen and (max-width: 991px){.news-area .news-list{grid-template-columns:repeat(1, 1fr);gap:50px}}.news-area .news-list .list-item .pic{width:100%;aspect-ratio:16/9;overflow:hidden;margin-bottom:8px;border-radius:10px}.news-area .news-list .list-item .pic img{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.news-area .news-list .list-item .pic:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.news-area .news-list .list-item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-area .news-list .list-item .text .date{color:#ed6c00;margin-bottom:8px}.news-area .news-list .list-item .text .date::before{content:"";display:inline-block;width:8px;height:8px;background-color:#ed6c00;border-radius:50%;margin-right:15px;position:relative;top:-1px}.news-area .news-list .list-item .text .title{color:#2d2d2d;margin-bottom:24px}.news-area .news-list .list-item .text .intro{margin-bottom:16px}.news-area .news-pagination{margin-top:40px}.news-area .news-pagination ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px}.news-area .news-pagination ul li{list-style:none}.news-area .news-pagination ul li a{width:40px;height:40px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.news-area .news-pagination ul li a:hover{background-color:#ececec}.news-area .news-pagination ul li.disabled a:hover{background-color:unset}.news-area .news-pagination ul li.active a{background-color:#ed6c00;color:#fff}
/*# sourceMappingURL=news.css.map */