@charset "UTF-8";.bannerBlk{width:100%;position:relative}.bannerBlk.aost-show .picBox .pic img{transform:scale(1.05)}.bannerBlk[data-type=Default] .txtBox{min-height:540px}.bannerBlk[data-type=Default] .txtBox .multipurpose{margin-top:auto}@media only screen and (max-width: 1400px){.bannerBlk[data-type=Default] .txtBox{min-height:400px}}@media only screen and (max-width: 900px){.bannerBlk[data-type=Default] .txtBox{min-height:500px;padding-top:150px}.bannerBlk[data-type=Default] .txtBox .inner{justify-content:flex-end}}@media only screen and (max-width: 900px){.bannerBlk[data-type=Fill] .txtBox{min-height:300px}.bannerBlk[data-type=Fill] .txtBox .inner{align-items:flex-start}}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox){margin-bottom:115px}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox) .multipurpose{position:absolute;bottom:calc(clamp(50px,1.4706rem + 2.9412vw,80px)*-1);left:0;transform:translateY(100%)!important;padding:40px 0}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox) .multipurpose multipurpose-nav[m4-type=drag].noScrollable .drag-container{justify-content:center}@media only screen and (max-width: 900px){.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox){margin-bottom:65px}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox) .multipurpose{padding:30px 0 0}}.bannerBlk:not(:has(.picBox)) .txtBox{min-height:unset!important;color:var(--AllWEB-text)}.bannerBlk:not(:has(.picBox)) .txtBox .multipurpose multipurpose-nav[m4-type=drag] .drag-container .category{color:var(--AllWEB-text)}.bannerBlk:not(:has(.picBox)) .txtBox .multipurpose multipurpose-nav[m4-type=drag] .drag-container .category:after{background:rgba(var(--wordRGB),.2)}.bannerBlk .container{padding:clamp(50px,1.4706rem + 2.9412vw,80px) 0;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 900px){.bannerBlk .container{width:calc(100% - var(--baseSpace) * 2)}}.bannerBlk .picBox{width:100%;height:100%;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.bannerBlk .picBox .pic{width:100%;height:100%}.bannerBlk .picBox .pic img{width:100%;height:100%;object-fit:cover;transition:1s transform .2s}.bannerBlk .txtBox{position:relative;z-index:2;width:100%;max-width:1440px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width: 1921px){.bannerBlk .txtBox{max-width:75vw}}.bannerBlk .txtBox .breadCrumbs{position:relative;z-index:2;width:100%}.bannerBlk .txtBox .inner{width:100%;flex:1;gap:clamp(50px,1.4706rem + 2.9412vw,80px);display:flex;flex-direction:column;align-items:flex-end;justify-content:center}@media only screen and (min-width: 901px){.bannerBlk .txtBox .inner{margin-top:clamp(50px,1.4706rem + 2.9412vw,80px);align-items:center}}.bannerBlk .txtBox .unitSlogan{width:100%;gap:50px}@media only screen and (min-width: 901px){.bannerBlk .txtBox .unitSlogan{display:flex;align-items:flex-start;justify-content:center}.bannerBlk .txtBox .unitSlogan .text:nth-child(1){width:50%}.bannerBlk .txtBox .unitSlogan .text:nth-child(2){width:37.5%;margin-left:auto;text-align:right}}.bannerBlk .txtBox .mainSlogan{font-family:El Messiri,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:clamp(3.4375rem,-.1471rem + 6.3725vw,7.5rem);font-weight:500;line-height:1.1;letter-spacing:2px}.bannerBlk .txtBox .subSlogan{font-size:clamp(1.5625rem,1.2868rem + .4902vw,1.875rem);font-weight:500;line-height:1.3;letter-spacing:1px;margin-top:30px}.bannerBlk .txtBox .paragraph{margin-top:20px}.bannerBlk .txtBox .multipurpose{width:100%}@media only screen and (max-width: 900px){.bannerBlk .txtBox .subSlogan{margin-top:20px}.bannerBlk .txtBox .paragraph{margin-top:10px}}.bannerBlk[data-theme=light]{color:#1f1f1f}.bannerBlk[data-theme=light][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category{color:#1f1f1f}.bannerBlk[data-theme=light][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category:after{background:#1f1f1f80}.bannerBlk[data-theme=dark]{color:#fff}.bannerBlk[data-theme=dark][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category{color:#fff}.bannerBlk[data-theme=dark][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category:after{background:#ffffff80}.newsListBox{gap:clamp(80px,1.1397rem + 6.8627vw,150px) 6.25vw;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}@media only screen and (max-width: 1200px){.newsListBox{max-width:660px;margin:auto}}@media only screen and (max-width: 900px){.newsListBox{gap:50px 0}}.newsListBox[date-tagColor=dark] .textBox .date,.newsListBox[date-tagColor=dark] .picBox .date{background:#1f1f1f;color:#fff}.newsListBox[date-tagColor=light] .textBox .date,.newsListBox[date-tagColor=light] .picBox .date{background:#fff;color:#1f1f1f}.newsListBox[date-tagColor=gray] .textBox .date,.newsListBox[date-tagColor=gray] .picBox .date{background:#f2f2f2;color:#1f1f1f}.newsListBox .item{position:relative;width:calc((100% - 6.25vw)/2);gap:20px 6.0606060606%;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start}.newsListBox .item:after{content:"";position:absolute;bottom:-50px;left:13.6363636364%;width:75.7575757576%;height:calc(100% - 210px);min-height:250px;z-index:-1;background:var(--bg);pointer-events:none}@media only screen and (min-width: 1201px){.newsListBox .item:hover .picBox .date{background:var(--main-color);color:var(--main-TxT-color)}.newsListBox .item:hover .picBox .pic img:not(.noPicLogo){transform:translate3d(-50%,-50%,0) scale(1.1)}.newsListBox .item:hover .textBox .date{background:var(--main-color);color:var(--main-TxT-color)}.newsListBox .item:hover .textBox .plus{opacity:1}}@media only screen and (max-width: 1200px){.newsListBox .item:active .picBox .date{background:var(--main-color);color:var(--main-TxT-color)}.newsListBox .item:active .picBox .pic img:not(.noPicLogo){transform:translate3d(-50%,-50%,0) scale(1.1)}.newsListBox .item:active .textBox .date{background:var(--main-color);color:var(--main-TxT-color)}.newsListBox .item:active .textBox .plus{opacity:1}}.newsListBox .item .date{transition:1s transform,1s background,1s color;z-index:2;padding:8px 20px;background:#f2f2f2;border-radius:0 0 5px;color:#1f1f1f;font-size:clamp(.875rem,.7647rem + .1961vw,1rem);font-weight:400;line-height:1.5;letter-spacing:.5px}.newsListBox .item .picBox{position:relative;width:280px;overflow:hidden}.newsListBox .item .picBox .pic{display:block;position:relative;width:100%;overflow:hidden}.newsListBox .item .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:133.5714285714%}.newsListBox .item .picBox .pic picture{width:101%;height:101%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.newsListBox .item .picBox .pic img{width:101%;height:101%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.newsListBox .item .picBox .pic img{transition:.4s transform}.newsListBox .item .picBox .pic .noPicLogo{width:50px;height:50px;object-fit:contain}.newsListBox .item .picBox .date{position:absolute;top:-1px;left:-1px;transform-origin:top left;transform:translateZ(0)}.newsListBox .item .textBox{width:100%;flex:1}.newsListBox .item .textBox .plus{font-size:1.25rem;margin-bottom:50px;text-align:right;opacity:0;transition:.4s opacity}.newsListBox .item .textBox .itemTitle{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.newsListBox .item .textBox .paragraph{margin-top:10px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media only screen and (max-width: 1200px){.newsListBox .item{width:100%}.newsListBox .item .picBox{width:42.4242424242%}}@media only screen and (max-width: 575px){.newsListBox .item:after{left:unset;right:calc(var(--baseSpace) * -1);width:94.0298507463%;height:calc(100% - 200px)}.newsListBox .item .picBox{width:74.6268656716%}.newsListBox .item .textBox{flex:unset}.newsListBox .item .textBox .plus{display:none}}.news-page{--blkSpace: clamp(50px, .3676rem + 4.902vw,100px)}.news-page:has(.topBox):has(.multipurpose):has(.picBox):has(.bannerBlk[data-type=Default]) .bannerBlk .txtBox .inner{padding-bottom:160px}@media only screen and (max-width: 900px){.news-page:has(.topBox):has(.multipurpose):has(.picBox):has(.bannerBlk[data-type=Default]) .bannerBlk .txtBox .inner{padding-bottom:150px}}.news-page:has(.topBox):has(.multipurpose):has(.picBox):has(.bannerBlk[data-type=Default]) .contentBlk .topBox{margin-top:-160px}@media only screen and (max-width: 900px){.news-page:has(.topBox):has(.multipurpose):has(.picBox):has(.bannerBlk[data-type=Default]) .contentBlk .topBox{margin-top:-150px}}section.bannerBlk .txtBox{pointer-events:none}section.bannerBlk .txtBox .inner{transition:.4s padding}section.bannerBlk .txtBox .multipurpose{pointer-events:auto}section.bannerBlk .txtBox .breadCrumbs{pointer-events:auto}@media only screen and (max-width: 900px){section.bannerBlk .txtBox .breadCrumbs{display:none}}section.contentBlk .container{max-width:1440px;padding-bottom:var(--blkSpace);width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 900px){section.contentBlk .container{width:calc(100% - var(--baseSpace) * 2)}}@media only screen and (min-width: 1921px){section.contentBlk .container{max-width:75vw}}section.contentBlk .container.noContent{padding:clamp(50px,1.4706rem + 2.9412vw,80px) 0}section.contentBlk .page-head .text{width:calc((100% - 15px)/2);gap:15px;text-align:left;display:flex;align-items:center;justify-content:flex-start}section.contentBlk .page-head .text+.text{max-width:600px;margin-left:auto}@media only screen and (max-width: 900px){section.contentBlk .page-head .text{width:100%}section.contentBlk .page-head .text+.text{max-width:100%}}section.contentBlk .contentBox{margin-top:clamp(30px,-.2038rem + 4.3365vw,80px)}section.contentBlk .header{padding-top:var(--blkSpace)}section.contentBlk .topBox{margin-bottom:clamp(50px,1.4706rem + 2.9412vw,80px)}@media only screen and (max-width: 900px){section.contentBlk .topBox{margin-bottom:0}}section.contentBlk .topBox[data-textColor=dark] .item .textBox{color:#1f1f1f}section.contentBlk .topBox[data-textColor=dark] .circleBtn .animated-line{stroke:url(#linear_dark)}section.contentBlk .topBox[data-textColor=light] .item .textBox{color:#fff}section.contentBlk .topBox[data-textColor=light] .circleBtn .animated-line{stroke:url(#linear_light)}section.contentBlk .topBox[date-tagColor=dark] .picBox .date{background:#1f1f1f;color:#fff}section.contentBlk .topBox[date-tagColor=light] .picBox .date{background:#fff;color:#1f1f1f}section.contentBlk .topBox[date-tagColor=gray] .picBox .date{background:#f2f2f2;color:#1f1f1f}section.contentBlk .topBox .item{box-shadow:15px 15px 50px #00000026;display:flex;align-items:stretch;justify-content:center}section.contentBlk .topBox .item .picBox{width:50%;overflow:hidden}@media only screen and (min-width: 901px){section.contentBlk .topBox .item .picBox{min-height:480px}}section.contentBlk .topBox .item .picBox .date{position:absolute;top:-1px;left:-1px;transform-origin:top left;transition:1s transform,1s background,1s color;transform:translateZ(0);z-index:2;padding:8px 20px;background:#f2f2f2;border-radius:0 0 5px;color:#1f1f1f;font-size:clamp(.875rem,.7647rem + .1961vw,1rem);font-weight:400;line-height:1.5;letter-spacing:.5px}section.contentBlk .topBox .item .picBox .pic{width:100%;height:100%;position:relative}section.contentBlk .topBox .item .picBox .pic img:not(.noPicLogo){width:100%;height:100%;object-fit:cover;transition:1s transform .2s;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}section.contentBlk .topBox .item .picBox .pic .noPicLogo{width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}@media only screen and (max-width: 900px){section.contentBlk .topBox .item .picBox .pic{position:relative;width:100%;overflow:hidden}section.contentBlk .topBox .item .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:67.1641791045%}section.contentBlk .topBox .item .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}section.contentBlk .topBox .item .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}section.contentBlk .topBox .item .picBox .pic .noPicLogo{width:50px;height:50px}}section.contentBlk .topBox .item .textBox{width:50%;background:var(--itemBackground);padding:clamp(30px,-.2038rem + 4.3365vw,80px) 30px;display:flex;align-items:center;justify-content:center}section.contentBlk .topBox .item .textBox .text{width:100%;max-width:480px}@media only screen and (max-width: 900px){section.contentBlk .topBox .item .textBox .text{max-width:100%}}section.contentBlk .topBox .item .textBox .itemTitle{font-family:El Messiri,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.contentBlk .topBox .item .textBox .paragraph{margin-top:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.contentBlk .topBox .item .textBox .circleBtn{margin-top:50px}@media only screen and (max-width: 900px){section.contentBlk .topBox .item .textBox .circleBtn{margin-top:30px}}@media only screen and (min-width: 1201px){section.contentBlk .topBox .item:hover .picBox .date{background:var(--main-color);color:var(--main-TxT-color)}section.contentBlk .topBox .item:hover .picBox .pic img{transform:translate3d(-50%,-50%,0) scale(1.1)}}@media only screen and (max-width: 1200px){section.contentBlk .topBox .item:active .picBox .date{background:var(--main-color);color:var(--main-TxT-color)}section.contentBlk .topBox .item:active .picBox .pic img{transform:translate3d(-50%,-50%,0) scale(1.1)}}@media only screen and (max-width: 900px){section.contentBlk .topBox .item{flex-direction:column}section.contentBlk .topBox .item .picBox{width:100%}section.contentBlk .topBox .item .textBox{width:100%}}@media only screen and (max-width: 1200px){section.contentBlk .newsListBox .item:nth-child(odd):after{content:unset}section.contentBlk .newsListBox .item:nth-child(2n){padding-bottom:50px}section.contentBlk .newsListBox .item:nth-child(2n):after{bottom:0}}@media only screen and (min-width: 1201px){section.contentBlk .newsListBox .item:nth-child(2n){padding-top:80px}section.contentBlk .newsListBox .item:nth-child(4n):after,section.contentBlk .newsListBox .item:nth-child(4n+1):after{content:unset}}section.contentBlk .moreBtn{text-align:center;margin-top:clamp(50px,-2.3897rem + 9.8039vw,150px)}
