/*!
 * Diane's v0.1 ( 2014/09/01 ~ )
 * Copyright 2014 toLink, Inc.
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/*
@media only screen and (min-width: 768px) {
  .container {
	width: auto;
    width: 750px;
  }
}
*/
/*
@media only screen and (max-width: 1199px) { /*秀二欄*
	.container {
		width: auto;
		max-width: 1020px;
	}
	/*
	.col33 {
		width: 50% !important;
		*max-width: 480px;
	}
	.col50 {
		width: 100% !important;
		*max-width: 990px;
	}
	.conwidth {
		width: 50% !important;
	}
	*
}
@media only screen and (min-width: 1270px) {
	.container {
		width: auto;
		*width: 970px;
		min-width: 1020px;
	}
	/*
	.col33 {
		width: 33.33333333% !important;
		*max-width: 480px;
	}
	.col50 {
		width: 50% !important;
		*max-width: 735px;
	}
	.conwidth {
		width: 33.33333333% !important;
		*max-width: 480px;
	}
	*
}
@media only screen and (min-width: 1530px) {
	.container {
		width: auto;
		*min-width: 1080px;
		*max-width: 1530px;
		*min-width: 1020px;
		max-width: 1530px;
	}
}
@media only screen and (min-width: 2560px) {
	.container {
		width: 100%;
	}
}
*/

#wrapper {
	min-height: 100%;
	min-width: 1120px; /*1110*/
	position: relative;
}
#content {
	*padding-bottom: 100px;
	min-height: 500px;
}
/*
#step_content #content {
	padding-bottom: 100px;
}
*/
.container {
	width: 100%;
}
.font-MS-Light {
	font-family: 微軟正黑體 Light, 新細明體;
}


label.error {
	padding: 5px;
	color: #ff0000;
	font-weight: bold;
}

.row { /*1420*/
  margin-right: -60px; /*-15*/
  margin-left: -60px; /*-15*/
}
.content-page {
  *margin-right: -15px;  /*[diane]150211 會影響一般頁面左右空白不均，所以先隱藏，看會影響哪裡*/
  *margin-left: -15px; 
}
.content-page .row {
  display: block;
  margin-right: -15px; 
  margin-left: -15px; 
    display: -webkit-box;/*190527+*/
    display: -ms-flexbox;/*190527+*/
    display: flex;/*190527+*/
    -ms-flex-wrap: wrap;/*190527+*/
    flex-wrap: wrap;/*190527+*//
}
.footer {
	*position: absolute;
	position: static !important;
	height: auto !important;
	top: auto !important;
	bottom: 0;
	width: 100%;
	margin-top: 60px;
	padding: 60px 0px;
	background: #EFEFEF;
	-moz-box-shadow: inset 0px 0px 10px #ccc; /* Firefox */
	-webkit-box-shadow: inset 0px 0px 10px #ccc;/* Safari 和 Chrome */
	box-shadow: inset 0px 0px 10px #ccc; /* Opera 10.5 + */
	zoom: 1; /* IE */
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=180, Strength=10); /* IE */
}
/*
.footer .data {
	float: left;
	padding-left: 45px;
	vertical-align: bottom;
	display:table-cell;
	vertical-align:middle;
}
.footer .data div {
	clear: float;
	*font-size: 0.9em;
	line-height: 1.2em;
	color: #727171;
}
.footer .data div a {
	color: #727171;
	font-weight: bold;
}
.footer .data div.sitemap {
	margin-bottom: 40px;
	font-size: 1em;
}
.footer .data .line { 
	height: 29px;
	position: relative;
	z-index: 100;
	top: -25px;
	left: -60px;
	background: url('../image/lineFooter.png') no-repeat right top;
}
*/
/*↓↓畫面變化之預設值↓↓*/
/*
.footer .col-8 {
	padding: 0px;
	padding-right: 45px;
}
.footer .col-8 .col-4 {
	padding: 15px;
}
.footer .col-8 iframe, .footer .col-8 embed {
	height: 100%;
}
*/
.footer .col-xs-10 iframe, .footer .col-xs-10 embed {
	height: 100%;
}
/*↑↑*/


