a:link { color:#ffffff; }
a:visited { color:#ffffff; }
a:hover { color:#c9171e; }
a:active { color:#ffffff; }

html, body {
	/* background: #4dcfdc; */
	background: #e9cbd4;
	background: -moz-linear-gradient(top, #dea3b5 300px, #e95464 100%);
	background: -webkit-linear-gradient(top, #dea3b5 300px,#e95464 100%);
	background: linear-gradient(to bottom, #dea3b5 300px,#e95464 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dea3b5', endColorstr='#e95464',GradientType=0 );
}
.header .menu {
	background-color: #c9171e;
}

.header .nav-menu select {
	color: #ffffff;
}

.header .dark-menu > li::after {
	background-color: #e95464;
}

.header.header-pager .menu:not(#submenu) {
	background-color: transparent;
}
.header .dark-menu > li.current-menu-item > a {
    background: #e95464 !important;
}

.header .dark-menu > li.current-menu-item > a:link {color: #ffffff;}
.header .dark-menu > li.current-menu-item > a:visited {color: #ffffff;}
.header .dark-menu > li.current-menu-item > a:hover { color:#ffffff; }
.header .dark-menu > li.current-menu-item > a:active { color:#ffffff; }

.header.header-pager .menu:not(#submenu) .dark-menu > li.current-menu-item > a {
	background-color: transparent !important;
	color: #c9171e;
}
.header.header-pager .menu#submenu .dark-menu > li.current-menu-item > a {
	color: #ffffff;
}
.header.header-pager .menu#submenu .dark-menu#thirddarkmenu > li.current-menu-item > a {
	color: #c9171e;
}

.header.header-pager .menu .dark-menu > li > a, 
.header .menu-above .dark-menu > li > a {
	position: relative;
}

.header.header-pager .menu .dark-menu > li > a::after,  
.header .menu-above .dark-menu > li > a::after, 
.header .menu .dark-menu#thirddarkmenu > li > a::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-color: #e95464;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	margin-left: -10px;
	overflow: visible;
	visibility: visible;
}
.header.header-pager .menu .dark-menu > li > a::after, 
.header .menu-above .dark-menu > li > a::after {
	bottom: -36px;
}
.header .menu .dark-menu#thirddarkmenu > li > a::after {
	top: -36px;
}
.header.header-pager .menu .dark-menu > li.current-menu-item > a::after, 
.header .menu-above .dark-menu > li.current-menu-item > a::after {
	bottom: -10px;
}
.header .menu .dark-menu#thirddarkmenu > li.current-menu-item > a::after {
	top: -13px;
}
.header.header-pager .menu .dark-menu > li:hover > a,  
.header .menu-above .dark-menu > li:hover > a, 
.header .menu .dark-menu#thirddarkmenu > li:hover > a {
	color: #ffffff;
}
.header.header-pager .menu .dark-menu > li::after, 
.header .menu .dark-menu#thirddarkmenu > li::after {
	background-color: transparent;
}
.header.header-pager .menu .dark-menu#child-menu > li::after {
	background-color: #e95464;
}

.social-icon a:link { color: #ffffff; }
.social-icon a:visited { color: #ffffff; }
.social-icon a:hover { color: #c9171e;  }
.social-icon a:active { color: #ffffff; }

.header .nav-menu > li a:link { color:#FFFFFF; }
.header .nav-menu > li a:visited { color:#FFFFFF; }
.header .nav-menu > li a:hover { color:#c9171e; }
.header .nav-menu > li a:active { color:#FFFFFF; }

.header .nav-menu > li.current-menu-item > a:link { color:#c9171e; }
.header .nav-menu > li.current-menu-item > a:visited { color:#c9171e; }
.header .nav-menu > li.current-menu-item > a:hover { color:#c9171e; }
.header .nav-menu > li.current-menu-item > a:active { color:#c9171e; }

.header .nav-menu > li .registerbox a { background: #c9171e; }
.header .nav-menu > li .registerbox a:link { color:#ffffff; }
.header .nav-menu > li .registerbox a:visited { color:#ffffff; }
.header .nav-menu > li .registerbox a:hover { color:#ffffff; background: #e95464; }
.header .nav-menu > li .registerbox a:active { color:#ffffff; }

.header .dark-menu > li > a:link { color:#ffffff; }
.header .dark-menu > li > a:visited { color:#ffffff; }
.header .dark-menu > li > a:hover { color:#ffffff; }
.header .dark-menu > li > a:active { color:#ffffff; }

.header-search .btn-black { color: #ffffff;}
.header-search .btn-black:link { color: #ffffff; }
.header-search .btn-black:visited { color: #ffffff; }
.header-search .btn-black:hover { color:#c9171e; }
.header-search .btn-black:active { color:#c9171e; }

.header-search:hover .btn-black { color: #c9171e; }

.breadCrumb ul li {
	color: #ffffff;
}

.changerow > i {
	color: #ffffff;
}
.changerow > i:hover {
	color: #E60033;
}
.changerow > i.active {
	color: #E60033;
}

#thirdmenu {
	/* background: #4dcfdc; */
	background: #e9cbd4;
	/* background: -moz-linear-gradient(top, #f17a1c 0%, #f07319 100%);
	background: -webkit-linear-gradient(top, #f17a1c 0%,#f07319 100%);
	background: linear-gradient(to bottom, #f17a1c 0%,#f07319 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a1c', endColorstr='#f07319',GradientType=0 ); */
}

.DetailBox {
	border-top-color: #8B6969;
}

.footer {
	background: #383838;
	color: #d3cfd9;
}
.footer-bottom {
	border-top-color: #3c3c3c;
}
.footer a:link { color: #d3cfd9; }
.footer a:visited { color: #d3cfd9; }
.footer a:hover { color: #ffffff; }
.footer a:active { color: #d3cfd9; }
.information li {
	border-right-color: #69597c;
}

/* .listCol.block .itemBox.listBox .defaultWrap ~ .contentText {
	padding: 6px 8px;
	margin-top: 0;
	background-color: #ffffff;
} */
.titleBox h2, h2.white {
	color: #ffffff !important;
}

.tagCould, .borderB {
	border-color: #8B6969;
}
.tagCould a.flow-level-1 {color: #fffbe7;}
.tagCould a.flow-level-2 {color: #EEFF78;}
.tagCould a.flow-level-3 {color: #ffffff;}
.tagCould a.flow-level-4 {color: #700964;}

/* .listCol.block .itemBox.listBox {
	border-top: 3px solid #f08300;
} */
.videoKind {
	color: #fdebd8;
}
.videoKind .slash { color: #fdebd8; }
.videoTitle {
	color: #ffffff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.watched .videoTitle::after { color: #c9171e; }
.watched .videoTime {
    color: #796161;
}

.btn-custom {color:#8B6969; border-color: #8B6969;}
.btn-custom:link { color:#8B6969; }
.btn-custom:visited {color: #8B6969;}
.btn-custom:hover { color:#F8F4E6; background-color: #c9171e; border-color: #c9171e; }
.btn-custom:active { color:#8B6969; }

.btn-white.btn-line { color: #c9171e; border-color: #c9171e; }
.btn-white.btn-line:link { color: #c9171e; }
.btn-white.btn-line:visited { color: #c9171e; }
.btn-white.btn-line:hover { color: #F8F4E6; background-color: #c9171e; border-color: #c9171e; }
.btn-white.btn-line:active { color: #c9171e; }

.SwitchBox a { color: #c9171e; }
.SwitchBox a:hover { color: #F8F4E6; }

.slideBtn { color: #c9171e; }
.slideBtn:hover { color: #F8F4E6; }

.episode {
	color: #ffffff;
}
.playtime {
    color: #fdebd8;
}
.DetailBox {
    color: #282629;
}

th {
	background-color: #c9171e;
	color: #ffffff;
}
td {
    border-color: #e4b17f;
    border-right-color: #e4b17f;
}

.pagination ul > li > a:hover, 
.pagination ul > li > a:focus, 
.pagination ul > li > a:active, 
.pagination ul > li > a.active {
	background-color: #e95464 !important;
	border-color: #e95464 !important;
}

.video-list {
  background-color: rgba(139,105,105,0.8);
}
.video-list .itemBox .name { color:#ffffff; }
.video-list .itemBox .date {
    color: #fdebd8;
}

@media screen and (max-width : 979px) {
	.header {
		border-bottom-color: #f08300;
		background-color: #c9171e;
	}
	.header.active .logo {
	    background: #c9171e;
	}
	.header-content {
	    background: #c9171e;
	}
	.header-content::after {
		background-color: #e95464;
	}

	.header-search input[type="text"] {
		border-color: #ffffff;
	}

	.header.header-pager .menu:not(#submenu) .dark-menu > li.current-menu-item > a {
		background: #e95464 !important;
		color: #ffffff;
	}
	.header.header-pager .menu:not(#submenu) { background-color: #c9171e; }
	.header .menu .dark-menu > li > a::after, 
	.header.header-pager .menu:not(#submenu) .dark-menu > li > a::after, 
	.header .menu .dark-menu#thirddarkmenu > li > a::after {
		display: none !important;
	}
	.header.header-pager .menu .dark-menu > li:hover > a, 
	.header .menu-above .dark-menu > li:hover > a, 
	.header .menu .dark-menu#thirddarkmenu > li:hover > a {
	    color: #ffffff;
	}
	.header-search:hover .btn-black {
		color: #ffffff;
	}
	.breadCrumbHolder.module {
	    background-color: transparent;
	}
	.breadCrumb {
	    padding: 8px 0;
	}
	.social-icon {
		background: #c9171e;
	}
	.social-icon a:hover {
	    color: #EBF73B;
	}
	
	/*限制字數 fay 20180417*/
	.videoTitle {
		width: 100%;
		overflow: inherit;
		text-overflow: inherit;
		white-space: normal;
		line-height: 24px;
	}
}