.classTopBox{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;margin:0 0 10px;padding:0}.classTopBox .classTitle{background:#1b1b1b;border-radius:99px;color:#fff;font-size:14px;font-weight:500;line-height:14px;letter-spacing:1px;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left;margin:0;padding:8px 12px}.classTopBox .date{color:#df4a72;font-size:16px;font-weight:500;line-height:16px;letter-spacing:1px;font-family:"Nunito","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left}.newsList{position:relative;top:unset;right:unset;bottom:unset;left:unset;z-index:5;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin:40px -15px 0}.newsList .newsItem{width:33.3333333333%;padding:0 15px 30px}@media(max-width: 1024px){.newsList .newsItem{width:50%}}@media(max-width: 640px){.newsList .newsItem{width:100%}}.newsList .item{background:#fff;border-style:solid;border-color:#d2d2d2;border-width:1px;position:relative;top:unset;right:unset;bottom:unset;left:unset;z-index:1;transition:all .5s;transition-delay:0s;margin:0;padding:30px}@media(min-width: 1201px){.newsList .item:hover{box-shadow:5px 8px 2px rgba(0,0,0,.3);transform:translate(-10px, -10px)}.newsList .item:hover .classTopBox{opacity:0}.newsList .item:hover .Img{box-shadow:2px 5px 5px rgba(0,0,0,.3);opacity:1;transform:translate(-20px, -20px);transition-delay:.2s}.newsList .item:hover .Txt .title,.newsList .item:hover .Txt .text{transform:translateY(100%)}.newsList .item:hover .Txt .title a{color:#df4a72}}.newsList .Img{width:100%;pointer-events:none;opacity:0;position:absolute;top:-50%;right:unset;bottom:unset;left:0;z-index:1;transition:all .5s;transition-delay:0s}.newsList .Img img{width:100%;height:auto;display:block;backface-visibility:hidden}.newsList .Txt{overflow:hidden}.newsList .Txt .title{transition:all .5s;transition-delay:0s}.newsList .Txt .title a{display:block;height:60px;color:#000;font-size:20px;font-weight:700;line-height:30px;letter-spacing:1px;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left}.newsList .Txt .text{height:60px;padding-top:10px;color:#555;font-size:14px;font-weight:400;line-height:25px;letter-spacing:0;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left;transition:all .5s;transition-delay:0s}.newsList .linkWrap{width:100%;height:100%;position:absolute;top:0;right:0;bottom:unset;left:unset;z-index:1}.newsList .linkWrap a{display:block;width:100%;height:100%}.courseList{position:relative;top:unset;right:unset;bottom:unset;left:unset;z-index:5;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin:40px -15px 0}.courseList .courseItem{width:33.3333333333%;padding:0 15px 30px}@media(max-width: 1024px){.courseList .courseItem{width:50%}}@media(max-width: 640px){.courseList .courseItem{width:100%}}.courseList .item{position:relative;top:unset;right:unset;bottom:unset;left:unset;z-index:1}@media(min-width: 1201px){.courseList .item:hover .Txt .more .moreText,.courseList .item:hover .Txt .more .dots{transform:translateX(0)}.courseList .item:hover .Img img{filter:brightness(0.5)}.courseList .item:hover .Img .imgHoverBox{opacity:1}.courseList .item:hover .Img .imgHoverBox .textBox{opacity:1;transform:scale(1) rotate(0deg)}.courseList .item:hover .Img .imgHoverBox .textBox .text{opacity:1;transform:translateY(0);transition-delay:.65s}.courseList .item:hover .Img .imgHoverBox .lineBox{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(45deg)}}.courseList .Img{width:100%;max-width:415px;border-radius:30px;overflow:hidden;position:relative;top:unset;right:unset;bottom:unset;left:unset;z-index:1}.courseList .Img img{width:100%;height:auto;display:block;backface-visibility:hidden;transition:all .8s;transition-delay:0s}.courseList .Img .imgHoverBox{width:100%;height:100%;overflow:hidden;opacity:0;pointer-events:none;position:absolute;top:0;right:unset;bottom:unset;left:0;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap}.courseList .Img .imgHoverBox .textBox{width:120px;height:120px;opacity:0;transform:scale(1.2) rotate(180deg);position:relative;top:unset;right:unset;bottom:unset;left:unset;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all .8s;transition-delay:0s}.courseList .Img .imgHoverBox .textBox::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;border-style:solid;border-color:#fff;border-width:1px}.courseList .Img .imgHoverBox .textBox .text{opacity:0;color:#fff;font-size:18px;font-weight:500;line-height:18px;letter-spacing:2px;font-family:"Nunito","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left;transform:translate(0, -10px);transition:all .5s;transition-delay:0s}.courseList .Img .imgHoverBox .textBox i{display:block;background:#fff}.courseList .Img .imgHoverBox .textBox i:nth-of-type(1){width:2px;height:10px;position:absolute;left:50%;top:-10px;bottom:unset;transform:translate(-50%, 0);z-index:1}.courseList .Img .imgHoverBox .textBox i:nth-of-type(2){width:10px;height:2px;position:absolute;top:50%;left:unset;right:-10px;transform:translate(0, -50%);z-index:1}.courseList .Img .imgHoverBox .textBox i:nth-of-type(3){width:2px;height:10px;position:absolute;left:50%;top:unset;bottom:-10px;transform:translate(-50%, 0);z-index:1}.courseList .Img .imgHoverBox .textBox i:nth-of-type(4){width:10px;height:2px;position:absolute;top:50%;left:-10px;right:unset;transform:translate(0, -50%);z-index:1}.courseList .Img .imgHoverBox .lineBox{width:500px;height:500px;opacity:0;transition:all 1.2s;transition-delay:0s;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;transform:translate(-50%, -50%) scale(0.1) rotate(-90deg)}.courseList .Img .imgHoverBox .lineBox i{display:block;background:#fff}.courseList .Img .imgHoverBox .lineBox i:nth-of-type(1){width:2px;height:150px;position:absolute;left:50%;top:0px;bottom:unset;transform:translate(-50%, 0);z-index:1}.courseList .Img .imgHoverBox .lineBox i:nth-of-type(2){width:150px;height:2px;position:absolute;top:50%;left:unset;right:0px;transform:translate(0, -50%);z-index:1}.courseList .Img .imgHoverBox .lineBox i:nth-of-type(3){width:2px;height:150px;position:absolute;left:50%;top:unset;bottom:0px;transform:translate(-50%, 0);z-index:1}.courseList .Img .imgHoverBox .lineBox i:nth-of-type(4){width:150px;height:2px;position:absolute;top:50%;left:0px;right:unset;transform:translate(0, -50%);z-index:1}.courseList .Txt{max-width:415px;position:relative;top:unset;right:unset;bottom:unset;left:unset;z-index:1;margin:0;padding:30px 0 0}.courseList .Txt .subtitle{color:#b0b7c2;font-size:18px;font-weight:500;line-height:18px;letter-spacing:1px;font-family:"Nunito","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left;margin:0 0 10px;padding:0}.courseList .Txt .title{color:#000;font-size:20px;font-weight:700;line-height:20px;letter-spacing:1px;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left;margin:20px 0 15px;padding:0}.courseList .Txt .text{height:90px;color:#555;font-size:16px;font-weight:400;line-height:30px;letter-spacing:0;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-style:normal;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px;padding:0}.courseList .Txt .linkWrap{width:100%;height:100%;position:absolute;top:0;right:unset;bottom:unset;left:0;z-index:1}