/*reservation_expire_alert +190605*/
#reservation_expire_alert > div {
	padding: 5px 10px; color: #ffffff; text-align: center; background: #ff0000;
}
#reservation_expire_alert.fixed {
    position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
}



/*float*/
.float-menu {
	z-index: 1111;
	position: fixed;
	*top: 50%; /*380*/
	right: 45px;
}
#float {
	z-index: 1111;
	position: fixed;
	*border: 1px solid #9fa0a0;
	*background: #ffffff;
}	
.button {
	cursor: pointer;
}
#float > .nav > li {
	clear: both;
	z-index: 999;
	margin-bottom: 1px;
	padding: 10px;
	height: 43px;
	background: #ffffff;
	border-bottom: 1px solid #9fa0a0;
}
#float > .nav > li.app {
	padding-top: 8px;
}
#float > .nav > li.end {
	border-bottom: 0px;
}
#float > .nav > li a {
	padding: 0px;
}
#float > .main-menu {
	height: 308px;
	overflow: hidden;
	border: 1px solid #9fa0a0;
	border-bottom: 0px;
}
#float > .menu-tool {
	width: 180px;
	position: absolute;
	top: 3px;
	right: 100px; /*75*/
	z-index: 999;
	overflow: hidden;
}
#float > .menu-tool {
	width: 250px;
	position: absolute;
	top: 0px;
	right: 44px; /*52*/
	z-index: 999;
	overflow: hidden;
}
#float > .menu-tool > ul {
	*margin-bottom: 0px;
	*height: 310px;
}
#float > .menu-tool li {
	*margin-left: 282px;
	clear: both;
	*margin-bottom: 1px;
	padding: 10px;
	width: 250px;
	height: 44px;
	color: #ffffff;
	background: #000000;
	background-color: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE6~IE8*/
}
#float > .menu-tool li a {
	display: block;
	color: #ffffff;
	filter: 'alpha(opacity=70)';  
	filter: Alpha(Opacity=70, FinishOpacity=70, Style=2);
	-moz-opacity:0.7;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6~IE8*/
}
#float > .menu-tool li a:hover {
	color: #B37642;
}
#float > .menu-tool li div {
	float: right;
	*padding-right: 5px;
}
#float > .menu-tool input {
	margin-top: -5px;
	margin-left: -2px;
	height: 1.8em; /*2em*/
	color: #ffffff;
}
/* WebKit browsers */
#float > .menu-tool ::-webkit-input-placeholder {
	font-size: 100%;
	color: #ffffff;
	filter: 'alpha(opacity=70)';  
	filter: Alpha(Opacity=70, FinishOpacity=70, Style=2);
	-moz-opacity:0.7;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6~IE8*/
}
/* Mozilla Firefox 4 to 18 */
#float > .menu-tool :-moz-placeholder {
	font-size: 100%;
	color: #ffffff;
	filter: 'alpha(opacity=70)';  
	filter: Alpha(Opacity=70, FinishOpacity=70, Style=2);
	-moz-opacity:0.7;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6~IE8*/
}
/* Mozilla Firefox 19+ */
#float > .menu-tool ::-moz-666666 {
	font-size: 100%;
	color: #ffffff;
	filter: 'alpha(opacity=70)';  
	filter: Alpha(Opacity=70, FinishOpacity=70, Style=2);
	-moz-opacity:0.7;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6~IE8*/
}
/* Internet Explorer 10+ */
#float > .menu-tool :-ms-input-placeholder {
	font-size: 100%;
	color: #ffffff;
	filter: 'alpha(opacity=70)';  
	filter: Alpha(Opacity=70, FinishOpacity=70, Style=2);
	-moz-opacity:0.7;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6~IE8*/
}

/*FORM*/
.form-group { /*2419*/
  margin-bottom: 10px;
}
form {
	*width: 1440px;
}
.input-sm,
.form-horizontal .form-group-sm .form-control { /*2494*/
  height: 30px;
  padding: 5px 10px;
  /*font-size: 12px;*/
  font-size: 0.9em;
  line-height: 1.5;
  border-radius: 3px;
}
.form-horizontal .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  /*font-size: 18px;*/
  font-size: 1.2em;
  line-height: 1.33;
  border-radius: 6px;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  *margin-right: -15px;
  *margin-left: -15px;
}
  
