body {
	font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
	color: #a1a1a1;
	background-color:rgb(244,244,249);
	font-size: 15px;
}

a {
	color: #939598;
}

a:hover {
	color: #f8ad40;
	text-decoration: none;
}

img {
	-webkit-user-drag: none;
}

video, button, input {
	outline: none;
}

h3 {
	font-size: 20px;
	font-weight: bold;
}

.w-full {
	width: 100%;
}

.h-full {
	height: 100%;
}

.page_main {
	background: #fff;
	/*box-shadow: 0px 0px 40px #000;*/
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 30px;
	min-height: 80vh;
}

.main-nav-brand-col {
	padding-bottom: 4px;
	padding-top: 3px;
}

.main-nav-brand > img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.footer-link {
	text-align: left;
}

.footer-copyright {
	text-align: right;
}

.index-banner {
	position: relative;
	padding: 0;
}

#myCarousel .carousel-caption {
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.8) 70%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.8) 70%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.8) 70%);
	background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.8) 70%);
}
#myCarousel .carousel-caption > h4 {
	background-color: #e21f27;
	display: inline-block;
	padding: 5px 10px 5px 25px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/fintv_icon_small.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}
#myCarousel .carousel-caption > p {
	font-size: 24px;
	width: 600px;
	margin: 0 auto;
}
#myCarousel .carousel-control {
	background: rgba(0, 0, 0, 0.85);
	opacity: 1;
	width: 30px;
	height: 40px;
	line-height: 40px;
	top: 50%;
	margin-top: -20px;
	font-size: 24px;
}

.index-banner-beauty {
	width: 100%;
	height: 8px;
	background: #7c5198;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.index-banner-beauty::after {
	content: '';
	width: 200px;
	height: 100%;
	background: #83bd3f;
	position: absolute;
	right: 0;
	top: 0;
}

.cate-nav-item-program > a {
	font-size: 14px;
}

.cate-nav-item-program > a:hover {
	color: #f7ad40;
}

/** nav */
.main-nav {
	border-radius: 0;
	z-index: 999;
	margin-bottom: 0;
	border: none;
	background-color: #fff;
	height: 70px;
	line-height: 70px;
	position: relative;
	/*box-shadow: 0px 0px 5px #000;*/
}

.nav-menu-btn {
	border: none;
	background: none;
	height: 100%;
	outline: none;
	font-size: 24px;
}

.main-nav > div.nav_banner img {
	height: 100%;
}
.main-nav > div.nav_tool {
	padding: 15px 0;
	line-height: 60px;
	text-align: right;
}
.main-nav > div.nav_tool > a {
	padding: 0 5px;
}

.top-menu-col ul {
	margin: 0;
}

.top-menu > li {
	float: left;
}
.top-menu > li > a {
	font-weight: bold;
	font-size: 18px;
	color: #939598;
	display: inline-block;
	text-decoration: none;
	margin: 0 15px;
	position: relative;
	padding-left: 40px;
}
.top-menu > li > a::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;
	width: 34px;
	height: 32px;
	background-image: url(../images/menu_sprite.png);
	background-repeat: no-repeat;
	background-position-y: -32px;
}
.top-menu > li > a:hover, .top-menu > li.active > a {
	color: #f8ad40;
}
.top-menu > li > a:hover::before, .top-menu > li.active > a::before {
	background-position-y: 0px;
}
.top-menu > li:first-child > a::before {
	background-position-x: 0;
}
.top-menu > li:nth-child(2) > a::before {
	background-position-x: -34px;
}
.top-menu > li:nth-child(3) > a::before {
	background-position-x: -68px;
}
.top-menu > li:nth-child(4) > a::before {
	background-position-x: -102px;
}
.top-menu > li:nth-child(5) > a::before {
	background-position-x: -136px;
}

.top-menu > li:nth-child(6) > a::before {
	background-image: url(../images/menu_vip.png);
	background-size: 34px 32px;
	background-position: center;
}

.top-menu > li:nth-child(6) > a:hover::before {
	background-image: url(../images/menu_vip_active.png);
}

.nav-sub-menu {
	background: #fff;
	border-top: 1px #fff solid;
	display: none;
	box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
	position: absolute;
	width: 100%;
	left: 0;
	top: 70px;
	z-index: 1;
	height: 260px;
}

.sub-menu-channel {
	line-height: 25px;
	background-image: url("/static/images/subMenuBorder.png");
	background-repeat: no-repeat;
	background-position: right 14px center;
	width: 14.28%;
}
@media (max-width: 991px) {
	.sub-menu-channel {
		width: 100% ;
	}
}
.sub-menu-channel:last-child {
	background-image: none;
}

