body, h1, h2, h3, h4, h5, h6, p {
	font-family: Noto Sans TC, Arial, Helvetica, sans-serif !important;
}


#info{
	position: relative;
	top:160px;
}

#index-link{
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow:visible;
}
#header-box{
	height: 70vh;
}
.self-info{
	display:none;
}
.top-img{
	position:absolute;
	right: 0;
}
.js-height-fullscr{
	position: relative;
}
.black-header #main-menu .navbar .nav>li>a {
	color: #ffffff;
}
.section-title {
	border-left: #337def 2px solid;
}

.black-header #main-menu .navbar .nav>li.current>a {
	color: #FFF;/*#edff60;*/
	font-weight:bold;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff;
}

.button.gray {
	background-color: #FE03AA;
}

.button.gray:hover {
	background-color: #febc03;
}

#main-menu .navbar .nav>li>a {
	font-size: 16px;

}

#service-info .info-title {
	border-bottom: 1px solid #9e9999;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #4b4e53;
}

.table-while {
	background-color: #fff;
}

.table-while td {
	vertical-align: middle!important;
}

.button.yellow {
	background-color: #ffffff;
	/*#efa019;*/
	color: #000;
	/*#ffffff;*/
}
.affix.header {
    background-image: url("../img/menuground.svg");
	background-repeat: no-repeat;
	background-size: cover;
	z-index:9000;	
	
}
#experience{
	background-repeat: no-repeat;
	background-position-x: -150px;
}
.affix.header {
-webkit-box-shadow: 0px 10px 9px 0px rgba(0,0,0, .15);
-moz-box-shadow: 0px 10px 9px 0px rgba(0,0,0, .15);
 box-shadow: 0 1px 15px rgba(0,0,0, .15); 
}

.button.yellow:hover {
	background-color: #ffea00;
	color: #4b4e53;
	transition: all .3s ease 0s;
}

.button.thin.white:hover,
.button.thin.hover-dark:hover {
	background-color: #ffea00 !important;
	color: #4b4e53 !important;
	border: 2px solid #ffea00 !important;
}

.btn.disabled,
.btn:disabled {
	opacity: .65;
}

.btn-success {
	background-color: #efa019;
	border-color: #efa019;
	padding: 10px 20px 10px 20px;
}

.btn-success:hover {
	background-color: #ffea00;
	color: #4b4e53;
	transition: all .3s ease 0s;
	border-color: #fff;
}

.btn-success:disabled {
	background-color: #d4d4d4;
	border-color: #a9a9a9;
	color: #646764;
}

.font-bold {
	font-weight: bold;
}


.text-warning {
	/*color:#ffea00;*/
	color: #FFF;
}

.port-grid .port-item>a {
	border: 1px solid #eee;
}

.video-ads-bg {
	background: #2c2c2c;
}

.v-center {
	position: relative;
	/*transform: translateY(50%);*/
}

.banner-img {
	position: relative;
	float: right;
	bottom: 150px;
}

.cd-headline span {
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 2px;
}

.title-fs-60 {
	font-size: 3em;
}

.fes2-main-text-cont span {
	font-size: 0.8em;
	/*0.4em;*/
	line-height: 2.5em;
	font-weight: bold;
}

.fes1-img-cont {
	max-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.funtv-location {
	padding: 40px 50px 40px 50px;
}

.accordion dt {
	font-size: 1.2em;
	font-weight: bold;
}

.footer-copy {
	margin-bottom: 50px;
}

.gmnoprint,
.gm-style-cc {}

.formborder {
	border-bottom: 1px solid #a6a7a9;
	padding: 0 0 8px 0;
}

.contact-form-cont {
	position: relative;
	max-width: 680px;
	padding: 80px 50px 30px 60px;
}

.abgne-news-scroll {
	height: 100px;
	overflow: hidden;
	position: relative;
}

.abgne-news-scroll ul {
	position: absolute;
	margin: 5px 0;
	list-style: none;
	-webkit-padding-start: 0px;
	width: 100%;
}

.abgne-news-scroll li {
	clear: left;
	padding: 5px;
}

.abgne-news-scroll li a {
	float: left;
}

.abgne-news-scroll li div {
	float: left;
	margin-left: 15px;
	font-size: 0.9em;
	height: 30px;
}

.local-scroll-cont {
	width: auto;
	height: 40px;
	position: static;
}

.icon-music-volume-up {
	margin: 0;
	padding: 13px;
	height: 110px;
	width: 50px;
	overflow: hidden;
	float: left;
	font-size: 24px;
	border-right: 1px solid #FFF;
}

.blog2-post-title-cont .post-prev-title {
	border-left: none;
	border-right: #C9CACB 1px solid;
	padding: 4px 0 15px 20px;
	margin-left: 60px;
}

#download .fes8-box h3,
#download .fes8-box-icon {
	color: #1BB8E2;
}

