@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
html {
	margin:0px;
	padding:0px;
	min-height:100%;
	font-family: 'Roboto Condensed', sans-serif;
	color:#FFFFFF;
}
body {
 	background: #800d8f; /* Old browsers */
	background: -moz-linear-gradient(top, #800d8f 0%, #800d8f 45%, #42037d 95%, #27005b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #800d8f 0%,#800d8f 45%,#42037d 95%,#27005b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #800d8f 0%,#800d8f 45%,#42037d 95%,#27005b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800d8f', endColorstr='#27005b',GradientType=0 ); /* IE6-9 */
}
p {
	font-family: 'Roboto Condensed', sans-serif;
	color:#FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
}
.SocialMediaContainer {
	height:30px;
    background-color:#3f0c4f;
	text-align:right;
	padding-top:2px;
}
ul.Icon_SocialMedia {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.Icon_SocialMedia  li {
	display:inline-block;
	text-align:center;
	margin:0px 0px 0px 8px;
}
ul.Icon_SocialMedia  li a img {
	height:18px;
}
.NavigationContainer {
	width:100%;
    background-color:#f56f16;
	text-align:center;
}
.LogoHolder {
	position:absolute;
	z-index:10;
	margin-top:10px;
	margin-left:10px;
}
.LogoHolder a img  {
	width:130px;
}
.BannerContainer {
	position:relative;
	z-index:9;
	padding:0px;
}
.InfoContainer {
	position:relative;
	z-index:10;
	margin:-45px auto 30px;
	color:#FFFFFF;
	width:990px;
	background-color:#645b60;
	opacity:0.8;
}

.Info_L {
	float:left;
	width:370px;
	height:300px;
}
.Info_L img {
	max-height:300px;
}
.Info_R {
	float:left;
    width:60%;
	height:300px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	letter-spacing:0.5px;
}
.Info_R h4 {
	font-weight:700;
	letter-spacing:1px;
}
.nopadding {
   padding:0px !important;
}
.smallPadding {
	padding:20px !important;
}
.btn-CompanyInfo, .btn-InnerPageOrang {
	display:inline-block;
	color:#ffffff;
	background-color:#f56f16;
	border:none;
	padding:3px 15px;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	bottom:15px;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:0.5px;
}
.btn-CompanyInfo:hover, .btn-InnerPageOrang:hover {
	background-color:#ab431e;
	color:#ffffff;
	text-decoration:none !important;
}
.btn-InnerPageOrang.active {
	background-color:#ab431e;
	color:#FFFFFF !important;
}
.btn-InnerPageOrang {
	position:static;
	margin:0px 2px;
	min-width:90px;
}
.BnerContainer_S {
	margin-bottom:50px;
	margin-top:40px;
	width:990px;
}
.ContentContainer{
	margin-bottom:15px;
	width:990px;
}
.BnerContainer_S img {
	width:100%;
}
.ContainBTContainer {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.AAContent {
	width:100%;
	background-color:#451568;
	color:#FFFFFF;
	padding:15px;
	opacity:0.85;
}
ul.ContactInfo {
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
}
ul.ContactInfo li {
	width:100%;
	min-height:250px;
	margin-bottom:50px;
	padding:25px;
	opacity:0.85;
	text-align:center;
	background-color:#3c0266;
}
ul.ContactInfo li:nth-child(even) {
	background-color:#481b69;
}
ul.ContactInfo li h4 {
	color:#f56f16;
	margin-bottom:20px;
	font-weight:700;
	letter-spacing:1px;
}
ul.ContactInfo li p, ul.ContactInfo li p a {
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
}
ul.ContactInfo li p a:hover {
	color:#af443e;
}
.TitleHolder {
	width:100%;
	margin-bottom:50px;
	height:auto;
	padding:0px;
	border-bottom:1px solid #8a2ab4;
}
.TitleHolder h5 {
	display:inline-block;
	padding:3px 10px;
	background-color:#f56f16;
	font-weight:700;
	color:#FFFFFF;
	margin:0px;
}
.SelectionHolder {
	/* width:50%; */
	float:right;
	text-align:right !important;
}
.MySelection {
	border-radius:5px;
	border:none;
	padding:2px 3px 2px 10px;
}

ul.CalendarInfo {
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
}
ul.CalendarInfo li {
	display:block;
	width:100%;
	height:350px;
	margin-bottom:30px;
	opacity:0.9;
	background-color:#3c0266;
	padding:8px;
	clear:both;
}
ul.CalendarInfo li:nth-child(1) {
	margin-top:-20px;
}
ul.CalendarInfo li:nth-child(even) {
	background-color:#481b69;
}
p.ShowDate {
	color:#f56f16;
	border-bottom:1px solid #8a2ab4;
	font-size:24px;
	font-weight:700;
}

ul.Cal {
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
}
ul.Cal li {
	display:inline-block;
	margin:0px;
	padding:0px;
	height:276px;
	vertical-align:top;
	background:none;
	font-size:18px;
}
ul.Cal li:nth-child(1) {
	width:200px;
	margin:0px;
	padding:0px;
}
ul.Cal li:nth-child(1) img {
	width:100%;
	margin-top:-2px;
}
ul.Cal li:nth-child(2) {
	width:650px;
	padding:0px 10px;
	background:none;
}
ul.Cal li:nth-child(3) {
	width:110px;
	text-align:center;
	vertical-align:central;
}
ul.Cal li h4 {
	color:#f56f16;
	font-weight:700;
}
p.Caldate {
	margin:-8px 0px 10px;
	font-weight:bold;
}
p.CalDes {
	margin:0px;
}
p.CalNote {
	margin:20px 0px -20px;
	font-weight:bold;
}
p.CalDes a {
	color:#FFFFFF !important;
	text-decoration:underline !important;
}
p.CalDes a:hover {
	color:#f56f16 !important;
	text-decoration:underline !important;
}
.btn-BuyTicket {
	display:inline-block;
	color:#ffffff;
	background-color:#af443e;
	border:none;
	padding:3px 15px;
	font-size:16px;
	font-weight:bold;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing:0.5px;
	position:relative;
	margin-top:100%;
	border-radius:10px;
}
.btn-BuyTicket:hover {
	background-color:#f56f16;
	color:#ffffff;
	text-decoration:none !important;
}

ul.PhotoList {
	list-style:none;
	padding:0px;
	column-width:300px;
	column-gap: 0px;
    width: 100%;
	max-width: 990px;
	margin:0px auto 30px;
}
ul.PhotoList li {
	margin:0 2px 15px;/*相片之間的距離*/
	padding: 15px;/*相片邊框的厚度，未設底色所以看不出邊框的粗細*/
  	display: inline-block;
  	column-break-inside: avoid;
}
ul.PhotoList li img {
	width: 100%; 
	height: auto;
}
ul.VideoList {
	list-style:none;
	padding:0px;
	max-width: 850px;
	margin:0px auto 30px;
}
ul.VideoList li {
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
ul.VideoList li:nth-child(even) {
	margin-right:0px;
}
ul.VideoList li iframe, ul.VideoList li object, .ul.VideoList li embed {
	width:417px;
	height:250px;
}

.footer {
	margin:10px 0px 18px;
}
.Fter_L {
	font-family: 'Roboto Condensed', sans-serif;
	color:#FFFFFF;
	margin-top:5px;
}

.Fter_R {
	text-align:right;
}

@media (max-width: 991.98px) { 
	.InfoContainer {
		position:relative;
		z-index:10;
		margin:-45px auto 30px;
		color:#FFFFFF;
		width:95% !important;
	}
	.Info_L {
		float:left;
		width:30%;
	}
	.Info_R {
		float:right;
		width:70%;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:400;
		letter-spacing:0.5px;
		background-color:#645b60;
	}
	.Info_R h4 {
		font-weight:700;
		letter-spacing:1px;
	}
	.btn-CompanyInfo {
		position:absolute;
		bottom:15px;
	}
	.BnerContainer_S {
		width:95%;
		margin-bottom:45px;
	}
	BnerContainer_S img {
		width:auto;
	}
	.ContentContainer {
		margin-bottom:15px !important;
	}
	ul.CalendarInfo li {
		height:auto !important;
	}
	
	ul.Cal li {
		height:auto !important;
	}
	ul.Cal li:nth-child(1) {
		width:25%;
		margin:0px;
		padding:0px;
	}
	ul.Cal li:nth-child(1) img {
		width:100%;
		margin-top:-2px;
	}
	ul.Cal li:nth-child(2) {
		width:75%;
		padding:0px 10px 40px;
		float:right;
		height:auto !important;
	}
	ul.Cal li:nth-child(3) {
		width: 100%;
		text-align: center;
		vertical-align: central;
		padding-top: 10px;
		height: 45px !important;
		margin-top: auto !important;
		border-top:1px solid #8a2ab4;
		margin-top:15px !important;
	}
	.btn-BuyTicket {
		position:relative;
		margin-top:0px !important;
	}
	ul.VideoList {
		list-style:none;
		padding:0px;
		max-width:760px;
		margin:0px auto 20px;
	}
	ul.VideoList li {
		display:inline-block;
		margin-right:10px;
		margin-bottom:10px;
	}
	ul.VideoList li:nth-child(even) {
		margin-right:0px;
	}
	ul.VideoList li iframe, ul.VideoList li object, .ul.VideoList li embed {
		width:335px;
		height:201px;
	}
}
/*@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {*/
@media (max-width: 767.98px) {	
	.smallPadding {
		padding:10px !important;
	}
	.InfoContainer {
		margin:-45px auto 30px;
		width:100%;
		background:none;
	}
	.Info_L {
		display:none;
	}
	.Info_L img {
		max-height:none;
		height:none;
		width:70%;
	}
	.Info_R {
		float:none;
		margin:0px auto;
		width:100%;
		background-color:#645b60;
		padding:10px 15px !important;
		height:auto !important;
    }
	.Info_R h4 {
		text-align:center;
		font-size:18px;
		border-bottom:1px solid #FFFFFF;
		line-height:38px;
	}
	.btn-CompanyInfo {
		position:static;
	}
	.Fter_L {
		margin:0px;
		padding-bottom:5px;
	}
	.Fter_R {
		text-align:right;
		margin:0px 0px 15px;
	}
	ul.PhotoList {
		margin-bottom:10px !important;
	}
	ul.VideoList li {
		position:relative !important;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		margin-bottom:30px;
		display:inherit !important;
	}
	ul.VideoList li iframe, ul.VideoList li object, .ul.VideoList li embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	ul.VideoList li:nth-child(even) {
		margin-right:10px;
	}
}
@media (max-width: 575.98px) {
	.LogoHolder a img  {
		width:100px;
	}
	.InfoContainer {
		margin:-45px auto 30px;
		width:100% !important;
	}
	.Info_L {
		/*margin:15px 0px 15px;*/
	}
	.Info_L img {
		width:70%;
	}
	.Info_R {
		width:100% !important;
	}
	.BnerContainer_S {
		width:100%;
	}
	BnerContainer_S img {
		width:auto;
	}
	.Fter_L {
		font-family: 'Yantramanav', sans-serif;
		color:#FFFFFF;
		text-align:center;
	}
	.Fter_R {
		text-align:center;
		margin-top:10px;
	}
	ul.Cal li:nth-child(1) {
		width:100%;
		margin:0px 0px 10px;
		padding:10px 0px;
		text-align:center;
		background-color: #300051;
	}
	ul.Cal li:nth-child(1) img {
		width:45% !important;
	}
	ul.Cal li:nth-child(2) {
		width:100%;
		padding:0px 10px auto !important;
		float:none !important;
	}
}
/*Color

Orange: #f56f16;
p a:hover: #c271fd; (淡紫)

list-dark:#3c0266;
list-light:#481b69;

*/

/*
font-family: 'Yantramanav', sans-serif;
*/

/*.btn-danger{
	color:#fff;
	background-color:#dc3545;
	border-color:#dc3545
}
.btn-danger:hover{
	color:#fff;
	background-color:#c82333;
	border-color:#bd2130
}
.btn-danger.focus,.btn-danger:focus{
	box-shadow:0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-danger.disabled,.btn-danger:disabled{
	color:#fff;
	background-color:#dc3545;
	border-color:#dc3545;
}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{
	color:#fff;
	background-color:#bd2130;
	border-color:#b21f2d;
	}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{
		box-shadow:0 0 0 .2rem rgba(225,83,97,.5)*/