.page-more {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #939598;
	color: #fff;
	font-size: 21px;
	border: none;
	border-radius: 6px;
	margin: 20px 0;
	outline: none;
	display: inline-block;
	text-align: center;
}
.page-more > img.loading {
	display: none;
	margin-right: 10px;
}
.page-more.loading > img.loading {
	display: inline-block;
}

.video-more {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: unset;
	color: #fff;
	font-size: 21px;
	border-radius: 6px;
	margin: 20px 0;
	outline: none;
	border: 1px #ccc solid;
	display: inline-block;
	text-align: center;
}

button.video-more::after {
	content: "  (  " attr(data-count) "  )";
}

.scroll-cate-box {
	width: 100%;
	overflow: hidden;
}

.scroll-cate-row {
	height: 310px;
	position: relative;
	overflow: hidden;
}

.col-video {
	width: 395px;
	float: left;
	padding: 0 10px;
}

.top-tool {
	height: 40px;
	background: #7d5298;
	color: #fff;
	line-height: 40px;
	font-size: 16px;
}

.top-tool-marqueen-title {
	float: left;
}

.top-tool-marqueen {
	height: 40px;
}

.top-tool-marqueen > span {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	text-align: center;
	cursor: pointer;
	font-size: 24px;
}

.top-tool-marqueen > span:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.top-tool-marqueen > span.top-tool-marqueen-prev {
	right: 30px;
}

.top-tool-marqueen > ul {
	list-style: none;
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.top-tool-marqueen > ul > li {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.top-tool-marqueen > ul > li > a {
	color: #fff;
}

.top-tool-search {
	padding-right: 30px;
	position: relative;
	height: 26px;
	line-height: 26px;
	width: 100%;
	display: inline-block;
}

.top-tool-search-input {
	border: none;
	height: 100%;
	padding: 0;
	margin: 0;
	width: 100%;
	color: #333;
	border-radius: 6px;
	padding: 0 10px;
	outline: none;
}

.top-tool-search-input::-webkit-input-placeholder {
	color: #333;
	text-align: center;
	letter-spacing: 15px;
	font-weight: bold;
}

.top-tool-search-input::-moz-placeholder {
	color: #333;
	text-align: center;
	letter-spacing: 15px;
}

/* firefox 19+ */
.top-tool-search-input:-ms-input-placeholder {
	color: #333;
	text-align: center;
	letter-spacing: 15px;
}

/* ie */
.top-tool-search-input:focus::-webkit-input-placeholder {
	color: #fff;
}

.top-tool-search-input:focus::-moz-placeholder {
	color: #fff;
}

.top-tool-search-input:focus::-ms-input-placeholder {
	color: #fff;
}

.top-tool-search-btn {
	width: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-size: 24px;
	background: none;
	border: none;
	color: #fff;
	outline: none;
}

.player-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.player-container .vjs-16-9{
	width: 100%;
	height: 100%;
	min-height: 550px;
	padding-top:unset;
}

#pageContainer {
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
}

#pageContainer.loading {
	opacity: 0;
}

.main-nav .navbar-brand {
	height: 60px;
	margin: 15px 0;
	padding: 0;
}

.main-nav .nav {
	height: 60px;
}

.main-nav .nav > li > a {
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	font-size: 18px;
	padding: 0 15px;
	margin: 0 15px;
	color: #fff;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
}

.main-nav .nav > li.active > a {
	color: #f8ad40;
	background-color: inherit;
}

#myCarousel .item > img {
	width: 100%;
}

#myCarousel .carousel-indicators {
	bottom: 0px;
}

#myCarousel .carousel-indicators > li {
	border: none;
	background-color: #ccc;
}

#myCarousel .carousel-indicators > li.active {
	background-color: #e21f27;
}

.video-sns {
	line-height: 40px;
	font-size: 16px;
}
.video-sns > div {
	position: relative;
	padding: 0 5px;
}
.video-sns > div > a {
	display: inline-block;
	color: #888;
	text-decoration: none;
}
.video-sns > div > div {
	position: absolute;
	border: 1px solid #aaa;
	border-radius: 3px;
	display: none;
	bottom: 40px;
	right: -10px;
	min-height: 40px;
	background-color: #fff;
}
.video-sns > div > div::before {
	position: absolute;
	bottom: -4px;
	right: 45px;
	padding: 3px;
	border: inherit;
	content: "";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: none;
	border-left: none;
	background: #fff;
}
.video-sns > div:hover > a {
	color: #ccc;
}
.video-sns > div:hover > div {
	display: block;
}

.video-content {
	color: #939598;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 30px;
}
.video-content > h1 {
	font-size: 28px;
}