#download .post-prev-title h3 {
	padding-bottom: 12px;
}

#download .desc {
	color: #a3a6a8;
	padding-left: 54px;
}

.fes8-title-cont {
	padding-bottom: 6px;
}

.post-prev-title h3,
.fes8-title-cont h3 {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.post-prev-img img {
	width: 333px;
	height: 440px;
	display: block;
	margin: auto;
}

.plr-200 {
	padding-left: 200px;
	padding-right: 200px;
}

dd a {
	color: #fe03aa;
}

dd a:hover {
	color: #fe03aa;
	text-decoration: underline;
}

.title-fs-28,
.title-fs-45,
.title-fs-60,
.fes1-box h3,
.norm-16-wide {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
}

.title-fs-28 {
	color: #4b4e53;
	font-size: 28px;
	line-height: 28px;
	font-weight: 300;
}

.port-title-cont h3 {
	color: #fff;
}

.vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 652px;
	height: auto;
}

.vertical2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 712px;
	height: auto;
}

.g-recaptcha {
	display: inline-block;
	margin: 0 auto;
}

.bg-black {
	background: #040000;
}

.text-white {
	color: #FFF !important;
}

.footer-copy a {
	font-size: 0.85em;
}

.port-img-overlay {
	overflow: hidden;
	height: 367px;
}

.post-prev-info {
	text-transform: none;
}


.header-transporent-bg-black {
	background: #fff;
}

.table.table-borderless>tbody>tr>td,
.table.table-borderless>tbody>tr>th,
.table.table-borderless>tfoot>tr>td,
.table.table-borderless>tfoot>tr>th,
.table.table-borderless>thead>tr>td,
.table.table-borderless>thead>tr>th {
	padding: 4px;
	border-top: 0px;
}

.table.table-borderless>tbody>tr>th {
	vertical-align: middle;
	border-right: 1px solid #ddd;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-align-last: justify;
	padding-right: 20px;
	color: #4b4e53;
}

.table.table-borderless>tbody>tr>td {
	padding-left: 20px;
}

.table.table-borderless>tbody>tr>th::after {
	content: ".";
	display: inline-block;
	width: 100%;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.table.table-borderless {
	border-spacing: 0px 10px;
	border-collapse: separate;
}

.logo-footer
{
	margin-bottom:-30px;
}
/*  */

.navigator {
	display: none;
}

.event-column,
.hour-column {
	position: relative;
}

.hour-column {
	width: 10%;
	float: left;
}

.event-column {
	width: 90%;
	float: right;
	height: 600px;
	position: relative;
}

.headings {
	width: 100%;
	border-bottom: 1px solid rgba(218, 218, 218, 0.5);
	height: 51px;
}

.heading {
	display: inline-block;
	padding: 15px 0;
}

.empty.heading {
	text-align: center;
}

.empty.heading span {
	display: none;
	text-align: center;
	transition: color 400ms ease;
}

.empty.heading a {
	text-align: center;
	text-decoration: none;
}

.empty.heading a:hover span {
	color: #000;
}

.weekdays {
	width: 100%;
	display: inline-block;
	float: right;
}

.weekdays .heading {
	width: 14.28571428571429%;
	float: left;
	text-align: center;
}

.week-view {
	height: 1500px;
	position: relative;
}

.week-grid {
	position: absolute;
	top: 51px;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.hours-grid {
	width: 100%;
	float: right;
	border: 1px solid rgba(218, 218, 218, 1);
	height: 800px;
	top: 0;
	border-top: 0;
	z-index: 1;
}
#schedule{
	height : 1040px;
}
.grid {
	height: 80px;
	border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.grid:last-child {
	border-bottom: 0;
}

.week-body {
	width: 100%;
	height: 100%;
	background: #fff
}

.hours {

	height: 100%;
	background-color: #fff;
}

.events {
	width: 100%;
	float: right;
	height: 800px;
	border-left: 1px solid rgba(218, 218, 218, 1);
	position: relative;
}

.hour-column {
	z-index: 2000;
	background: #fff;
}

.hour-column .headings {
	height: 51px;
	text-align: center;
}

.hr {
	text-align: right;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	opacity: 0.5;
	height: 80px;
	border-bottom: 1px solid rgba(218, 218, 218, 1);
}

.event-outer {
	width: 100%;
	position: relative;
	height: 100%;
}

.event-cont {
	position: relative;
	height: 100%;
	width: 14.28571428571429%;
	float: left;
	border-right: 1px solid rgba(218, 218, 218, 1);
	top:-5px;
}

.event-cont:last-child {
	border-right: 0;
}

.event {
	width: 100%;
	padding: 5px 10px;
	min-height: 30px;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.event p {
	font-size: 14px;
	transition: all 0.4s ease;
	text-overflow: ellipsis;
	z-index: 20;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}

.event span.bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	display: block;
	transition: all 0.4s ease;
	z-index: 0;
}

.event:hover span.bar {
	width: 100%;
}

.event:hover p {
	color: #fff;
}

.navigator a {
	display: inline-block;
	padding: 15px;
	border-radius: 3px;
	background: rgba(218, 218, 218, 0.3);
	transition: color 400ms ease;
	color: rgba(0, 0, 0, 0.5);
}

.navigator a:hover {
	text-decoration: none;
	color: #000;
}

#about-us-link {
	background-size: cover;
}
.fes7-img {
   padding:100px;
}
.fes7-img img{

   object-fit: cover;
   height: 100%;
   width: 100%;
}
.cis-text p {
    font-size: 1em;
}
.list-style {
	list-style-type: decimal;
}

.list-style li {
	line-height: 28px;
	margin-top: 10px;
}

.name {
	font-weight: bold;
	text-decoration: underline;
	color: #4b4e53;
}

#academic-publications b {
	color: #4b4e53;
}

