/*****     Class     *****/
.Notice
{
	color: red;
	display: none;
	font-size: 13px;
	text-align: left;
}

.NoData /* 沒有資料 */
{
	text-align: center;
	font-size: 15px;
}

/*****     共同     *****/
/*     input select textarea     */
.Ipt , .Sel , .Textarea
{
	border-radius: 5px;
	width: 100%;
}

.Ipt input , .Sel select , .Textarea textarea
{
	font-size: 13px;
	display: block;
	width: 100%;
	padding: 0 0 0 10px;
	min-height: 30px;
}

.Ipt input::placeholder
{
	color: #BEBEBE;
	font-size: 12px;
}

.Sel
{
	position: relative;
}

.SelDecro
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	pointer-events: none;
	width: 32px;
	height: 31px;
}

.SelDecro::after
{
	border-top: 7px solid #BEBEBE;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
}

.Textarea textarea
{
	color: #434343;
	width: calc(100%);
	padding: 10px;
	min-height: 80px;
	resize: vertical;
}

/*     箭頭 ( > )     */
.AfterArrow
{
	border-top: 2px solid white;
	border-right: 2px solid white;	
	display: inline-block;
	width: 10px;
	height: 10px;
}

.AfterArrow.right
{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/*     彈窗     */
.WindowBox
{
	background: rgba(0,0,0,0.8);
	width: 100%;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 15;
	display: none;
}

.WindowBox.active
{
	display: block;
}

.WindowContainer
{
	background: #F5F4F1;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.6);
	position: absolute;
	width: calc(100% - 40px);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 13;
}

.WindowTop
{
	background: #837569;
	width: 100%;
	padding: 8px 20px;
	border-collapse: separate;
}

.WindowTit
{
	color: white;
	font-size: 16px;
	font-weight: 600;
}

.WindowX
{
	color: white;
	text-align: right;
	font-size: 15px;
	width: 15px;
}

.WindowContent
{
	width: calc(100% - 40px);
	padding: 20px 20px 0 20px;
	margin: 0 0 20px 0;
	word-break: break-all;
	max-height: 60vh;
	min-height: 25vh;
	overflow-y: scroll;
	display: none;
}

.WindowContent.active
{
	display: block;
}

.WindowBtnTable
{
	border-collapse: separate;
	width: 100%;
	padding: 0 20px;
	text-align: center;
}

.WindowBtnTd
{
	background: linear-gradient(to bottom, #F9D5B4 0%,#F5C79C 5%,#F0B479 10%,#EEAD6C 15%,#E18B49 45%,#DE8946 50%,#C2752D 100%);
	box-shadow: 0 2px 0 0 #A4511C;
}

.WindowBtnTxt
{
	
	color: white;
	text-shadow: 0 1px 0 #77370E;
	display: inline-block;
	min-width: 50px;
	font-size: 12px;
	font-weight: 600;
	padding: 20px 0;
	margin: -4px 0 0 0;
}

.WindowBg
{
	width: 100%;
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 12;
}

/*     按鈕     */
.BtnAny
{
	background: linear-gradient(to right, #EA76AC 0%,#7B73F2 100%);
	color: white;
	padding: 5px 0;
	min-width: 110px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	text-align: center;
}

/*     電腦/手機     */
.ModePc
{
	display: none;
}

.ModeMobile
{
	display: block;
}

/*     框架     */
.MainContainer
{
	width: calc(100% - 40px);
	padding: 30px 0;
}

.MainContent
{
	padding: 30px;
}

/*     標題     */
.MainTopicTxt
{
	font-size: 40px;
}

/*     詳細內容     */
.DeatilImg
{
	max-width: 100%;
	margin: 0 auto 40px auto;
}

/*     Coming soon     */
.ComingBox
{
	background: white;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0;
	margin: 80px auto;
}

.ComingTxt
{
	font-size: 30px;
}

/*****     Header     *****/
header
{
	background: rgba(0,0,0,.8);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.headerContainer
{
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 5px 0;
}

.headerTable
{
	width: 100%;
}

.headerTdMedia
{
	width: 120px;
}

header.active .headerTdMedia
{
	display: none;
}

.headerTdLogo
{
	display: none;
}

.headerLogo
{
	width: 155px;
	display: block;
}

header.active .headerTdLogo
{
	display: table-cell;
}

.headerMediaBtn
{
	color: white;
	float: left;
	font-size: 24px;
}

.headerMediaBtn:not(:last-child)
{
	margin: 0 15px 0 0;
}

.headerTdMenuBtn
{
	text-align: right;
}

.headerMenuBtn
{
	color: white;
	width: 35px;
	font-size: 26px;
	display: inline-block;
}

/*****     選單     *****/
.menuBox
{
	background: rgba(0,0,0,.8);
	border-top: 1px solid white;
	position: fixed;
	top: 47px;
	left: 0;
	z-index: 99;
	width: 100%;
	max-height: 380px;
	overflow-y: scroll;
}

.menuBox.active
{
	animation: fadeIn 0.5s ease-in-out;
}

.menuListBox
{
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 5px 0;
}

.menuList
{
	display: block;
	width: 100%;
	padding: 5px 0;
	word-break: break-all;
}

.menuList:not(:last-child)
{}

.menuListEn , .menuListTw
{
	color: white;
	font-size: 15px;
	opacity: .5;
	display: inline-block;
	vertical-align: middle;
}

.menuListEn
{
	margin: 0 5px 0 0;
}

.menuList.active .menuListEn , .menuList.active .menuListTw
{
	opacity: 1;
}

/*****     index     *****/
.indexBox
{
	height: 100vh;
	background-attachment: unset;
}

/*****     home     *****/
.homeBox
{
	padding: 30px 0 0 0;
}

/*****     最新消息     *****/
.newsList
{
	border-radius: 10px;
	padding: 10px;
}

/*****     演出陣容 & 系列活動     *****/
.AppearMobileBtn
{
	width: 100%;
	text-align: center;
}

.AppearMobileBtn:not(:last-child)
{
	margin: 0 0 50px 0;
}

.AppearMobileBtn.active
{
	animation: fadeIn 0.5s ease-in-out;
}

/*****     交通方式     *****/
.accessTable
{
	padding: 30px 0 0 0;
}

.accessTable , .accessTable > div , .accessTable > div > div ,
.accessTable > div > div > div
{
	display: block !important;
}

.accessTable > div:not(:last-child)
{
	margin: 0 0 50px 0;
}

.accessTdTxt > div:not(:last-child)
{
	margin: 0 0 30px 0;
}

.accessTdTit
{
	width: 100%;
	max-width: 100%;
	margin: 0 0 5px 0;
}

.accessTdTxt
{
	width: 100%;
	font-size: 15px;
}

/*****     合作單位     *****/
.sponsorsMobileList
{
	width: 100%;
}

.sponsorsMobileList:not(:last-child)
{
	margin: 0 0 40px 0;
}

.sponsorsMobileTit
{
	margin: 0 0 15px 0;
}

.sponsorsUnitImg
{
	width: 100px;
}

/*****     Footer     *****/
.footerContainer
{
	padding: 20px;
}

.footerTdInf
{
	width: 100%;
	margin: 0 0 15px 0;
}