.fm-content {
	color: #939598;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 30px;
}
.fm-content > h1 {
	font-size: 34px;
}
.fm-content .pause {
	background: #a1a1a1;
	color:#fff;
	border-radius: 5px;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fm-content .pause:after {
	content: "";
}
.fm-content .play {
	background: red;
	color:#fff;
	border-radius: 5px;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fm-content .play:after {
	content: "";
}

.audio-col {
	padding: 0 10px;
	font-size: 16px;
}
.audio-col.active .main-audio-item {
	cursor: unset;
}
.audio-col.active .main-audio-item .watching-overlay {
	display: table;
}
.audio-col.active .main-audio-item .watching-overlay .player {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
}
.audio-col.active .main-audio-item:hover {
	background: #2a313d !important;
}
.audio-col .main-audio-item {
	width: 100%;
	overflow: hidden;
	background-color: #2a313d;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-radius: 12px;
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
	cursor: pointer;
}
.audio-col .main-audio-item:hover {
	color: #fff;
}
.audio-col .main-audio-item:hover > p > a, .audio-col .main-audio-item:hover > text, .audio-col .main-audio-item:hover > text > a {
	color: #fff;
}
.audio-col .main-audio-item:hover > a > img {
	transform: scale(1.1);
}
.audio-col .main-audio-item > a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 200px;
	background-image: url(/static/images/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: 80%;
	overflow: hidden;
}
.audio-col .main-audio-item > a > img {
	width: 100%;
	height: 100%;
	position: absolute;
	transition: all .2s;
	-moz-transition: all .2s;
	/* Firefox 4 */
}
.audio-col .main-audio-item > p {
	width: 100%;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 15px;
	margin: 8px 0;
	color: #fff;
}
.audio-col .main-audio-item > p > a {
	text-decoration: none;
	color: #fff;
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
}
.audio-col .main-audio-item > text {
	display: inline-block;
	width: 100%;
	padding: 0 15px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
}
.audio-col .main-audio-item > text > span {
	float: left;
}
.audio-col .main-audio-item > text > .audioplayer-playpause {
	float: right;
}

.player-dimensions {
	height: unset;
}

.top-article-sign {
	background-image: url(../images/topArticle.png);
	height: 100px;
	padding-top: 45px;
	background-size: 36px 36px;
	background-repeat: no-repeat;
	background-position-y: 10px;
	background-position-x: center;
	font-size: 24px;
	color: #EE4036;
	float: left;
	margin-top: 10px;
}

.top-article-tab {
	height: 90px;
	margin-top: 15px;
	width: 90px;
	float: left;
	background: #EE4036;
	position: absolute;
	left: 120px;
}
.top-article-tab > a {
	background: #ff8900;
	width: 80px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	text-align: center;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.top-article-tab > a:last-child {
	border-bottom: none;
}
.top-article-tab > a.active {
	background: #EE4036;
	border-right: none;
	border-left: 10px solid #fff;
}

.top-article-list {
	float: left;
	height: 120px;
	width: 100%;
	padding-left: 200px;
	position: absolute;
	left: 0;
}
.top-article-list > ul {
	padding: 0;
	margin: 0;
	display: none;
}
.top-article-list > ul.active {
	display: block;
}
.top-article-list > ul > li {
	width: 33.3%;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	float: left;
	padding-left: 30px;
}
.top-article-list > ul > li > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	padding-right: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #603813;
}
.top-article-list > ul > li > a > span {
	display: inline-block;
	color: #F6921E;
	padding: 0 5px;
	border-top: 1px #F6921E solid;
	border-bottom: 1px #F6921E solid;
	line-height: 18px;
	margin-right: 15px;
}
.top-article-list > ul > li > a > i {
	display: inline-block;
	position: absolute;
	right: 0;
	width: 20px;
	height: 100%;
	top: 0;
	color: #F6921E;
}

.index-cate-videos {
	position: relative;
}
.index-cate-videos > span {
	position: absolute;
	width: 50px;
	height: 80px;
	line-height: 80px;
	top: 50%;
	text-align: center;
	font-size: 48px;
	margin-top: -40px;
	color: #939598;
	cursor: pointer;
	display: none;
}
.index-cate-videos > span.active {
	display: block;
}
.index-cate-videos > span.icon-arrow-left {
	left: -50px;
}
.index-cate-videos > span.icon-arrow-right {
	right: -50px;
}

.pl-cate-title {
	color: #fff;
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	position: relative;
	margin: 40px 0 0 0;
}
.pl-cate-title::before {
	width: 100%;
	height: 1px;
	content: " ";
	display: block;
	margin-bottom: -20px;
	border-bottom: 1px #ccc dashed;
}
.pl-cate-title > text {
	padding: 0 20px;
	background: #fff;
}
.pl-cate-title > text > a {
	padding: 8px 15px;
	border-radius: 36px;
	color:#fff;
}
.pl-cate-title > text > a:hover {
	color: #fff;
}

.pl-cate-row {
	height: 160px;
}
.pl-cate-row:nth-child(even) {
	border-right: 2px rgba(255, 255, 255, 0.3) solid;
}
.pl-cate-row > a {
	display: inline-block;
	padding: 10px 20px;
	color: #888;
	line-height: 1.5em;
	width: 100%;
	text-decoration: none;
	overflow: hidden;
}
.pl-cate-row > a > p {
	height: 85px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: -webkit-box;
}
/*.pl-cate-row > a:hover {
  color: #fff;
}*/
.pl-cate-row > a > div {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	float: left;
	margin-right: 10px;
}

.fin-tile {
	color: #939598;
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 28px;
	text-align: center;
	position: relative;
	margin: 40px 0 0 0;
}
.fin-tile::before {
	width: 100%;
	height: 1px;
	background: #bbb;
	content: " ";
	display: block;
	margin-bottom: -20px;
}
.fin-tile > text {
	padding: 0 20px;
	background: #fff;
	font-size: 24px;
	font-weight: bold;
}
.fin-tile > a {
	padding: 0 40px 0 20px;
	background: #fff;
	display: inline-block;
	position: absolute;
	right: 0;
	font-size: 16px;
	color: #939598;
	background-image: url(../images/duihua.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.main-video-item {
	width: 100%;
	overflow: hidden;
	background-color: #2a313d;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-radius: 12px;
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
}
.main-video-item:hover {
	color: #fff;
}
.main-video-item:hover > p > a, .main-video-item:hover > text, .main-video-item:hover > text > a {
	color: #fff;
}
.main-video-item:hover > a > img {
	transform: scale(1.1);
}
.main-video-item > a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-image: url(/static/images/logo_white.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: 80%;
	overflow: hidden;
}
.main-video-item > a > img {
	width: 100%;
	height: 100%;
	position: absolute;
	transition: all .2s;
	-moz-transition: all .2s;
	/* Firefox 4 */
}
.main-video-item > p {
	width: 100%;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 15px;
	margin: 8px 0;
	color: #fff;
}
.main-video-item > p > a {
	text-decoration: none;
	color: #fff;
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
}
.main-video-item > text {
	display: inline-block;
	width: 100%;
	padding: 0 15px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
}
.main-video-item > text > span {
	float: left;
}
.main-video-item > text > a {
	float: right;
	background-image: url(../images/fintv_icon_small_color.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 2px center;
	font-weight: bold;
}

.cate-close-btn {
	background: none;
	border: none;
	font-size: 20px;
	color: #a1a1a1;
	position: absolute;
	bottom: 15px;
	right: 15px;
	outline: none;
	line-height: 40px;
}
.cate-close-btn:hover {
	color: #333;
}

.progranmme-header {
	width: 100%;
	height: 60px;
	background: #fff;
	margin-bottom: 15px;
	border:1px solid #939598;
	border-radius: 6px;
	position: relative;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.progranmme-header > .iconfont {
	color: #666;
	position: absolute;
	top: 0;
	padding: 0 20px;
	font-size: 24px;
	display: inline-block;
}
.progranmme-header > a.iconfont {
	color: #939598;
}
.progranmme-header > a.iconfont:hover {
	color: #f8ad40;
	text-decoration: none;
}
.progranmme-header > a.iconfont.icon-arrow-left {
	left: 0;
}
.progranmme-header > a.iconfont.icon-arrow-right {
	right: 0;
}
.progranmme-header .icon-arrow-left {
	left: 0;
}
.progranmme-header .icon-arrow-right {
	right: 0;
}

.breadcrum {
	padding: 15px 0;
	display: block;
	list-style: none;
	margin: 0;
	font-size: 16px;
}
.breadcrum > li {
	float: left;
	color: #f8ad40;
}
.breadcrum > li::after {
	font-family: "iconfont";
	content: "\e603";
	color: #939598;
	padding: 5px;
}
.breadcrum > li:last-child::after {
	display: none;
}
.breadcrum > li > a {
	color: #939598;
}

.footer {
	background: #7d5298;
	color: #fff;
	padding: 40px 0;
}
.footer a {
	color: #fff;
	transition: all .5s;
	-moz-transition: all .5s;
	/* Firefox 4 */
}
.footer a:hover {
	color: #f8ad40;
}

.footer-banner {
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.05);
	box-shadow: 0 3px 5px #252525;
	margin-bottom: 15px;
}

.live-banner {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	background-color: #2a313d;
	background-image: url(../images/live_logo.png);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
}

.live-beauty {
	width: 100%;
	height: 0;
	padding-top: 14%;
	background: url(../images/live_beauty.png);
	background-size: contain;
}

.pl-container {
	margin: 0;
	margin-top: 20px;
}

.pl-container > div {
	padding: 0;
}

.pl-container ul {
	margin: 0;
}

.pl_banner {
	background-size: cover;
}

.pl_banner > img {
	margin: 0 auto;
	display: block;
}

.pl-item {
	border: none;
	border-radius: unset;
	margin-top: 15px;
	background-color: #E2E9ED;
	padding: 20px;
}

.pl-item:first-child {
	margin-top: 0;
}

.pl-item > a {
	color: #4a4a3c;
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.pl-item > a > h2 {
	border-top: 1px #4a4a3c solid;
	border-bottom: 1px #4a4a3c solid;
	display: inline-block;
	line-height: 1.4em;
}

.pl-item > a > p {
	margin-top: 20px;
	line-height: 1.5em;
}

.news-pagination {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #7d5298;
	color: #fff;
	border-radius: 6px;
	outline: none;
	text-align: center;
	padding: 0 15px;
	position: relative;
}

.news-pagination-date {
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 50px;
	background-image: url(../images/menu/menu_03_off.png);
	display: inline-block;
	cursor: pointer;
	font-size: 21px;
}

.news-pagination-date::before {
	float: right;
	margin-left: 5px;
}

.news-pagination-date:hover {
	color: #f8ad40;
	background-image: url(../images/menu/menu_03_on.png);
}

.news-pagination > a {
	font-size: 18px;
	text-decoration: none;
	position: absolute;
	color:#fff;
}

.news-pagination > a:hover {
	color: #f8ad40;
}

.news-pagination > a > i.iconfont, .news-pagination > span > i.iconfont {
	padding: 0 10px;
}

.news-list-banner {
	background-color: #6C226B;
}

.news-list-banner h2 {
	color: #D5E05B;
	display: inline-block;
	line-height: 50px;
}

.news-list-banner h2 > i {
	float: left;
	font-size: 40px;
}

.news-list-container {
	display: table;
	padding: 0;
}

.news-list-item {
	border-bottom: 1px #939598 dashed;
	margin-top: 20px;
	color: #939598;
}

.news-list-item > h4 {
	background: #eb1c23;
	padding: 3px 10px;
	width: max-content;
	color: #fff;
	border-radius: 5px;
}

.news-list-item > p {
	font-size: 16px;
}

.news-list-item > span {
	width: 200px;
	text-align: right;
	font-size: 20px;
	padding-right: 20px;
	background: #E2D3E1;
}

.news-list-item > div {
	font-size: 16px;
	line-height: 1.5em;
	padding: 15px;
}

.news-list-item > div > h3 {
	background: #E2D3E1;
}

.news-list-pagination {
	padding-bottom: 50px;
}

.news-list-pagination > li > a {
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
	padding: 8px 20px;
	border-radius: 4px;
}

.news-list-pagination > li > a:hover {
	background-color: #6C226B;
	color: #D5E05B;
}

.side-tools {
	position: fixed;
	right: 0;
	display: none;
}

/* scroll top */
#float_btn {
	position: fixed;
	right: 50%;
	margin-right: -700px;
	bottom: 15%;
	z-index: 5;
	transition: all 1s;
	-webkit-transition: all 1s;
}

#float_btn .mb-10 {
	margin-bottom: 10px;
}

#float_btn .scroll-btn {
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #888;
	border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	background: rgba(33, 33, 33, 0.7);
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

#float_btn .scroll-btn:focus,
#float_btn .scroll-btn:hover {
	text-decoration: none;
}

#float_btn .scroll-btn > .iconfont {
	font-size: 30px;
}

#float_btn .click-top {
	display: none;
}

/* */
.player-fixed-container {
	display: none;
	margin-bottom: 20px;
	box-shadow: 0px 5px 5px #000;
	border: 1px #ccc solid;
	position: relative;
}

a.fixed-player-close-btn {
	display: inline-block;
	width: 32px;
	text-align: center;
	position: absolute;
	height: 32px;
	top: -32px;
	right: 0;
	line-height: 32px;
	text-decoration: none;
	color: #6C226B;
	text-shadow: 0px 5px 5px #000;
}

.fixed-player-close-btn > i {
	font-size: 20px;
}

.programme-landing-breadcrumb {
	padding: 15px 0;
}

.programme-landing-breadcrumb a {
	text-decoration: none;
}

.programme-landing-pagination {
	position: absolute;
	right: 15px;
}

.programme-landing-pagination-top {
	top: -35px;
}

.programme-landing-pagination-bottom {
	bottom: -50px;
}

.programme-landing-pagination .glyphicon {
	font-size: 14px;
	color: #222;
	margin-left: 10px;
	text-decoration: none;
}

.programme-landing-pagination span.glyphicon {
	color: #aaa;
}

.programme-landing-banner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.programme-landing-banner-m {
	background: #fff;
	padding: 10px;
	margin: 0;
	display: table;
	width: 100%;
}

.programme-landing-banner-content {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px;
}

.programme-landing-banner-img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.programme-landing-item {
	padding: 10px 5px 0 5px;
}

.programme-landing-item:hover > a {
	color: #fff;
}

.programme-landing-item > a {
	background-color: rgba(150, 150, 150, 0.2);
	text-decoration: none;
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
	display: block;
}

.programme-landing-item-top {
	height: 0;
	padding-bottom: 57.3%;
	background-color: #000;
	position: relative;
}

.programme-landing-item-top > img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.programme-landing-item-top > span {
	padding: 3px;
	font-size: 12px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.75);
}

