html,body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; 
}
* {
  -webkit-overflow-scrolling: touch;
}
body {
  padding-top: 70px;
  background: transparent url('/images/bg_pattern.jpg') repeat center top;
  background-attachment: scroll;
	font-family: 'Noto Sans TC', sans-serif;

}
@media (max-width: 768px) {
	body {
		padding-top: 60px;
	}
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a, a:link, a:active, a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
	font-style: none;
}

.content-text a, 
.content-text a:link, 
.content-text a:active, 
.content-text a:visited {
	color: #000000;
	text-decoration: underline;
}
.content-text a:hover {
	color: #ff9933;
	text-decoration: underline;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
  .news-min-height {
	  min-height: 600px;
  }
}
.text-orange {
	color: #ff9933 !important;
}
.btn-more {
	color: #ffffff;
	background-color: #666666;
	border-radius: 0 !important;
}
a.btn-more:hover {
	color: #ff9933 !important;
}
.btn-register, .btn-register:active, .btn-register:visited {
	background-color: #ffb400 !important;
	border-radius: 0 !important;
}
.btn-register:hover {
	background-color: #FFD65C !important;
}
.btn-register p {
	border: 2px solid #ffffff;
}

header {

}
.bg-header {
	background: transparent url('/images/bg_pattern.jpg') repeat center top !important;
}
header .navbar {
/* 	min-height: 120px !important; */

box-shadow: 0 0 10px 0px #3d3d3d;
	
}
header .navbar-brand {
	font-weight: 700;
	font-size: 1.5rem;
}
header .nav-link {
	font-weight: 700;
	font-size: 1rem;
	color: #000000 !important;
}
header a.nav-link:hover {
	color: #ff9933 !important;

}
header .lang-switch:hover {
	color: #ff9933 !important;

}
header .lang-switch-disabled {
	background-color: #999999 !important;
}

header .lang-switch-disabled:hover {
/* 	color: #ff9933 !important; */
}

header .nav-link.disabled {
	color: #666666 !important;
	
}
header .dropdown-menu {
	border: 0;
	border-radius: 0;
}
header .dropdown-item, header .dropdown-item.disabled {
	font-weight: 700;
	background-color: #cccccc;
	min-width: 300px;
	margin-bottom: 2px;
}
header .dropdown-item:hover {
	background-color: #ff9933;
}
header .dropdown-item.disabled { 
	color: #666666;
}
header .dropdown-item:last-of-type {
	margin-bottom: 0;
}
#landing-carousel .carousel-indicators li, #landing-carousel-mobile .carousel-indicators li {
	background-color: #ff9933;
}
.carousel-control-prev, .carousel-control-next {
	width: 10%;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='orange' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='orange' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.content-canvas {
	background-color: rgba(255, 255, 255, 0.5);
}

.landing-block-01 {
	background: transparent url('/images/landing_bg_background2.jpg') no-repeat center top;
	background-size: cover;
}
.landing-background {
	min-height: 350px;
}
.landing-news {
	padding-top: 140px;
	background: transparent url('/images/landing_bg_news_mobile.png') no-repeat center top;
	background-size: cover;
}
@media (min-width: 768px) {
.landing-news {
	padding-top: 200px;
	background: transparent url('/images/landing_bg_news.png') no-repeat center top;
}
}
.landing-news-row {
	background-color: rgba(255, 255, 255, 0.5);
}
.landing-news-row:hover {
	background-color: #ffcc33;
}
.landing-news a:hover {
	text-decoration: none !important;
}

.landing-event-box-text p {
	margin-bottom: 0.25rem;
}
.landing-event-box {
	min-height: 660px;
}
@media (min-width: 1200px) {
.landing-event-box {
	min-height: 660px;
}
	
}
.landing-event-box-en {
	min-height: 660px;
}
.event-box {
	min-height: 540px;
}
.knowledge-box a, .knowledge-box a:link, .knowledge-box a:active, .knowledge-box a:visited,  
.landing-event-box a, .landing-event-box a:link, .landing-event-box a:active, .landing-event-box a:visited,  
.landing-event-box-en a, .landing-event-box-en a:link, .landing-event-box-en a:active, .landing-event-box-en a:visited { 
	color: #000000;	
}
.knowledge-box a {
	text-decoration: none !important;
}
.knowledge-box a:hover, .landing-event-box a:hover, .landing-event-box-en a:hover {
	text-decoration: none !important;
}
.event-box a, .event-box a:link, .event-box a:active, .event-box a:visited { 
	color: #000000;	
}
.event-box a:hover {
	text-decoration: none !important;
}
.landing-event-box-orange {
	background-color: #ff9933;
}
.landing-event-box-orange:hover {
	background-color: #ffad5d;
}
.landing-event-box-yellow {
	background-color: #ffcc33;
}
.landing-event-box-yellow:hover {
	background-color: #ffd65c;
}
.page-banner p {
	padding-top: 500px;
	letter-spacing: 1rem;
}
.page-banner-background {
	background: transparent url('/images/banner_background.jpg') no-repeat center top;
	min-height: 580px;
}
.page-banner-contact {
	background: transparent url('/images/banner_contact.jpg') no-repeat center top;
	min-height: 580px;
}
.page-banner-event-launching {
	background: transparent url('/images/banner_landing_02.jpg') no-repeat center top;
	min-height: 580px;
}
.page-banner-event-tour {
	background: transparent url('/images/banner_tour.jpg') no-repeat center top;
	min-height: 580px;
}
.event-box-text p {
	margin-bottom: 0.25rem;
}

.page-banner-container {
	position: relative;
}
.page-banner-image {
	height: 400px; 
	background-repeat: no-repeat;
	background-position: center top; 
	background-size: cover;
}
@media (max-width: 768px) {
	.page-banner-image {
		height: 200px; 
	}
}
.page-banner-container-text {
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	background-image: linear-gradient(to bottom, transparent, black);
}
#landing-news-carousel {
  position:relative;
}

.owl-prev, .owl-next {
  position:absolute;
}
.owl-prev {
	left: 0;
	top: 100px;
}
.owl-next {
  right: 0;
  top: 100px;
}
.owl-nav button:hover {
 background-color: transparent;
}
.fa-facebook:hover, .fa-youtube:hover {
	color: #ff9933;
	text-decoration: none;

}
.anchor {
  margin-top: -70px;        /* Size of fixed header */
  padding-bottom: 70px; 
  display: block; 
}
@media (max-width: 768px) {
	.anchor {
	  margin-top: -60px;        /* Size of fixed header */
	  padding-bottom: 60px; 
	}
}
.lg-thumb-item {
	border-radius: 0 !important;
}
.lg-thumb-item.active, .lg-thumb-item:hover {
	border-color: #ff9933 !important;
}
.slick-next:before, .slick-prev:before {
	color: #000000 !important;
}
@media (max-width: 768px) {
	.navbar-nav {
		max-height: 100vh;
		overflow-y: scroll;
	}
}