.videos{display:block;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:2.5vw 0;position:relative;width:100%}.videos h1{color:#333;font-family:Oswald;font-size:3em;margin-left:6%}.videos h1 span{color:#a58f68;display:block;font-size:14px;padding:5px 0}.videos ul{width:100%}.videos ul li{float:left;padding:.5vw 0;width:639px}.videos ul li .videoImg,.videos ul li .videoImg img,.videos ul li .videoInfo{width:100%}.videos ul li .videoContent{position:relative}.videos ul li .videoContent h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;overflow:hidden;padding:10px 0;text-overflow:ellipsis;width:calc(100% - 40px)}.videos ul li .videoContent h3:before{background-image:url(https://360.jsl.com.tw/viewstyle/1.0.7/images/icon_cinema.svg);background-repeat:no-repeat;content:"";display:block;height:30px;position:absolute;right:0;top:8%;width:30px}.videos ul li .videoContent h4{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#7e7d7d;display:-webkit-box;font-size:14px;line-height:2;overflow:hidden;padding-top:10px;text-overflow:ellipsis;width:100%}.videos ul li:last-child{padding-right:6%}.videos .videoController{cursor:grab;padding-left:6%;width:100%}.videos .videoController:active{cursor:grabbing}.videoDialog{align-items:center;display:flex;left:0;opacity:0;top:-100%;transition:all .33s ease-in-out;-moz-transition:all .33s ease-in-out;-webkit-transition:all .33s ease-in-out}.videoDialog,.videoDialog .mask{height:100%;position:fixed;width:100%;z-index:10000}.videoDialog .mask{background-color:rgba(0,0,0,.8);cursor:pointer}.videoDialog .videoData{margin:0 auto;padding:20px;position:relative;width:60%;z-index:10001}.videoDialog .videoData .btnClose{margin:-70px 0;position:absolute;right:0;width:40px}.videoDialog .videoData .videoObj{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}.videoDialog .videoData .videoObj embed,.videoDialog .videoData .videoObj iframe,.videoDialog .videoData .videoObj object{height:100%;left:0;position:absolute;top:0;width:100%}.videoShow{opacity:1;top:0;transition:all .33s ease-in-out;-moz-transition:all .33s ease-in-out;-webkit-transition:all .33s ease-in-out}@media (max-width:768px){.videos{padding:5vw 0 0}.videos ul{width:100%}.videos ul li{float:left;height:auto;padding:5vw 0 0;width:calc(100% - 50px)}.videos ul li:last-child{padding-right:6%}}