.video_container{display:flex;flex-direction:column;width:100vw;max-width:1232px;padding:0 36px;position:relative;left:50%;transform:translateX(-50%);box-sizing:border-box}
.videoTtile{font-family:'Noto Sans TC';font-size:32px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#333}
.videos{display:flex;flex-wrap:wrap;margin-bottom:14px}
.brick{max-height:378px;max-width:360px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:20px 28px;border-radius:10px;box-shadow:0 4px 16px 0 rgba(51,51,51,0.05);background-color:#fff;text-align:center;margin:10px}
.fancybox{display:flex;position:relative;width:304px;height:184px}
.fancybox img{width:100%;vertical-align:top}
.fancybox:after{content:'\A';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);opacity:0;transition:all .5s;-webkit-transition:all .5s}
.fancybox:hover:after{opacity:1}
.brick_content{min-height:129px}
.brick_content>span{font-family:'Noto Sans TC';font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#333;text-align:center}
.brick_content>p{font-family:'Noto Sans TC';font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#666;margin-top:10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.video_subTitle{font-family:'Noto Sans TC';font-size:24px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#333;margin-bottom:12px;margin-top:36px;margin-left:10px}
.videoOpen{position:fixed;display:flex;align-items:center;justify-content:center;left:0;top:0;width:100%;height:100%;background:rgba(77,75,75,0.65);z-index:100}
.videoClose{display:none}
.closeTag{display:block;position:relative;left:20px;cursor:pointer;text-align:right;font-size:20px;color:#fff}
.windowSize{width:800px;height:600px}
@media(min-width:768px) and (max-width:991px){.video_container{padding:36px 36px 0 36px}
.windowSize{width:688px;height:516px}
.brick{max-width:330px;margin:10px 0}
.videos{max-width:696px;gap:20px}
}
@media(min-width:768px) and (max-width:768px){.content-container-inner{padding:0 36px}
.video_container{padding:36px 36px 0 36px}
.windowSize{width:688px;height:516px}
.videos{max-width:696px}
.brick{max-width:330px;margin:10px 0}
}
@media(max-width:767px){.content-container-inner{padding:0}
.video_container{padding:36px 0 0 0}
.brick{max-width:330px;margin:10px 10px}
.video_subTitle{text-align:center}
.windowSize{width:89%;height:40%}
.video_container{width:100%;max-width:unset}
.content-container-inner{padding:0}
.fancybox:after{max-width:344.21px;left:auto}
.video_subTitle{text-align:center}
.brick{max-width:264px;padding:20px 0;width:fit-content;max-width:none;max-height:none;margin:12px 0;border-radius:0}
.brick_content>p{margin:20px 28px}
.fancybox{width:100%;height:100%;justify-content:center}
.fancybox img{width:100%;max-width:344.21px}
.frame-image{width:100%}
.videoTtile{margin-top:32px}
.video_subTitle{margin-top:32px}
.download_container{padding-top:32px}
.videos{margin-bottom:48px}
}
@media(max-width:375px){.windowSize{width:256px;height:192px}
}
@media(max-width:767px){.videos:last-child{margin-bottom:0}
}