@charset "utf-8";
/* CSS Document */
.video_margin{
	padding-top:60px;
	padding-bottom:30px;
}
.video_margin h2{
	margin: 0;
    padding-bottom:50px;
    text-align: center;
    color: #0f5a7c;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 3px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif;
}
.video_box {
	background: #fff;
	padding:0px;
	width: 100%;
	height: 600px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif;
}
.video {
	float: left;
	width: 75%;
	height: 600px;
}
.video_box ul.video_list {
	background-color: #f2f8fb;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 25%;
	height:600px;
	float: left;
	border:0px solid #e5e5e5;
	border-left:0;
	overflow-y:auto;
}
.video_box ul.video_list li a{
	border-bottom:0px solid #e5e5e5;
	border-bottom:1px solid rgba(141, 180, 198, 0.6);
	display:block;
	width:100%;
	height:119px;
	padding:15px;
	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:10px;
	color:#333;
	font-size:16px;
	line-height:25px;
}
.video_box .on{
	display:block;
}
.video_box ul.video_list li.active a,.video_box ul.video_list li.on a{
	background-color:#20a2e5;
	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-left: 30px;
	padding-right: 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:768px){
.video_margin{
	padding-top:50px;
	padding-bottom:30px;
}
.video_margin h2{
    font-size: 28px;
    padding-bottom: 40px;
}
.video{
	width:100%;
}
.video_box,.video,.video_box ul.video_list{
	height: 400px;
}
.video_box ul.video_list {
	border-radius: 0;
	width:100%;
	height:auto;
	border-left:0px solid #e5e5e5;
	border:1px solid rgba(141, 180, 198, 0.6);
}
.video_box ul.video_list li a{
    width:100%;
	height:auto;
	padding:15px;
}
.video_box ul.video_list li a .item{
	height:auto;
}
.video_box ul.video_list li .pic{
	display:none;
}
.video_box ul.video_list li .txt {
    padding-left: 0;
	font-size: 16px;
	line-height: 25px;
}
}
@media screen and (max-width:600px){
.video_margin{
	padding-left: 20px;
	padding-right: 20px;
}
.video_box,.video{
	height: 350px;
}	
}
@media screen and (max-width:480px){
.video_box,.video{
	height: 300px;
}	
}