@charset "UTF-8";

.contentBox .leftBox,.contentBox .rightBox,.newsList>li,.exchangeList>li,.newsList .Txt,.sideNewsBox .Img,.sideNewsBox .Txt,.exchangeList .Txt{box-sizing:border-box}.exchangeList .Txt,.exchangeList em{transition:all .5s ease-out}.exchangeList h3 a,.exchangeList .Txt,.exchangeList em{opacity:0}.exchangeList h3 a{-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.contentBox{display:-webkit-flex;display:-ms-flexbox;display:flex}@media (max-width: 1024px){.contentBox{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.contentBox .leftBox{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%}@media (min-width: 1025px){.contentBox .leftBox{padding-right:50px}}.contentBox .rightBox{width:100%}@media (min-width: 1025px){.contentBox .rightBox{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:345px;padding-top:53px}}.newsList,.exchangeList{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 481px){.newsList,.exchangeList{margin-left:-10px;margin-right:-10px}}.newsList>li,.exchangeList>li{padding-bottom:40px}@media (min-width: 481px){.newsList>li,.exchangeList>li{padding-left:10px;padding-right:10px}}@media (max-width: 480px){.newsList>li,.exchangeList>li{width:100%}}.newsList .Img img,.exchangeList .Img img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.newsList h3 a,.exchangeList h3 a{display:block;font-size:16px}@media (min-width: 981px){.newsList li{width:25%}}@media (min-width: 640px) and (max-width: 980px){.newsList li{width:calc(100% / 3)}}@media (min-width: 481px) and (max-width: 641px){.newsList li{width:50%}}.newsList .Txt{padding:25px 20px 20px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fff}.newsList h3 a{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newsList p{height:55px;line-height:1.8;color:#585858}.newsList .bottomBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:30px}@media (max-width: 768px){.newsList .bottomBox{margin-top:10px}}.date{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:15px;font-size:13px;font-family:"Roboto","Noto Sans TC",sans-serif;color:#0080cc;letter-spacing:1px}.date::before{content:'\f017';margin-right:9px;font-family:FontAwesome}.activity{font-size:14px}.sideNewsBox{margin-bottom:20px}@media (max-width: 1023px){.sideNewsBox{margin-top:30px}}.sideNewsBox li+li{margin-top:15px}.sideNewsBox .item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.sideNewsBox .Img{width:70px;margin-right:10px}.sideNewsBox .Img img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sideNewsBox .Txt{width:calc(100% - 85px)}.sideNewsBox h3 a{display:block;font-weight:400;color:#0080cc;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideNewsBox .date{margin-top:0;color:#333}.sideNewsBox .date::before{display:none}@media (min-width: 901px){.exchangeList>li{width:calc(100% / 3)}}@media (min-width: 481px) and (max-width: 900px){.exchangeList>li{width:50%}}.exchangeList .item{position:relative}@media (min-width: 1181px){.exchangeList .item:hover .Txt,.exchangeList .item:hover h3 a,.exchangeList .item:hover em{opacity:1}.exchangeList .item:hover h3 a,.exchangeList .item:hover em{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.exchangeList .item:hover h3 a{transition-delay:.5s}.exchangeList .item:hover em{transition-delay:1s}}@media (max-width: 1180px){.exchangeList .item .Txt,.exchangeList .item h3 a,.exchangeList .item em{opacity:1}.exchangeList .item h3 a,.exchangeList .item em{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}}.exchangeList .Txt{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:20px;text-align:center}@media (min-width: 1181px){.exchangeList .Txt{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none;background:rgba(0,128,204,0.7)}}@media (max-width: 1180px){.exchangeList .Txt{background-color:#0080cc}.exchangeList .Txt em,.exchangeList .Txt h3 a{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1}}.exchangeList em{margin-bottom:5px;color:#fff;font:700 20px "Roboto","Noto Sans TC",sans-serif}.exchangeList h3 a{display:block;color:#fff;letter-spacing:.5px;font-weight:400;font-size:16px}