/* Inside Video */
.vd-ls a{ display:block; float:left; width:48.5%; margin-top:3%; margin-right:3%; padding:10px 10px 25px; background-color:#fff; text-align:center; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vd-ls a:nth-of-type(1), .vd-ls a:nth-of-type(2){ margin-top:0;}
.vd-ls a:nth-of-type(2n){ margin-right:0;}
.vd-ls a img{ width:100%;}
.vd-ls a h1{ font-family:"Montserrat-Bold-3","SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; margin-top:20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vd-ls a:hover{ background-color:#1350a8;}
.vd-ls a:hover h1{ color:#fff;}
@media screen and (max-width:640px){ 
.vd-ls a{ width:100%; margin-right:0; padding:0;}
.vd-ls a:nth-of-type(2){ margin-top:25px;}
.vd-ls a h1{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:18px; margin:8px;}
}

/* Inside VideoView */
.vl-bg{ width:100%; max-width:800px; margin:35px auto 0;}
.vl-bg video{ width:100%;}
.vl-nm{ font-family:"Montserrat-Bold-3","SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:30px; text-align:center;}
@media screen and (max-width:640px){ 
.vl-bg{ margin-top:15px;}
.vl-nm{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:18px;}
}