#licence .fes4-title-cont {
	padding-left: 20px;
}

#licence {
	background-color: #1b202c;
	color: #fff;
}

#licence .section-title {
	color: #fff;
	border-left: #fff 2px solid;
}


#footer {
	background-image: url("../img/footer.svg");
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
}
.footer-menu{
	margin-left: -10px;
	
}

.footer-menu span {
	text-align:center;
	float:left;
	display:block;
	width: 90px;
	border-right: 1px solid rgba(255,255,255, .7);
	margin-bottom: 10px;
}
.footer-menu span a{
	color:#fff;
}
.footer-menu span:last-child {
	border-right: none;
}
.footer-2-copy-cont a{
	color: #fff;
}
/**/

canvas {
	display: block;
	vertical-align: bottom;
}


/* ---- particles.js container ---- */

#particles-js {
	position: absolute;
	width: 60%;
	height: 60%;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}


/* ---- stats.js ---- */

.count-particles {
	background: #000022;
	position: absolute;
	top: 48px;
	left: 0;
	width: 80px;
	color: #13E8E9;
	font-size: .8em;
	text-align: left;
	text-indent: 4px;
	line-height: 14px;
	padding-bottom: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.js-count-particles {
	font-size: 1.1em;
}

#stats,
.count-particles {
	-webkit-user-select: none;
	margin-top: 5px;
	margin-left: 5px;
}

#stats {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.count-particles {
	border-radius: 0 0 3px 3px;
}



/*Silder.js*/

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1024px) {
	#experience{
		background-size: auto 350px;
		background-position-x: left;	
	}
	#header-box{
	 height: 50vh;
   }
   .fes7-img {
     padding: 100px 120px 0px 120px;
	 height: 600px;
   }
}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 768px) {
	
	#main-menu .navbar .nav {
		padding-top: 60px;
	}	
	.fes4-box{
		padding-left:30px;
	}
   .fes7-img {
     padding: 100px 15px 0px 15px;
	 height: 600px;
   }	
	#experience{
		background-size: auto 350px;
		background-position-x: left;	
	}
	.cis-text {
		margin-left:12px;
	}	
	.sm-content-cont .light-72-wide, .sm-content-cont-fullscr .light-72-wide {
		font-size: 2em;
	}	

	#index-link{
		background-size: auto 40%;
		background-position-y: top;
	}
	#info {
		position: absolute;
		top: -60%;
		left: 30px;
	}	
	.top-img{
		position: relative;
		top:200px;
	}
	#particles-js {
		position: absolute;
		width: 50%;
		height: 50%;
		background-image: url("");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	.js-height-fullscr {
		position: inherit;
		margin-bottom:-500px;
	}
}
@media screen and (max-width: 650px) {

	#info {
		position: absolute;
		top: -350px;
		left: 30px;
	}
	.self-info{
		display:block;
		line-height: 30px;
	}	
	.hour-column {
		position: absolute;
		width: 100px;
		left:0;
	}
	.event-column {
		width: 800px;
		float: left;
	}
	.navigator {
		display: block;
		padding: 10px 0;
	}
	.go-right {
		text-align: right;
	}
	.js-height-fullscr {
		position: inherit;
		margin-bottom:0px;
	}	
}

@media screen and (max-width: 450px) {
	
}

@media screen and (max-width: 400px) {

}