.mainArea{background-image:url("../images/material.jpg")}.mainArea .textTicker{margin-bottom:30px}.unitTitleBox{margin-bottom:125px}@media (max-width:1180px){.unitTitleBox{margin-bottom:100px}}@media (max-width:768px){.unitTitleBox{margin-bottom:80px}}.yearFilterBox{z-index:2;margin-bottom:40px}.yearFilterBox .currentFilter{padding:0 20px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #cacaca;font-size:16px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px;cursor:pointer;-webkit-transition:all 0.4s;transition:all 0.4s}@media (min-width:1181px){.yearFilterBox .currentFilter:hover{color:#1eaddd;border-color:#1eaddd}}.yearFilterBox .currentFilter:after{content:"\f107";display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;border:1px solid #cacaca;border-radius:50%;padding-left:1px;font-size:18px;font-weight:400;font-family:FontAwesome;color:#949494;letter-spacing:1.08px}.yearFilterBox .filterList{width:100%;max-height:435px;overflow-y:auto;position:absolute;top:calc(100% + 5px);left:0;display:none}.yearFilterBox .filterList::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#fff;border-radius:2px}.yearFilterBox .filterList::-webkit-scrollbar{width:5px;height:5px;background-color:#fff}.yearFilterBox .filterList::-webkit-scrollbar-thumb{background:#1eaddd;border-radius:2px}@media (max-width:1180px){.yearFilterBox .filterList{max-height:80dvh}}@media (max-width:768px){.yearFilterBox .filterList{max-height:325px}}.yearFilterBox .filterList li{width:100%;display:block}.yearFilterBox .filterList li:not(:last-child){border-bottom:1px solid #f0f0f0}.yearFilterBox .filterList li>a{display:block;text-align:center;background-color:#fff;font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#666;letter-spacing:0.96px;padding:15px 0}@media (min-width:1181px){.yearFilterBox .filterList li>a:hover{background-color:#3d4060;color:#fff}}.yearBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.yearBox .text{font-size:14px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#444;letter-spacing:0.84px}.yearBox .line{width:50px;height:1px;background:#cacaca;margin:0 10px}.yearBox .year{font-size:14px;font-weight:500;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#444;letter-spacing:0px}.classBoxColumn .classBoxTitle .classTitle{font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif}.classBoxColumn .classLink a,.classBoxColumn .classLink span{letter-spacing:0.6px}.newsList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px -60px}.newsList .newsItem{width:33.3333%;padding:0 20px 60px}@media (max-width:1040px){.newsList .newsItem{width:50%}}@media (max-width:600px){.newsList .newsItem{width:100%}}.newsList .Img{border:1px solid #cacaca}.newsList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.newsList .Img .linkImg{display:block;overflow:hidden;height:100%}.newsList .Img .linkImg:after{content:"";width:100%;height:100%;background-color:rgba(61,64,96,0.6);position:absolute;top:0;left:0;opacity:0;-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s}.newsList .Img .linkImg .more{width:200px;height:50px;background-color:#1eaddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 30px;font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#fff;letter-spacing:0.96px;position:absolute;left:calc(50% - 100px);top:calc(50% - 25px);opacity:0;z-index:1;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s;transition:all 0.5s}.newsList .Img .linkImg .more:after{content:"";display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#fff}.newsList .Img .linkImg .more:before{content:"";width:6px;height:6px;border-top:2px solid #1eaddd;border-right:2px solid #1eaddd;position:absolute;top:22px;right:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (min-width:1181px){.newsList .Img .linkImg:hover:after{opacity:1;-webkit-transition:all 0.5s;transition:all 0.5s}.newsList .Img .linkImg:hover .more{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s}}.newsList .Txt{padding-top:25px}.newsList .Txt:before{content:attr(data-year);font-size:64px;font-weight:700;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:transparent;letter-spacing:3.84px;-webkit-text-stroke:1px #d5d5d5;line-height:1;position:absolute;top:24px;right:0}.newsList .Txt .title{font-size:18px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:1.08px;letter-spacing:0.8px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.newsList .Txt .title a{display:inline-block;color:#222}@media (min-width:1181px){.newsList .Txt .title a:hover{color:#1eaddd}}.newsList .Txt .text{line-height:1.6;font-size:15px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.9px;letter-spacing:0.6px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.insPage{padding-bottom:80px}.insPage .topBox{border-bottom:1px solid #cacaca;padding-bottom:10px}.shareBox{float:right}.shareBox .btn-fb{display:inline-block;vertical-align:middle;margin-right:5px}.shareBox .back{display:inline-block;vertical-align:middle;padding:3px 5px;border-radius:3px;font-size:12px;color:#fff;background:rgb(174,66,51);background:-webkit-gradient(linear,left top,left bottom,from(rgb(174,66,51)),to(rgb(196,76,76)));background:linear-gradient(to bottom,rgb(174,66,51) 0%,rgb(196,76,76) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4233",endColorstr="#c44c4c",GradientType=0);cursor:pointer}@media (min-width:1181px){.shareBox .back:hover{background:#398cb1}}.sideDataArea{padding-bottom:120px}.sideDataArea .Img{border:1px solid #cacaca}.sideDataArea .Img .linkImg{display:block;overflow:hidden;height:100%}.sideDataArea .Img .linkImg:after{content:"";width:100%;height:100%;background-color:rgba(61,64,96,0.6);position:absolute;top:0;left:0;opacity:0;-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s}.sideDataArea .Img .linkImg .more{width:200px;height:50px;background-color:#1eaddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 30px;font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#fff;letter-spacing:0.96px;position:absolute;left:calc(50% - 100px);top:calc(50% - 25px);opacity:0;z-index:1;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s;transition:all 0.5s}.sideDataArea .Img .linkImg .more:after{content:"";display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#fff}.sideDataArea .Img .linkImg .more:before{content:"";width:6px;height:6px;border-top:2px solid #1eaddd;border-right:2px solid #1eaddd;position:absolute;top:22px;right:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (min-width:1181px){.sideDataArea .Img .linkImg:hover:after{opacity:1;-webkit-transition:all 0.5s;transition:all 0.5s}.sideDataArea .Img .linkImg:hover .more{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s}}.sideDataArea .Txt{padding-top:25px}.sideDataArea .Txt:before{content:attr(data-year);font-size:64px;font-weight:700;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:transparent;letter-spacing:3.84px;-webkit-text-stroke:1px #d5d5d5;line-height:1;position:absolute;top:24px;right:0}.sideDataArea .Txt .title{font-size:18px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:1.08px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.sideDataArea .Txt .title a{display:inline-block;color:#222}@media (min-width:1181px){.sideDataArea .Txt .title a:hover{color:#1eaddd}}.sideDataArea .Txt .text{font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}