.video-wrap{width:100%; float:left; margin: 0;}
.video-content{width:1400px; margin: 60px auto;}
.cpTt{width:100%;float:left;font-size:26px; padding-bottom: 50px; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ccc;}
.cpTt h1{font-family: 'Noto Sans TC', sans-serif; font-weight: 500;font-size:30px; letter-spacing: 0.2em;}
.img-fluid{max-width:100%;height:auto}
.videoContainer{ width: 100%; float: left; font-size: 0;}
.video-item{width:31.333333%; margin: 25px 1%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;display: inline-block;vertical-align: top;}
.video-item{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.video-item.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-item:after{content: "";display: block;line-height: 0;clear: both;}
.video-box-img {margin: 0; padding: 0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;position:relative; background-color: #000;}
.video-box-img img{margin: 0; display: block; opacity: 0.8}
.video-box-img:hover i{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; color: #ff0000;}
.video-box-img i{position:absolute;   top:50%;left: 50%;transform: translate(-50%, -50%);font-size: 40px; color: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.video-tx{width: 100%; padding:15px 0%; box-sizing: border-box; display:block; font-family: 'Noto Sans TC', sans-serif; }
.tx-title{ font-size: 18px; margin-bottom: 10px;font-weight:500;line-height:1.6em; }
.st{font-size: 14px; color: #666;line-height:1.6em;}

@media only screen and (max-width: 1600px) {
.video-content{width:90%; margin: 50px auto 30px;}	
.cpTt{padding-bottom: 40px; margin-bottom: 30px;}
.cpTt h1{font-size:30px; }
.video-item{margin: 15px 1%;}	
}
@media only screen and (max-width: 1280px) {
.video-content{width:92%; margin: 50px auto 30px;}
.cpTt{padding-bottom: 30px; margin-bottom: 30px;}
.video-item{width:31.333333%; margin: 12px 1%;}	
}
@media only screen and (max-width: 980px) {	
.video-content{margin: 40px auto 30px;}
.cpTt{padding-bottom: 30px; margin-bottom: 20px;}
.video-item{width:48%; margin: 10px 1%;}
.cpTt h1{font-size:28px;}
}
@media only screen and (max-width: 550px) {
.video-content{width:90%; margin: 25px auto 20px;}
.cpTt{padding-bottom: 5px; margin-bottom: 10px;}
.cpTt h1{font-size:24px;margin-bottom: 15px;}
.video-item{width:100%; margin: 10px 0;}
.video-box .ecatalog-box-tx{font-size: 15px;}	
.video-tx{ padding:10px ;}
}