.programme-landing-item-bottom {
	height: 70px;
	width: 100%;
	padding: 5px;
	line-height: 20px;
}

.programme-landing-item-bottom > p {
	margin: 0;
	max-height: 40px;
	width: 100%;
	overflow: hidden;
}

.programme-landing-item-bottom > span {
	font-size: 12px;
}

.video-view-banner {
	padding-bottom: 50px;
	background: #E2E9ED;
}

.video-view-banner h3 {
	line-height: 1.4em;
}

.video-view-banner p {
	font-size: 16px;
	line-height: 1.6em;
}

/**/
.c-list-container {
	display: table;
	padding: 0;
}

.audio-list-item {
	border-bottom: 1px #fff dashed;
	margin-top: 20px;
	color: #fff;
}

.audio-list-item > .date_div > .date {
	background: #eb1c23;
	padding: 5px 10px;
	width: max-content;
	color: #fff;
	border-radius: 5px;
	margin-right: 10px;
}

.audio-list-item > .date_div > .audioplayer-stopped > .iconfont {
	color: #ffffff;
	cursor: pointer;
	background: #868686;
	padding: 5px 40px 5px 10px;
	border-radius: 5px;
}

.audio-list-item > .date_div > .audioplayer-playing > .iconfont {
	color: #868686;
	cursor: pointer;
	background: #ffffff;
	padding: 5px 40px 5px 10px;
	border-radius: 5px;
}

