@charset "utf-8";
body{
	margin:0;
	padding:0;
	font-family:  ‘cwTeXKai’, serif, 細明體,新細明體;
	font-size: 16px;
	color: #3C3C3C;
	background: url(images/season_body_bg.jpg) center top repeat; 
}


.ftv_top{background-color: rgba(0,0,0,0.75);}
/* 不知幹嘛用-原本在頁面上 */
.Delete {
	cursor: pointer;position: absolute;right: 6px;top: 6px;width: 20px;height: 20px;transform: rotate(45deg);}

.Delete:after {width: 2px;left: 50%;top: 0;bottom: 0;margin-left: -1px;}

.Delete:before {height: 2px;top: 50%;right: 0;left: 0;margin-top: -1px;}

.Delete:after, .Delete:before {background: rgb(255, 255, 255);content: "";position: absolute;}

/* Hp content */
.hpmainbox{display:block; position: relative;  width:800px; height:100%; min-height:700px;float:left; background: url(images/fei-yue_04.png) 30px top; background-size: 802px 600px; background-repeat:no-repeat; padding: 0 0 70px 30px ;text-align:center;  }
/*#td{position:relative;}*/
#youtube_box{float:left; width:560px; height:315px; top:120px; right:85px; padding: 93px 0px 0px 183px;}
.moc{display:block; width:280px; height:30px; text-indent:-9999px; position:absolute; top:460px; right:20px;}

a {
	color: #960; display: inline-block;
	text-decoration: none;
}

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

.head{ width: 100%; min-width:1000px; height: auto; background: url(images/header_bg.png) center top no-repeat; z-index: 1;}
.fott{ width: 100%; min-width:1000px; height: auto; background: url(images/fei-yue-bg_footer.png) center bottom no-repeat; background-size: auto 220px; z-index: 0; padding-bottom: 0px;}
/* content */

.fei-wrapper{ width:1150px; min-width:1000px; height:100%; min-height:500px; padding:195px 0px 100px 0px;background:url(images/fei-yue-bg.png) no-repeat center top;background-size: contain; margin: 0px auto 0px auto; overflow: hidden;}
.fei-link{width:60%; height: 170px;  position: absolute;top:60px;}
.fei-link a img{ width: 700px; height:150px;}
.fei-left{width:16%; height:auto; min-height:760px; float:left; padding: 0px 0px 0px 0px;  }
.fei-left iframe{height:auto;  min-height:760px;z-index: 999; }

.fei-right{display:block; position: relative;  width:80%; height:100%; min-height:500px; float:left; padding: 35px 0px 0px 4%; text-align:center; }

.fei-right > #ssmenubox{display: inline-block; width: 100%;height: 40px; margin:0px; }
/** content - 分集大綱**/

.selectbox{display: inline-block; box-sizing: border-box; width: 100%; height:30px;margin:0px; padding: 3px; border-radius: 0px 15px 0px 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ec6a22+0,ec6a22+0,f2a324+76,f2a324+76,ffb626+100,ffb626+100&1+0,0.1+78,0+100 */
background: -moz-linear-gradient(top, rgba(63,155,166,1) 0%,rgba(63,155,166,1) 56%,rgba(125,185,232,0) 100%);  /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(63,155,166,1) 0%,rgba(63,155,166,1) 56%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(63,155,166,1) 0%,rgba(63,155,166,1) 56%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6a22', endColorstr='#00ffb626',GradientType=0 ); /* IE6-9 */
}

.selectbox > iframe{ width:320px; height:28px; padding: 2px; clear: both; float: right; text-align: right;}

/**該集內容框**/
.setbox{ width:95%; margin: 10px auto; padding:10px 5px 50px 5px; float:right;  text-align:left;}