@media (min-width: 768px) { /*2639*/
  .form-inline .form-group {
    display: inline-block;
    *margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  /*
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
  */
}
@media (min-width: 768px) { /*2702*/
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

/*========== nav START==========*/
/* 基本 */
.nav { /**/
  *padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li { /**/
	float: left;
	position: relative;
	display: block;
	color: #BFC0C0;
}
.nav > li > a { /**/
	position: relative;
	display: inline-block;
	*padding: 10px 0px 10px 20px;
	padding: 5px;
	padding-left: 25px;
	color: #BFC0C0;
	*font-weight: bold;
}
.nav > li.block { 
	*padding: 0px 0px 0px 20px;
	*padding: 5px 0px 0px 20px;
	padding: 5px;
	padding-left: 20px;
}
.nav > li.block > a { 
	*padding: 10px 0px;
	padding: 0px;
}
/* 應用：入圍得獎內選項 & 報名步驟 */
.nav-pills > li { /*3690*/
	float: left;
	margin: 0px;
	margin-top: 20px;
	*padding: 0px;
	text-align: cetner !important;
}
.nav-pills > li > a {
	padding: 0px 20px 10px 20px;
	text-align: cetner !important;
	color: #9FA0A0;
	font-size: 1.15em; /*h4*/
	font-weight: bold;
	line-height: 1.35em;
	background-color: transparent;
	border-bottom: 1px solid #9FA0A0;
}
.nav-pills > li > a:hover, 
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #B37642;
	font-weight: bold;
	border-bottom: 4px solid #B37642;
}
.nav-pills > li > a:hover div, 
.nav-pills > li.active > a div,
.nav-pills > li.active > a:hover div,
.nav-pills > li.active > a:focus div {
}
ul.nav-pills {
	margin-top: -20px;
}
/*========== nav END==========*/

/*========== 區塊：header START==========*/
#header { /*1108*/
	position: relative;
	left:0; top:0; right:0;
	z-index:1000;
	background-color:#fff;
	border-bottom: rgba(0,0,0,0.05) 1px solid;

	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
	   -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
			box-shadow: 0 0 2px rgba(0,0,0,.1) !important;

	-webkit-transition: all .800s;
	   -moz-transition: all .800s;
		 -o-transition: all .800s;
			transition: all .800s;
}
/* Sticky 60px */
#header .navbar-brand, #header .navbar-brand_en {
	display: inline-block;
	width: 250px;
	height: 82px;
	background: url("../image/logoL.gif") no-repeat;
}
#header .navbar-brand_en {
	width: 318px !important;
	background: url("../image/logoenL.gif") no-repeat;
}
#header .navbar-brand-year {
	padding: 50px 0px 0px 102px;
	font-family: 'Arial';
	font-weight: bold;
	font-size: 92%;
	color: #595757 ; /*626262→7c7b7b*/ 
}
#header .navbar-brand_en .navbar-brand-year {
	padding: 47px 0px 0px 250px;
}
/*
.navbar-brand img {
	display: inline-block;
}
*/
/* 黑色表頭 funcnav*/
.funcnav {
	width: 100%;
	background: #231916;
}
.funcnav .user-info {
	position: relative; 
	padding:5px; 
	padding-top: 7px;
	display: inline-block; 
	color: #ffffff; 
}
.funcnav .nav li a:hover, .funcnav .nav li .active, .funcnav #funcnav-aboutus:hover, .funcnav #funcnav-account:hover {
	color: #ffffff;
}
.funcnav #funcnav-aboutus, .funcnav #funcnav-account {
	cursor: pointer !important;
}