/**/
.channel-banner {
	position: absolute;
	height: 100%;
	background-size: cover;
}

.channel-program-banner {
	margin: 0 -10px;
	background-color: #E2E9ED;
}

.channel-program-banner > div {
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
}

.channel-program-banner-img {
	width: 150px;
	height: 130px;
	padding: 20px;
}

.channel-program-banner-img > img {
	width: 100%;
	height: 100%;
}

.channel-program-banner-content {
	padding-left: 20px;
}

.channel-program-banner-title > h3 {
	width: max-content;
	line-height: 40px;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	margin: 0;
}

.channel-program-banner-more {
	padding: 0 20px;
}

.channel-program-banner-more > a {
	width: max-content;
	display: inline-block;
	color: #222;
	border: 1px #222 solid;
	padding: 3px 5px;
	text-decoration: none;
}

.about-banner {
	width: 100%;
	height: 200px;
	position: relative;
	background-size: cover;
	background-position: center;
}

.about-banner > h1 {
	position: absolute;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0;
	line-height: 40px;
	top: 50%;
	margin-top: -20px;
	color: #fff;
}

.share-container {
	float: right;
}

.share-container > a {
	float: left;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 5px;
	border-radius: 25px;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

.share-container > a.icon-facebook {
	background-color: #44619D;
}

.share-container > a.icon-ttww {
	background-color: #55acee;
}

.share-container > a.icon-zan {
	width: auto;
	background-color: #44619D;
	padding: 0 5px;
}

.nav_tool {
	padding-top: 19px;
}

.nav_tool > div > a.icon-facebook {
	background-color: #44619D;
}

.nav_tool > div > a.icon-youtube {
	background-color: #ff0000;
}


.nav_tool > div > a {
	float: left;
	font-size: 18px;
	color: #fff;
	margin: 0 5px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	background-color: #777;
}

.nav_tool > div > a > img {
	width: 100%;
	max-width: 32px;
}

.top-menu-col {
	position: static;
	padding: 0;
	padding-left: 15px;
}

.scroll-video-item {
	position: absolute;
}

.main-video-item {
	cursor: pointer;
}

.cate-row {
	margin-left: -10px;
	margin-right: -10px;
}

.video-col {
	padding: 0 10px;
	font-size: 16px;
}

.main-video-item.watching {
	cursor: unset;
}

.watching-overlay {
	position: absolute;
	width: 101%;
	height: 101%;
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
	display: none;
}

.watching-overlay > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
}

