<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* 20190327 大網UX改版 for uxPanelType = 7 (NO DRM VIDEO LIST) ， 20210406 跑版調整 */
article.videoArea.headerTextRight .videoBox .videoPlayerForNoDRM {
	width: 100%;
	height: auto; /* 要蓋掉videoJS給的高度 */
	padding-top: 55%; /* https://www.geeksforgeeks.org/maintain-the-aspect-ratio-of-a-div-with-css/ */
	margin: 0px auto;
}

@media screen and (max-width: 1023px) {
	/* 20190327 大網UX改版 for uxPanelType = 19 (無DRM Group)
	   20190613 直播館 Start */
	article.videoArea.headerText .videoBox .videoPlayerForNoDRMGroup,
	article.videoArea .videoBox .videoPlayerForLive {
		width: 100%;
		height: auto; /* 要蓋掉videoJS給的高度 */
		padding-top: 55%; /* https://www.geeksforgeeks.org/maintain-the-aspect-ratio-of-a-div-with-css/ */
		margin: 0px auto;
	}
	/* 20190327 大網UX改版 for uxPanelType = 19 (無DRM Group)
	   20190613 直播館 End */
}

/* 20190327 大網UX改版 for uxPanelType = 19 (無DRM Group) Start
	標題要顯示在影片上面 */
.videoBox .videoTitle.multiLine1 {
	z-index: 100;
}
/* 20190327 大網UX改版 for uxPanelType = 19 (無DRM Group) End */

@media screen and (min-width: 1024px) {
	/* 20190327 大網UX改版 for uxPanelType = 19 (無DRM Group)
       20190613 直播館 Start */
	.videoPlayerForNoDRMGroup,
	.videoPlayerForLive {
		width: 68vw;
        height: 37.4vw; /* 1.818比例 */
    } 
    /* 20190327 大網UX改版 for uxPanelType = 19 (無DRM Group)
       20190613 直播館 End */
}

@media screen and (min-width: 1440px) {
	/* 20190327 大網UX改版 for uxPanelType = 7 (NO DRM VIDEO LIST), uxPanelType = 19 (無DRM Group)
	   20190613 直播館 Start */
	.videoPlayerForNoDRMGroup,
	.videoPlayerForLive {
		width: 1002px;
        height: 551px; /* 1.818比例 */
    }
    /* 20190327 大網UX改版 for uxPanelType = 7 (NO DRM VIDEO LIST), uxPanelType = 19 (無DRM Group)
       20190613 直播館 End */
}</pre></body></html>