/* 主單元選單 navbar navbar-nav */
.navbar { /*3769*/
	position: relative;
	min-height: 50px;
	margin: 0.6em 0px;
	margin-bottom: 0.2em;
}
.navbar-nav > li  { 
	display: block;
	margin-top: 28px;
	padding: 0px 0px 0px 55px;
	width: auto;
	color: #3F3B3A;
	font-size: 1.35em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: left;
	line-height: 1em;
	filter: 'alpha(opacity=100)';
	-moz-opacity:1;
	opacity: 1;
	cursor: pointer;
}
.navbar-nav > li > div > div.date { 
	visibility: hidden;
	margin-top: -5px;
	padding-top: 5px;
	padding-left: 2px;
	font-weight: normal;
	font-size: 70%;
	line-height: 0.9em;
	letter-spacing: 0px;
}
.navbar-nav > li:hover > div > div.date, .navbar-nav > li.active > div > div.date {
	visibility: visible;
	font-weight: bold;
}
.navbar-nav > li:hover > div > div.line, .navbar-nav > li.active > div > div.line {
	position: absolute;
	z-index: 99;
	left: 45px;
	height: 100%;
	border-left: 6px solid #3F3B3A;
}
/*--- fixed ---*/
/* Sticky 60px */
#header.fixed {
	position:fixed;
	border-bottom:rgba(0,0,0,0.08) 1px solid;
}
#header.fixed .navbar {
	margin: 0.3em 0px 0.1em;
}
#header.fixed .navbar-brand, #header.fixed .navbar-brand_en {
	margin-top: 0px;
	width: 75px;
	height: 63px;
	background-image: url("../image/logoSingleS.png");
}
#header.fixed .navbar-brand-year {
	display: none;
}
#header.fixed .navbar-nav > li {
	margin-top: 25px;
	padding-left: 40px;
	font-size: 22px;
}
#header.fixed .navbar-nav .date {
	padding-top: 5px;
}
#header.fixed .navbar-nav > li:hover > div > div.line, #header.fixed .navbar-nav > li.active > div > div.line {
	left: 27px;
}
/*========== 區塊：header END==========*/

/*========== 堆疊圖檔 START==========*/
.image-stacked > span {
	float: left;
	margin: 5px 0px;
}
.image-stacked > span > span {
	float: left;
	padding: 5px;
}
.image-stacked a:hover {
	filter: 'alpha(opacity=100)';
	filter: Alpha(Opacity=100, FinishOpacity=100, Style=2);
	-moz-opacity:1;
	opacity: 1;
}
.content-page .image-stacked {
	margin-left: -5px;
	margin-right: -5px;
}
.content-page .image-stacked > span {
	margin: 0px;
}
/*
.footer .image-stacked a:hover {
	filter: 'alpha(opacity=70)';  
	filter: Alpha(Opacity=70, FinishOpacity=70, Style=2);
	-moz-opacity:0.7;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6~IE8*
}
.footer .image-stacked > span > span {
	padding: 15px;
}
*/
.image-stacked > span > a {
	display: block;
}
.image-stacked > span > a > div {
	position: relative;
}
.wrap img {
	display: block;
}
#r_1 {
	margin: 0px 0px 5px 0px; 
}
#r_1 .wrap {
	margin: 0px;
}
/*
#r_4 .wrap {
	margin-left: 0px;
	margin-right: 5px;
}
*/
.overlay {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
}
a .overlay {
	text-align: center;
	*background-color: #ffffff;
	transition: color, background-color, opacity 0.7s;
	visibility: hidden;
}
a:hover .overlay {
	padding: 0px 5px;
	background-color: #000000;
	filter: 'alpha(opacity=60)';  
	filter: Alpha(Opacity=60, FinishOpacity=60, Style=2);
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6~IE8*/
	visibility: visible;
}
.fauxtable {
	padding: 30px;
	display: table;
	width: 100%;
	height: 100%;
}
.fauxtable .fauxcell {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.8em; /*2*/
	line-height: 1.2em;
	font-weight: bold;
	color: #ffffff;
}
.fauxcell div {
	margin-top: 15px;
	/*font-size: 15px;*/
	font-size: 0.6em;
	line-height: 1.42857143;
	font-weight: normal;
}
.fauxcell img {
	margin: 20px auto;
}
/* 應用：電影學院+, 學院歷屆學員 */
.content-page #filmacademyplus .image-stacked > span, .content-page #stacked .image-stacked > span {
	margin: 15px 0px !important; 
}
.content-page #filmacademyplus .image-stacked > span.first, .content-page #stacked .image-stacked > span.first {
	margin-top: 0px !important; 
}
#filmacademyplus .fauxtable, #stacked .fauxtable {
	padding: 5px !important;
}
#filmacademyplus .fauxtable .fauxcell, #stacked .fauxtable .fauxcell {
	font-size: 1em !important;
}
#filmacademyplus .wrap, #stacked .wrap {
    background: none !important;
}
#filmacademyplus .wrap:after, #stacked .wrap:after {
    padding-top: 100% !important; /*54.28%*/
}
#filmacademyplus .plus .col-lg-2, #filmacademyplus .plus .col-xs-3, #stacked .plus .col-lg-2, #stacked .plus .col-xs-3 {
	padding: 0px 5px !important;
}
#filmacademyplus a:hover .overlay, #stacked a:hover .overlay {
	border-radius: 50% !important;
}
/*========== 堆疊圖檔 END==========*/