.main-video-item.watching .watching-overlay {
	display: table;
}

.main-video-item.watching:hover {
	background: #2a313d !important;
}

.video-return-btn {
	text-align: right;
}

.video-return-btn > a {
	padding: 12px 36px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	background: #939598;
}

.video-return-btn > a:hover, .video-return-btn > a:focus {
	text-decoration: none;
	color: #fff;
}

/* member modal */
#finethkmembermodal .modal-body {padding:0}
#finethkmembermodal .modal-content {border-radius:unset}
#modal_left_visual {
	width:100%;
	height:365px;
	padding-top:114px;
	background-color:#007166;
	background-image:url(/static/images/modal_bg_member.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom center;
}

#finethkmembermodal .modal-content > .modal-body > div.row > div:first-child {padding-right:0}
#finethkmembermodal .modal-content > .modal-body > div.row > div:not(:first-child) {padding:30px 30px 30px 15px}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs {border:0;}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li > a.nav-link {
	border-top:0;
	border-right:0;
	border-bottom:1px solid #ddd;
	border-left:0;
	border-radius:unset;
	color:#ddd;
	padding:5px;
	margin-bottom:15px;
	text-align:center;
}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li > a.nav-link:hover {
	background-color:unset;
}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li > a.nav-link {
	font-size:18px;
}
#finethkmembermodal .modal-content > .modal-body ul.nav-tabs > li.active > a.nav-link {
	border-bottom:4px solid #007166;
	color:#007166;
}

