@charset "utf-8";
/* CSS Document */
.video_margin{
	padding-top:50px;
	padding-bottom:50px;
}
.video_margin h2{
	margin: 0;
    padding-bottom: 40px;
    text-align: center;
    color: #000;
    font-size: 32px;
	font-weight:600;
    font-family: "Noto Serif TC","微軟正黑體";
    letter-spacing: 2px;
}
.video_box {
	background: #fff;
	padding:0px;
	width: 100%;
	height: 600px;
}
.video {
	float: left;
	width: 75%;
	height: 600px;
}
.video_box ul.video_list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 25%;
	height:600px;
	float: left;
	border:1px solid #e5e5e5;
    background: #fff;
	border-left:0;
	overflow-y:auto;
}
.video_box ul.video_list li a{
	border-bottom:1px solid #e5e5e5;
	display:block;
	width:100%;
	height:119px;
	padding:10px;
	text-decoration:none;
}
.video_box ul.video_list li:last-child a{
	border-bottom:0;
}
.video_box ul.video_list li a .item{
	display:block;
	height:100px;
}
.video_box ul.video_list li .pic{
	display:table-cell;
	width:110px;
}
.video_box ul.video_list li .pic img{
	width:110px;
	height:80px;
}
.video_box ul.video_list li .txt{
	display:table-cell;
	vertical-align:top;
	padding-left:12px;
	color:#00365c;
	font-size:17px;
	line-height:26px;
}
.video_box .on{
	display:block;
}
.video_box ul.video_list li.active a,.video_box ul.video_list li.on a{
	background-color:#2780C1;
	color:#fff;
	text-decoration:none;
}
.video_box ul.video_list li.active .txt{
	color:#fff;
}

@media screen and (max-width:1200px){
.video_box,.video,.video_box ul.video_list {
	height: 500px;
}
.video {
	width:70%;
}
.video_box ul.video_list{
	width:30%;
}
.video_box ul.video_list li a{
    height: 99px;	
}
.video_box ul.video_list li a .item{
	height:80px;
}
.video_box ul.video_list li .pic{
	width:90px;
}
.video_box ul.video_list li .pic img{
	width:90px;
	height:70px;
}
.video_box ul.video_list li .txt{
	font-size:15px;
	line-height:21px;
}
}
@media screen and (max-width:992px){
.video_margin{
	padding-top:50px;
}
.video_margin h2{
    font-size: 30px;
}
.video_box,.video,.video_box ul.video_list {
	height: 400px;
}
.video_box ul.video_list li a{
    height: 79px;	
}
.video_box ul.video_list li a .item{
	height:60px;
}
.video_box ul.video_list li .pic{
	width:70px;
}
.video_box ul.video_list li .pic img{
	width:70px;
	height:50px;
}
.video_box ul.video_list li .txt{
	font-size:14px;
	line-height:19px;
}
}
@media screen and (max-width:767px){
.video_box,.video,.video_box ul.video_list{
	height: 350px;
}
.video_box ul.video_list li a{
    height: 69px;	
}
.video_box ul.video_list li a .item{
	height:50px;
}
.video_box ul.video_list li .pic{
	display:none;
}
.video_box ul.video_list li .txt {
    padding-left: 0;
}
}
@media screen and (max-width:600px){
.video_box,.video{
	height: 300px;
}
.video{
	width:100%;
}
.video_box ul.video_list {
	width:100%;
	height:auto;
	border-left:1px solid #e5e5e5;
}
.video_box ul.video_list li a{
	width:100%;
	height:auto;
	padding:8px 10px;
}
.video_box ul.video_list li a .item{
	height:auto;
}	
}
@media screen and (max-width:480px){
.video_margin{
	padding-top:40px;
}
.video_box,.video{
	height: 250px;
}
}