/*分欄*/
.col { /*+190527*/    
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-12 {
	width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
    -webkit-box-flex: 0; /*+190527 付款查詢與付款頁*/   
    -ms-flex: 0 0 58.33333333%; /*+190527*/   
    flex: 0 0 58.33333333%; /*+190527*/   
    max-width: 58.33333333%; /*+190527*/
}
.col-6 {
	width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
	width: 33.33333333%;
}
.col-3 {
	width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}
.content-page .col-4 {
	padding: 5px;
}
.col, .col_7 { /*+190527 付款查詢與付款頁*/
  float: left;
  position: relative;
  min-height: 1px;
  *padding-right: 15px;
  *padding-left: 15px;
  display: block;
}
.col-12-height {
	width: auto !important;
	height: 100% !important; 
}


.select { width:80px; height:24px; background:none; border:none; }     
#sleHid { display:block; width:56px; overflow:hidden; }     
#sleBG { width:78px; height:24px; border:#61AC36 1px solid; border-right:none; background:url("../images/common/selArr.jpg") #fff no-repeat 62px 1px; display:block;}


/*選單*/
/*已改用 style-select-block 
.select-style select {
	background: none;
	width: 335px;
	margin-top: -0px;
	padding: 6px; 
	color: #B37642;
	line-height: 1.1em;
	border: 0; 
	border-radius: 0;
	height: 46px; /*34*
	-webkit-appearance: none; 
}
.select-style {
	width: 315px;
	height: 46px;
	overflow: hidden;
	background: url(../image/iconNDownS.png) no-repeat 285px center #fff; 
	border: 1px solid #c0c0c0;
}
.select-style.small select {
	width: 120px;
}
.select-style.small {
	width: 100px;
	font-size: 100%;
	background: url(../image/iconNDownS.png) no-repeat 70px center #fff; 
} 
/*影展專用測試調整中*
.select-style-a select {
	background: none;
	width: 100%;
	max-width: 328px;
	margin-top: -0px;
	padding: 6px; 
	color: #B37642;
	line-height: 1.1em;
	border: 0 !important; 
	border-radius: 0;
	height: 46px; /*34*
	-webkit-appearance: none; 
}
.select-style-a {
	width: 100%;
	max-width: 308px;
	height: 46px;
	overflow: hidden;
	background: url(http://202.168.194.157/~tghff_tolink/outland/image/iconNDownS.png) no-repeat 278px right #fff; 
	*background: url(http://202.168.194.157/~tghff_tolink/outland/image/bgSelect.png) no-repeat center; 
	*border: 1px solid #c0c0c0;
}
*/
/*[diane]150212 二個箭頭，但無法居中
.select-style select {
	background: none;
	width: 340px;
	margin-top: -0px;
	padding: 6px; 
	color: #B37642;
	line-height: 1.1em;
	border: 0; 
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none; 
}
.select-style {
	width: 315px;
	height: 34px;
	overflow: hidden;
	background: url(../image/bgSelect.png) no-repeat center; 
	border: 1px solid #ff00ff;
}
.select-style.small select {
	width: 120px;
}
.select-style.small {
	width: 100px;
	font-size: 100%;
	background: url(../image/bgSelect.png) no-repeat 70px center #fff; 
} 
*/

/*年份清單*/
.age-list > ul {
	width: 100%;
	margin: 0px;
	margin-bottom: 30px;
	padding: 0px;
	display: inline-block;
	text-align: center;
}
.age-list li {
	float: left;
	padding: 5px 0px;
	width: 1.5%;
	text-align: center;
}
.age-list ul > li.scroll_left, .age-list ul > li.scroll_right {
	padding: 0.8% 0px; 
	cursor: pointer;
}
.age-list > ul > li.age {
	margin-left: 0.6%;
	margin-right: 0.6%;
	width: 95.8%;
}
.age-list > ul > li.age > ul {
	margin: 0px;
	padding: 5px;
	height: 68px; /*63 56*/
	overflow: hidden;
}
.age-list > ul > li.age > ul > li a {
	font-size: 1.25em;
	line-height: 75%;
}
.age-list > ul > li.age > ul > li a sup {
	font-size: 60%;
}
.age-list > ul > li.age > ul > li a div {
	clear: both;
	font-size: 75%;
	line-height: 75%;
}
.age-list > ul > li.age > ul > li a:hover,
.age-list > ul > li.age > ul > li.active a 
{
	font-size: 1.6em; /*1.8*/
	font-weight: bold;
	color: #B37642;
	*line-height: 50%;
}

/*分頁*/
.pagination { /*4310*/
  display: inline-block;
  padding-left: 0;
  *margin: 20px 0;
	margin-top: 30px;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
	padding: 5px;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #231916;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #c0c0c0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #231916;
  background-color: #eee;
  border-color: #c0c0c0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #9FA0A0;
  border-color: #9FA0A0;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #c0c0c0;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  *font-size: 18px;
	font-size: 1.2em;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  *font-size: 12px;
	font-size: 0.9em;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


.pager { /*4403*/
/*
  *padding-left: 0;
  *margin: 15px 0;
  min-height: 365px;
  *background: #f0f0f0;
  list-style: none;
  */
}

/*MENU*/
.menu {
	position: absolute;
	z-index: 999;
	left: 93px;
	min-width: 50px;
	padding-top: 3px;
	filter: 'alpha(opacity=85)';  
	filter: Alpha(Opacity=85, FinishOpacity=85, Style=2);
	-moz-opacity:0.85;
	opacity: 0.85;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* IE6~IE8*/
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	border-top: 0px;
}
.dropdown {
	margin: 0px;
	*height: 627px; /*每多一個加51*/ /*190530 不設高度，讓li帶邊框即可*/
	font-size: 1.1em;
	*margin-left: -1px; /*+190530*/
	*height: 43px !important;  /*+190530*/
	*border: none; /*+190530*/
	*width: calc(100%  + 2px); /*+190530*/
}
.dropdown li a {
	display: block;
	width: 100%;
	padding: 10px;
	*border-left: 1px solid #c0c0c0; /*+190530*/
	*border-right: 1px solid #c0c0c0; /*+190530*/
	*background-color: #ffffff; /*+190530*/
}
.dropdown > li > a {
	font-weight: bold;
	border-top: 1px solid #c0c0c0;
}
.dropdown li.selected {
}
.dropdown li.selected > a {
	color: #B37642; 
}
.dropdown li.selected > a.no_next_level {
	color: #ffffff;
	background-color: #231916;
}
.dropdown li.selected > ul li.selected > a {
	color: #ffffff;
	background-color: #231916;
}
.dropdown li.selected > ul li.selected > a.have_next_level {
	color: #000000; 
	background-color: #ffffff;
}
.dropdown a:hover, .dropdown li.selected > a:hover, .dropdown li.selected > ul li.selected > a:hover {
	color: #ffffff;
	background-color: #231916;
}
.dropdown a span {
	float: right; 
	padding-left: 10px;
}
.dropdown li.selected > a span:before {
	content: "\e259";
}
.dropdown li a {
}
.dropdown > li > a {
}
.dropdown li > ul li > ul li a {
	color: #000000;
	text-transform: none;
	padding: 10px 0 10px 43px; 
	border: none; /*+190530*/
}
.dropdown > li.end { /*+190530*/
	*border-bottom: 1px solid #c0c0c0;
}

/*麵包屑 4292*/
.breadcrumb {
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 40px;
  padding: 0px;
  list-style: none;
}
.breadcrumb > li {
  display: inline-block;
  *padding: 0px;
  padding-right: 5px;
	font-size: 0.9em;
	color: #9fa0a0;
}
.breadcrumb > li + li:before {
  *padding: 0 5px;
  padding-right: 10px;
  color: #9fa0a0;
  content: "\203a";
}
.breadcrumb > li > a {
	color: #9fa0a0;
}
.breadcrumb > .active {
  *color: #777;
  *font-weight: bold;
}

/*---*/
/*特別表格：入圍得獎, 場次表*/
.table.special {
	margin-top: 2%;
	color: #231916;
}
.table.special th, .table.special td {
	*padding: 1% 1.5%;
	padding: 15px 10px;
	*background: #F7F8F8;
}
.table.special div {
	padding-left: 40px;
}
.table.special tr.mark > th, .table.special tr.mark > td {
	color: #231916;
	font-weight: bold;
	background: #E6E6E6;
}
.table.special tr.mark div {
	*margin-left: -1px;
	*padding-left: 41px;
	background: url("../image/iconWinner.png") no-repeat;
}
.table.special a {
	color: #231916;
}
.table.special a:hover {
	color: #727171;
}
.table.special th a {
	color: #BFC0C0;
}
.table.special th a:hover {
	color: #ffffff;
}
/*
.table.special table {
	margin: 0px;
}
.table.special table th, .table.special table td {
	display: table;
	border: 0px;
	*background: transparent;
}
*/
/*特別清單：學院、關鍵字搜尋*/
ul.special li {
	padding: 15px 10px;
	background: #F7F8F8;
}
ul.special li.title {
	padding: 0.8%;
}
ul.special > li > ul {
	display: inline-block;
	width: 100%;
}
ul.special > li > ul > li {
	float: left;
	padding: 0px 5px;
}
.table.special th, ul.special li.title {
	font-size: 1.1em;
	color: #BFC0C0;
	font-weight: bold;
	background: #3F3B3A; 
}
ul.special li.title a {
	display: block;
}
ul.special li > a {
	color: #BFC0C0;
}
ul.special li > a:hover {
	color: #ffffff;
}
/*---*/

/*video*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0px;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
/*---*/




.container-fluid {
/*
  padding-right: 15px;
  padding-left: 15px;
 */
  margin-right: auto;
  margin-left: auto;
	padding: 15px;
}

/*[diane]190531 未用到，先隱藏
.col, .col-12, .col-11 , .col-10 , .col-9 , .col-8 , .col-7 , .col-6 , .col-5 , .col-4 , .col-3 , .col-2 , .col-1, 
*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, 
.col-xs-8-5, .col-sm-8-5, .col-md-8-5, .col-lg-8-5, 
.col-xs-1-75, .col-sm-1-75, .col-md-1-75, .col-lg-1-75, 
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  display: block;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-xs-8-5, .col-sm-8-5, .col-md-8-5, .col-lg-8-5, 
.col-xs-1-75, .col-sm-1-75, .col-md-1-75, .col-lg-1-75, 
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
  float: left;
}
.col-xs-12, .col-lg-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8-5 {
  width: 72%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1-75 {
  width: 14%;
}
.col-xs-1-5 {
  width: 12.5%;
}
.col-xs-1, .col-md-1, .col-lg-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
.col-sm-8-5 {
  width: 72%;
}
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
.col-sm-1-75 {
  width: 14%;
}
.col-sm-1-5 {
  width: 12.5%;
}
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
.col-md-8-5 {
  width: 72%;
}
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
.col-md-1-75 {
  width: 14%;
}
.col-md-1-5 {
  width: 12.5%;
}
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
.col-lg-8-5 {
  width: 72%;
}
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
.col-lg-1-75 {
  width: 14%;
}
.col-lg-1-5 {
  width: 12.5%;
}
  .col-lg-1 {
    width: 8.33333333%;
  }
}
/**/

/*
.col-xs-3, .col-md-3, .col-lg-3 {
  min-width: 232.5px !important;
}
.col-xs-9, .col-md-9, .col-lg-9 {
  min-width: 697.5px !important;
}
*/

/*icon*/
.icon-rating-G {
	color: #00FF00;
}
.icon-rating-P {
	color: #33ccff;
}
.icon-rating-PG {
	color: #FFFF00;
}
.icon-rating-R {
	color: #ff6666;
}
.icon-rating-NC {
	color: #ff0000;
}
.icon-rating-G, .icon-rating-P, .icon-rating-PG, .icon-rating-R, .icon-rating-NC {
	background-color: #232323;
	padding: 2px 5px 2px 5px;
}



.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after { /**/
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after { /**/
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

@media (max-width: 980px) { 
	#header .navbar-brand_en {
		width: 245px;
		height: 63px;
		background: url("../image/logoenS.gif") no-repeat; 
	}
	#header .navbar-brand_en .navbar-brand-year {
		padding: 30px 0px 0px 192px;
		*padding: 36px 0px 0px 212px;
		*color: #ff00ff;
	}
	/*
	.navbar-nav > li > div span {
		letter-spacing: -1px;
	}
	.navbar { 
		margin: 1em 0px 0.6em 0px;
		margin-bottom: 0.2em;
	}
	*/
}
@media (max-width: 1199px) { /*1279*/
	/*表頭功能BAR 170117*/
	/*
	img#logo {
		width: 190px;
	}
	*/
	#header .navbar-brand, #header .navbar-brand_en {
		margin-top: 5px;
		width: 213px;
		height: 70px;
		background: url("../image/logoM.gif") no-repeat; 
	}
	#header .navbar-brand_en {
		width: 271px !important;
		background: url("../image/logoenM.gif") no-repeat; 
	}
	#header .navbar-brand-year {
		padding: 40px 0px 0px 88px;
		font-size: 78%;
	}
	#header .navbar-brand_en .navbar-brand-year {
		padding: 37px 0px 0px 212px;
	}
	/*
	.navbar-nav > li {
		margin-top: 20px;
		padding: 0px 0px 0px 18px;
	}
	.navbar-nav > li > a {
		font-size: 1.2em;
		letter-spacing: 0px;
	}
	*/
	/*入圍得獎*/
	table.special div {
		padding-left: 30px;
	}
	table.special th div {
		padding-left: 30px;
	}
	table.special tr.mark td {
		background: #E6E6E6;
	}
	table.special tr.mark div {
		margin-left: -2px;
		padding-left: 32px;
	}
	/*
	.nav-pills > li > a {
		padding: 0px 10px 10px 10px;
		font-size: 1em;
		text-align: cetner !important;
		color: #9FA0A0;
		background-color: transparent;
		border-bottom: 1px solid #9FA0A0;
	}
	*/
	/*堆疊圖檔*/
	.fauxtable .fauxcell {
		font-size: 1.1em;
	}	
}
@media (max-width: 1359px) { /*1279*/
	.nav-pills > li > a {
		padding: 0px 10px 10px 10px;
		font-size: 1em;
		text-align: cetner !important;
		color: #9FA0A0;
		background-color: transparent;
		border-bottom: 1px solid #9FA0A0;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1359px) { 
	/*表頭功能BAR 170117*/
	/*
	img#logo {
		width: 240px;
	}
	*/
	/*
	.navbar-nav > li {
		margin-top: 28px;
		padding: 0px 0px 0px 26px;
	}
	.navbar-nav > li > a {
		font-size: 1.25em;
		letter-spacing: 1px;
	}
	*/
	/**/
	.fauxtable .fauxcell {
		font-size: 1.3em;
	}
	.fauxcell img {
		margin: 5px auto;
	}
}
@media only screen and (min-width: 1360px) and (max-width: 1599px) { 
	.fauxtable .fauxcell {
		font-size: 1.5em;
	}
	.fauxcell img {
		margin: 10px auto;
	}
}