button.cat-0 {
	background-color: #007166;
	color: #fff;
}
.m-10 {margin:10px 5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-30 {margin-top:30px;}
.mt-55 {margin-top:55px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-30 {margin-right:30px;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-30 {margin-bottom:30px;}
.br-1 {border-right:1px solid #a0a0a0;}
.bl-1 {border-left:1px solid #a0a0a0;}
.text-lg {font-size:18px}
.text-sm {font-size:14px}
.text-xs {font-size:12px}
.subtle {color:#d8d8d0}
.text-md-center {text-align:left}
.btn-lg {padding:10px 30px}
.w-100 {width:100%}
.en {letter-spacing:0;}
.ml-15{ margin-left: 15px }
.clear-left {clear:left;}

ul.member-menu {
	padding:0;
	list-style: none;
	margin: 30px 0;
}
.member-dropdown-menu{
	min-width: auto;
}
#breadcrumb>a {color:#808078}
#breadcrumb,#breadcrumb>a:hover,#breadcrumb>a:active {color:#73736c;}
#breadcrumb>i.fas {
	margin:0 10px;
}
div.title-banner3{
	width: 100%;
	padding-top: 30%;
	background-size: cover;
	background-position: center center;
}
ul.member-menu > li {
	border-bottom: 5px solid #ccc;
	padding:3px 0;
	margin:0 10px;
	display:block;
	width: 100%;
	font-size:21px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
div.banner-img2.cat-0>div.title-banner3 > h1 {
	background-color: #007166;
	color: #fff;
	display: inline;
	padding: 12% 15px 15px 12%;
	position: relative;
	bottom: 35px;
	right: 15px;
}
ul.member-menu > li.active,
ul.member-menu > li:hover {
	border-bottom: 5px solid #ff8700;
}
ul.member-menu > li > a {
	padding:3px 10px;
	color:#ccc;
}
ul.member-menu > li.active > a,
ul.member-menu > li:hover > a {
	text-decoration:none;
	color:#ff8700;
}

/* lg */
@media (max-width: 1200px) {
	.full-container {
		width: 100%;
	}

	.top-menu > li > a {
		margin: 0 15px;
	}

	.index-banner {
		margin: 0 -15px;
	}

	.scroll-cate-row {
		height: auto;
	}

	.scroll-video-item {
		position: static;
		left: unset !important;
	}

	#float_btn {
		position: fixed;
		right: 50%;
		margin-right: -700px;
		bottom: 15%;
		z-index: 5;
		transition: all 1s;
		-webkit-transition: all 1s;
	}
}
/* md */
@media (max-width: 991px) {
	.top-menu-col {
		display: block;
		position: unset;
		width: 100%;
	}

	.main-nav {
		height: 60px;
		width: 100%;
		line-height: 50px;
		padding: 5px 0;
	}

	.top-tool {
		display: none;
	}

	.nav_tool {
		padding-top: 9px;
	}

	.main-nav-brand-col {
		text-align: center;
	}

	.top-menu-col {
		display: none;
		position: absolute;
		top: 60px;
		background: #fff;
		height: auto;
		box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
		border-top: 1px #fff solid;
		padding: 0 50px;
		z-index: 9999;
	}

	.top-menu > li {
		width: 100%;
	}

	.top-menu > li > a {
		border-bottom: 2px solid rgba(153, 151, 151, 0.75);
		width: 100%;
		margin: 0;
	}

	.nav-sub-menu {
		position: static;
		background: unset;
		border: none;
		box-shadow: none;
		padding: 0;
	}

	.nav-sub-menu-container {
		height: auto;
		padding: 0;
		padding-left: 40px;
	}

	.sub-menu-channel {
		cursor: pointer;
		background: none;
		border-bottom: 2px solid rgba(153, 151, 151, 0.75);
		padding: 0;
	}

	.sub-menu-channel:last-child {
		border: none;
	}

	.sub-menu-channel ul {
		display: none;
	}

	.search-container {
		padding: 10px 0;
	}

	.top-tool-search {
		height: 40px;
	}

	.top-tool-search-input {
		font-size: 24px;
	}

	.top-tool-search-btn {
		font-size: 36px;
		height: 100%;
	}

	#myCarousel .carousel-caption {
		text-align: left;
		padding: 30px;
	}

	#myCarousel .carousel-caption > p {
		width: 100%;
	}

	.programme-landing-banner-img {
		width: 120px;
		height: 120px;
	}

	.programme-landing-banner-content {
		padding: 0 10px;
	}

	.footer-link {
		text-align: center;
	}

	.footer-copyright {
		text-align: center;
	}

	.video-return-btn {
		text-align: center;
	}
}
/* md */
@media (max-width: 768px) {
	#myCarousel .carousel-caption > p {
		font-size: 16px;
	}

	.nav_tool {
		padding-left: 0;
		padding-right: 10px;
	}
}
@media (min-width: 992px) {
	.top-menu-col, .sub-menu-channel > ul {
		display: block !important;
	}
}
/* md */
@media (max-width: 1450px) {
	#float_btn {
		right: 20px;
		margin: 0;
	}
}
@media (max-width: 450px) {
	.main-nav-brand-col {
		padding: 0;
	}

	.nav_tool {
		padding: 10px;
	}

	.nav_tool > div > a {
		font-size: 16px;
		margin: 0 3px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}
@media (max-width: 401px) {
	.nav_tool {
		padding: 11px 10px;
	}

	.nav_tool > div > a {
		margin: 0 3px;
		width: 28px;
		height: 28px;
		line-height: 28px;
	}
}
@media (max-width: 385px) {
	.nav_tool > div > a {
		margin: 0 1px;
	}
}
@media (max-width: 350px) {
	.nav_tool {
		padding: 13px 10px;
	}

	.nav_tool > div > a {
		font-size: 14px;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
}

.text-3xl{
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.text-4xl{
	font-size: 2.25rem;
	line-height: 2.5rem;
}
.text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.text-orange-600{
	--tw-text-opacity: 1;
	color: rgba(248, 173, 64, var(--tw-text-opacity));
}
.flex{
	display: flex;
}
.grid{
	display: grid;
}
.grid-flow-col{
	grid-auto-flow: column;
}
.grid-cols-3{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gap-4{
	gap: 1rem;
}
.border-b{
	border-bottom-width: 1px;
}
.border-t{
	border-top-width: 1px;
}
.border-t-solid{
	border-top-style: solid;
}
.border-b-solid{
	border-bottom-style: solid;
}
.border-orange-600{
	--tw-border-opacity: 1;
	border-color: rgba(248, 173, 64, var(--tw-border-opacity));
}
.py-3{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.my-8{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.my-12{
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.mt-12{
	margin-top: 3rem;
}
.px-12{
	padding-left: 3rem;
	padding-right:3rem;
}
.w-60{
	width: 15rem;
}
.video-mbg{
	width: 100%;
	height: 100%;
}
.absolute{
	position: absolute;
}
.video-hybs{
	background-color:red;
	padding:5px 10px;
	color: white;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.video-bgv{
	background-color: rgba(0,0,0,0.85);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	min-height: 550px;
}
@media (max-width: 768px) {
	.payment_info .logo{
		display: none;
	}
	.grid-cols-3{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.mt-12 {
		margin-top: 1.5rem;
	}

	.text-3xl {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.text-4xl {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.text-orange-600 {
		--tw-text-opacity: 1;
		color: rgba(248, 173, 64, var(--tw-text-opacity));
	}

	.video-bgv{
		background-color: rgba(0,0,0,0.85);
		display: block;
		justify-content: center;
		align-items: center;
		padding: 10px;
	}
	.payment_info{
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	.player-container .vjs-16-9{
		min-height: 200px;
	}
}