.title {
	width:100%; height:35px;
	text-align:left;font-weight: normal; padding: 3px 0px 3px 20px;color:#333333; font-size: 1.5em; line-height:1.4em;  letter-spacing: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7f4046;
	border-radius: 5px; position: relative;
}
.title::before{content: " "; width: 15px; height: 15px; border-radius: 50%; background-color: #7f4046; position: absolute;left:-5px; top:15px; }
.playbox{ width:560px;margin: 10px auto;}
.writer {
	font-size: 1em; line-height: 1.6em;
	font-weight: bold;
	color: #FFF;
	padding: 3px 0 3px 18px;
	border-bottom-color: #FFF;
	border-radius: 5px 0 0 5px;
	background: -moz-linear-gradient(left, rgba(80,80,80,1) 15%, rgba(80,80,80,0.6) 40%, rgba(80,80,80,0) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(80,80,80,1) 135%,rgba(80,80,80,0.6) 40%,rgba(80,80,80,0) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(80,80,80,1) 15%,rgba(80,80,80,0.6) 40%,rgba(80,80,80,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#00505050',GradientType=1 ); /* IE6-9 */
}
.author {
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
	padding: 2px 15px 15px 15px;
	line-height:1.6em;
}
.author img{ display:table-cell;
    vertical-align:middle; border: #333 9px solid;
    text-align:center;  width:480px ; height: auto; margin: 5px auto; }
.author-B {

	font-size: 24px;
	font-weight: bold;
	color: #333;
	padding-top: 13px;
	padding-bottom: 13px;
}
/** content - 區域**/
.area_select{display: block; width: 100%; height: 30px; padding:0px 15px 0px 0px; margin: 3px 0px; text-align:right; align-content: right; }
.area_select iframe{ width: 100px; height: 30px; align-content: right; }


/** content - youtube**/


#youtube_box{width:336px; height:220px; top:120px; right:85px;}
/*.moc{display:block; width:280px; height:30px; text-indent:-9999px; position:absolute; top:460px; right:20px;}*/
.video{
	/*position: absolute;*/
	width: 750px;
	height: 350px;
	top: 89px;
	left: 20px;
}
.videoifm{float:left; width:240px; margin-right:7px;}



table {display: block;position: absolute; z-index: 900; width:90%;  border-collapse: collapse; margin: 0 auto; line-height: 1.6em; font-size:1.1em;  }
 
table, td, th { border: none; padding: 15px; }
tr:nth-child(1){background-color:rgba(210, 233, 255,1);}
tr:nth-child(2){background-color:rgba(255, 204, 204,1);}
tr:nth-child(3){background-color:rgba(255, 255, 153,1);}
tr:nth-child(4){background-color:rgba(219, 202, 255,1);}
tr:nth-child(5){background-color:rgba(210, 233, 255,1);}
th{width: 18%;}
td{width: 82%; background-color:rgba(255, 255, 255,0.5); }

.sponsor_R{ display:block; width:99%; min-width:1000px;height: 50px; max-width: 1250px ; min-height:40px; text-align: right; position: relative; z-index: 0; bottom: 0; right:3%; margin: 0 auto;}

/* Footer */
#footer {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background:url(images/footer_bg.gif) repeat-x;
	color:#ccc;
	overflow:hidden;
	clear:both;
}

#footer .footer_logo{
	display:block;
	background:url(images/footer_logo.png) no-repeat;
	width:117px;
	height:50px;
	float:left;
	text-indent:-99999px;
	margin-left:15px;
	border-right:solid 1px  #606062;
	padding-right:10px;
}

#footer .right{float:left; margin:10px 0 0 20px; font-family: Gadget, sans-serif, "微軟正黑體"; line-height: 1.5em; font-size:0.8em; letter-spacing:1px; }


#footer p {
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
	text-align: left;
	line-height: 1.8em;
	font-size: 0.7em;
	width:970px;	
}
.photolist {
    border-collapse: collapse;
    border-spacing: 0;
	margin:0 auto;
}
.photolist td{
    border: 1px solid #ccc;
	padding:7px;
}
#vision {
	width: 766px;
}
.txt {
	font-size: 15px;
	font-weight: normal;
	color: #333;
	line-height: 25px;
}
.Rtxt {
	font-size: 16px;
	font-weight: bold;
	color: #900;
}
.Btxt {
	font-size: 16px;
	font-weight: bold;
	color: #036;
}

#mainbox {
	background-image: url(images/2fei-yue_De.jpg);
}
.de-de {
	background-image: url(images/2fei-yue_De.jpg);
}

/* 第九季以後的Player */
section{display:inline-flex;flex-direction:row; flex-flow: row wrap; justify-content: flex-start; align-items:stretch; width: 100%; margin-top: 20px; }
.v-set{display:inline-flex; flex-direction:column; justify-content: flex-start;align-items:flex-start; width:50%; text-align:left; margin: 15px auto 10px auto;}
.title_v {
	width:93%; height:30px; display: block;
	text-align:left;font-weight: normal; padding: 5px 0px 3px 5px;color:#333333; font-size: 1.4em; line-height:1.4em;  letter-spacing: 1px;
	border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color:  rgb(167,210,194,1);
	border-radius: 5px; position: relative;
}
.title_v b{ width: 100px;height: 30px; border-radius: 2px 8px 2px 8px; padding: 2px 5px; background-color :rgb(167,210,194,1); ; font-size: 60%;letter-spacing: 1px; color: #454545; position: relative; left: -5px;}
.v-player{ width:93%;height: 26%;min-height: 280px; margin: 2px 2px ; border-radius: 15px;}
.v-player .scale{width: 100%;padding-bottom: 56.25%;height: 0; position: relative;}
.v-player .scale #youtube{position: absolute; top: 0; left: 0; width: 100%; min-width: 325; max-width: 650px; height: 100%; min-height: 275px; max-height: 552px;}