:root {
    --swiper-theme-color: #cfd14d;
	--bs-primary: #cfd14d;
	--primary-color: #cfd14d;
	--primary-link: #cfd14d;
	--bs-primary-rgb: 207,209,77;

}
html {height: 100%; }
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background:#000000;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
}
body{
	background: #000000;
    background-image: url(../images/background/bg.jpg);
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
body:before {background: #000000; content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/background/bg.jpg) center 0 no-repeat;background-size: cover;opacity: 1}
@media (max-width: 540px){
	body:before {background: #000000; content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/background/bg-s.jpg) center 0 no-repeat;background-size: cover;opacity: 1}
}


/*手機平板區塊隱藏*/
@media screen and (max-width: 991px) {
    .dsk {
        display: none; 
	} 
}
.sp {
    display: none; 
}
@media screen and (max-width: 991px) {
    .sp {
        display: block;
	}
	.dsk,#scroll-down {
        display: none; 
	} 
}
/*按鈕顏色*/
.btn-primary {
    color: #000;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover {
    color:var(--primary-color);
    background-color: #000;
    border-color: #000;
}
/*文字*/
.text-justify{
	text-align:justify;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
/*毛玻璃特效*/
.bg-blur-3px{
	background: #00000045!important;
	backdrop-filter: blur(3px); 
}
.bg-withe-blur-3px{
	background: #ffffff2e!important;
	backdrop-filter: blur(3px); 
}

/* 主選單 Header */
header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
    max-height: 50px;
}
.header-social-icon a > i  svg{ max-height: 25px;
    padding: 0 6px 6px 0;
    font-size: 25px;
    vertical-align: middle;
    width: 25px; }
.header-social-icon a > i { padding: 0px 10px; font-size: 20px; vertical-align: middle; }
.header-always-fixed-scroll{ /*background: #142c3600;*/background-color: transparent}
.sticky.header-appear .header-dark, .sticky .header-dark.header-always-fixed-scroll { background: #142c36bd!important;;backdrop-filter: blur(4px); }
@media (max-width: 991px){
.header-always-fixed-scroll{ background: #142c36bd!important;}
}
.medium-icon a {font-size: 20px;width: 40px;height: 40px;line-height: 40px;}
.medium-icon li {margin: 0;}


.navbar-brand .default-logo,.navbar-brand .alt-logo,.navbar-brand .alt-logo{
	height:50px;
}
.navbar.bg-transparent,.sticky.header-appear .header-dark, .sticky .header-dark.
.navbar .navbar-nav .nav-link { font-size: 23px; margin: 0 18px; word-break: normal; } 

@media (max-width: 1270px){
	.navbar .navbar-nav .nav-link { font-size: 18px; margin: 0 14px; word-break: normal; }
}
@media (max-width: 1130px){
	.navbar .navbar-nav .nav-link { font-size: 20px; margin: 0 16px; word-break: normal; }
	.navbar .social-icon-style-06{display:none;}
	.navbar .col-lg-8{width: 83.33333333%;}
}
@media (max-width: 991px){
	.navbar .social-icon-style-06{display:block;}
	.navbar .col-lg-8{width: auto;}
	header .navbar .navbar-brand .mobile-logo{
		height:50px;
	}
}
@media (max-width: 767px){	
.navbar .social-icon-style-06{display:none;}
}
/*MENU下拉選單 simple dropdown */
.nav-link:hover ,.nav-link:focus ,.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus{color: var(--primary-color);}
.simple-dropdown .dropdown-menu { position: absolute; left: 0; width: 350px; padding: 0; box-shadow: 0 0 35px rgba(0,0,0,0.1); margin: 0; border: none; border-radius: 0;background: #00000099!important;backdrop-filter: blur(5px); }
.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { left: 241px; margin-top:0; top: -25px; }
.simple-dropdown.menu-left .dropdown-menu { position: absolute; left: auto; min-width: 240px; padding: 25px 0 20px;; }
.simple-dropdown.menu-left .dropdown-menu .dropdown .dropdown-menu,
.simple-dropdown .dropdown.menu-left .dropdown-menu { left: auto; right: 241px; }
.simple-dropdown .dropdown-menu li { }
.simple-dropdown .dropdown-menu .dropdown a { display: block; color: var(--primary-color); font-size: 17px; line-height: normal; font-weight: 900;border-bottom: solid 1px rgba(255, 255, 255, .1);padding: 9px 45px 9px 35px; display: block; }
.simple-dropdown .dropdown-menu .dropdown:hover > a, .simple-dropdown .dropdown-menu .dropdown a:hover,.simple-dropdown .dropdown-menu .dropdown li.active > a, .simple-dropdown .dropdown-menu .dropdown a.active,.simple-dropdown .dropdown-menu .dropdown a:focus, .simple-dropdown .dropdown-menu .dropdown.active > a { color: #1a333a;background: var(--primary-color);}
.simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { position: absolute; right: 23px; font-size: 12px; margin-top: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }

@media (max-width: 991px){	
[data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a{line-height: 2;padding-left:10px;display: block;border: 0;}
[data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a:hover,.navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a:focus {color: #1a333a;}
[data-mobile-nav-style=modern] .navbar-modern-inner .nav-item .nav-link{color:#fff;}
[data-mobile-nav-style=modern] .navbar-modern-inner .nav-item .nav-link:hover ,[data-mobile-nav-style=modern] .navbar-modern-inner .nav-item .nav-link:focus {color: var(--primary-color);}
}


/*footer*/	
.footer-bottom a > i  svg,.nav-item a > i  svg{ max-height: 20px;width: 20px;padding: 0px 0 5px;vertical-align: middle; }
footer .info{line-height:1.5;padding: 15px 38px; text-align:justify;}
footer .footer-logo,footer .footer-logo:hover{
	color:#fff;
}
footer .footer-logo img{
	margin-left:10px;
	width:93px;
	display: inline-block;
}
/*倒數coutdown*/
.countdown-bg{
    background-color: rgba(0, 0, 0, .4);
    background-blend-mode: multiply;
    background-image: url(../images/background/countdown-bg.jpg);
    height: 63%;
    min-height: 63vh;
    background-size: cover;
    background-position: 50% 23%;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
@media (max-width: 2304px){	
	.countdown-bg{
		height: 48%;
		min-height: 48vh;
	}
}
@media (max-width: 1000px){	
	.countdown-bg{
		background-color: rgba(0, 0, 0, .5);
		background-image: url(../images/background/countdown-bg-m.jpg);
	}
}
@media (max-width: 768px){	
	#countdown .countdown-bg h1 span{display:block;}
}
@media (max-width: 575px){	
	#countdown section.big-section {
		padding: 0;
	}
}
/*首頁時間section-date*/
#section-date {
	background:var(--primary-color);
	font-family:'Arial','Work Sans', sans-serif;
}
#section-date h2{
	font-weight:900;
	letter-spacing:1px;
}
#section-date h6 span{ font-size:2.6rem; line-height:3.2rem;}
@media (max-width: 768px){	
	#section-date h2{font-size:3.1rem; line-height:3.1rem;}
	#section-date h2 span{display:none;}
	#section-date h6 span{display:block;font-size:2.2rem; line-height:2.8rem;}
}
@media (max-width: 500px){
	#section-date h2{font-size:2.9rem; line-height:3.1rem;}	
	#section-date h6{font-size:1.6rem; line-height:2rem;}
	#section-date h6 span{display:block;font-size:2.2rem; line-height:2.6rem;}
}
.arrow{
	width:100%;
	display:block;
	position: relative;
	margin: -15px 0;
    padding: 15px 0 15px 0;
}
.arrow_wrap{
    width: 100%;
    position: relative;
    z-index: 1;
}
.arrow__up {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--primary-color);
    margin-top: -15px;
}

/*首頁主視覺*/
#rev_slider_31_1_wrapper {
	background-image: url(../images/background/bg.jpg);
	 background-size: cover;
    background-position: 50% 23%;
    background-repeat: no-repeat;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
@media (max-width: 540px){	
	#rev_slider_31_1_wrapper {
		background-image: url(../images/background/bg-s.jpg);
		background-position: 0 -50px;
	}
}
/*首頁banner-video*/
.home-video{
	max-width:500px;
	width:38%;
	position:absolute;
	top:25%;
	right:18%;
}
.home-video .text{width:98%; margin:10px auto;}
@media (max-width: 1640px){
	.home-video{top:25%;right:13%;}
}
@media (max-width: 1400px){
	.home-video{top:25%;right:8%;}
}
@media (max-width: 1024px){
	.home-video{top:20%;right:8%;}
}
@media (max-width: 777px){
	.home-video{width:80%;top:58%;right:18%;}
}
@media (max-width: 730px){
	.home-video{right:16%;}
}
@media (max-width: 700px){
	.home-video{right:14%;}
}
@media (max-width: 661px){
	.home-video{right:11%;}
}
@media (max-width: 600px){
	.home-video{right:10%;}
}
@media (max-width: 540px){
	.home-video{width:60%;top:56%;right:20%;}
}
@media (max-width: 538px){
	.home-video{width:80%;top:58%;right:10%;}
}
@media (max-width: 414px){
	.home-video{top:64%;}
}
@media (max-width: 375px){
	.home-video{top:62%;}
}
@media (max-width: 280px){
	.home-video{width:80%;top:55%;right:10%;}
}
/*首頁開閉幕片*/
#o-c-film h3{font-size: 3.2rem;line-height: 3.6rem;}
#o-c-film h3,#o-c-film h5{text-align:left;}
.column{flex-direction:row}
#o-c-film .small-border {
    width: 50px;
    height: 2px;
    background: var(--primary-color);
    border-left: none;
    border-right: none;
    display: block;
    margin: 0 0;
    margin-bottom: 25px;
}
@media (max-width: 1360px){
	.column{flex-direction: column}
}
@media (max-width: 991px){
	#o-c-film h3{font-size: 3.6rem;line-height: 4rem;}
	#o-c-film h3,#o-c-film h5{text-align:center;}
	#o-c-film .small-border { margin: 0 auto 30px auto;}
}
@media (max-width: 480px){
	#o-c-film h3{font-size: 3rem;line-height: 3.3rem;}
	#o-c-film .col-12 {width: 90%;}
}
/*首頁影片分類*/
#g-film .items .interactive-banners-sub{
	min-height:450px;
}
#g-film h4{text-align:left;}
#g-film h4 span{display:block;}
#g-film .btn{position:absolute; bottom:50px;}
@media (max-width: 768px){
	#g-film h4{text-align:center;}
	#g-film .btn{left:25%;}
}
.interactive-banners-style-03 .interactive-banners-image {
    opacity: 1;
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.interactive-banners-style-03:hover .interactive-banners-image {
    opacity: 0;
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
} 
.padding-3-half-rem-lr {
		padding-left: 3.8rem;
		padding-right: 3.8rem;
	}
	.padding-3-rem-tb {
		padding-top: 3.3rem;
		padding-bottom: 3.3rem;
	}
@media (max-width: 640px){
	.padding-3-half-rem-lr {
		padding-left: 3.2rem;
		padding-right: 3.2rem;
	}
	.padding-3-rem-tb {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
@media (max-width: 480px){
	.padding-3-half-rem-lr {
		padding-left: 2.3rem;
		padding-right: 2.3rem;
	}
	.padding-3-rem-tb {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}
/*浮動買票按鈕*/
.buy-theme {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:150px; right: -100px; background:  var(--primary-color); z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 10}
.buy-theme i {font-size: 20px; vertical-align: middle; position: relative; top: -1px; color: #000}
.all-demo i {font-size: 20px; vertical-align: middle; position: relative; top: -1px; color: #000}
.buy-theme:hover, .all-demo:hover {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; right: 0px; background: #232323}
.buy-theme span, .all-demo span {padding:0 9px; position: relative; top:0; opacity: 0}
.buy-theme:hover span, .all-demo:hover span {opacity: 1; color: #fff}
.buy-theme:hover i, .all-demo:hover i {color: #fff}
.buy-theme a, .all-demo a { color: #232323; font-size: 13px; text-transform: uppercase; padding:5px 20px; display: block; text-decoration: none; font-weight: 500 }
.all-demo {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:190px; right: -133px; background: #fff; z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 10}

/*按鈕設計*/
.btn.btn-transparent-primary { font-weight: 900; font-size:16px; padding: 12px 23px;background: transparent; color: #ffffff; border: 4px rgba(255,255,255,.4) solid;}
.btn.btn-transparent-primary:hover, .btn.btn-transparent-primary:focus { background: rgba(255,255,255,.4); color: #000000;border: 4px #ffffff00 solid; }


/*贊助商sponsors*/
#sponsors{padding:60px 0 80px 0;}
.sponsors-bg{
	background-size: cover; 
	visibility: visible;
	width:100%;
	text-align:center;
	z-index:-1;
	position: absolute;
	margin:-10px auto 0 auto;
	opacity:.2;
	left: 0;
}
.sponsors-bg img{
	width:95%;
	max-width:1050px;
	margin: 0 auto;
	text-align:center;
}
@media (max-width: 600px){
	.sponsors-bg{display:none;}
}

#sponsors .tittle{
	width:100%;
	text-align:center;
	margin-top:40px;
}
@media (max-width: 500px){
	#sponsors .tittle{margin-top:10px;}
}
#sponsors .tittle .small-border {
    width: 50px;
    height: 2px;
    background: var(--primary-color);
    border-left: none;
    border-right: none;
    display: block;
    margin: 5px auto 30px auto;
}
#sponsors-list,.sponsors-block{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.sponsors-block{
	margin:0;
}
#sponsors-list .tittle-s{
	text-decoration:underline;
	font-size:16px;
	margin:0 15px 0 40px;
}
#sponsors-list .sponsors-logo-l{
	margin:20px 25px;
}
#sponsors-list .sponsors-logo-m{
	margin:20px 15px;
}
#sponsors-list .sponsors-logo-s{
	margin:20px 10px;
}
#sponsors-list .sponsors-logo-l:hover,#sponsors-list .sponsors-logo-m:hover,#sponsors-list .sponsors-logo-s:hover{
	transform:translate(0px,5px);
    -webkit-transform:translate(0px,5px); 
    -moz-transform:translate(0px,5px); 
	transition: all 0.5s ease-in-out;
	opacity:.6;
}
@media (max-width: 768px){
	.sponsors-block{
		margin:2rem 0;
	}
	#sponsors-list .tittle-s{
		display:block;
		width:100%;
		text-align:center;
		margin:0;
	}
	#sponsors-list .sponsors-logo-l{
	margin:13px 25px;
	}
	#sponsors-list .sponsors-logo-m{
		margin:13px 15px;
	}
	#sponsors-list .sponsors-logo-s{
		margin:13px 10px;
	}
}
/*Events*/
.director-left{
	bottom: 0;
    left: 0;
    position: absolute;
}
.director-right{
	bottom: 0;
    right: 0;
    position: absolute;
}
.director-right-2{
	bottom: 0;
    right: 100px;
    position: absolute;
}
.events-order-1{
	order:2;
}
@media (max-width: 991px){
	.events-order-1{
		order:-1;
	}
	#event-overview{
		text-align:center;
	}
}
@media (max-width: 575px){
	#event-overview{
		margin:0px;
	}
}
.events-date{
	font-size: 2.4rem;
	font-weight:900;
	letter-spacing:4px;
	line-height:3rem;
	margin-bottom:1rem;
	padding:10px 18px;
	color:#000;
	background-color:var(--primary-color);
	display: inline-block;
	
}
.events-date b{
	font-size: 1.3rem;
	font-weight:900;
	letter-spacing:1px;
	vertical-align: bottom;
}
.events-date span{
	font-size:1.2rem;
	font-weight:700;
	margin:0 5px;
	vertical-align: top;
}
@media (max-width: 520px){
	.events-date b:last-child{
		width:100%;
		display:block;
	}
}
.events-tittle{
	font-size: 2.3rem;
	font-weight:500;
	letter-spacing:2px;
	line-height:2.3rem;
	margin-bottom:3rem;
}
.events-tittle span{
	font-size: 1.3rem;
	width:100%;
	display:block;
}
.events-sub-tittle{
	font-size: 2.8rem;
	font-weight:900;
	letter-spacing:2px;
	line-height:3rem;
	margin-bottom:3rem;
}
.events-sub-tittle span{
	font-size: 1.2rem;
}
.events-name{
	font-size: 2.8rem;
	font-weight:500;
	letter-spacing:2px;
	line-height:2.8rem;
	margin-bottom:0.5rem;
}
.events-info{
	font-size: 1.3rem;
	font-weight:500;
	letter-spacing:2px;
	line-height:2.3rem;
	margin-bottom:2rem;
}
.events-info span{
	font-size:1rem;
	font-weight:500;
	margin:0 5px;
	vertical-align: bottom;
}
/*Cooperated-logo*/
.Cooperated-logo {
	margin:1.5rem 0;
}
.Cooperated-logo img{
	margin-left:15px;
}
.Cooperated-logo span{
	margin-left:15px;
}
@media (max-width: 640px){
	.Cooperated-logo span{
		width: 100%;
		margin-left: 0;
		display: block;
	}
}
/*頁標題*/
.page-tittle{
	width:100%;
	text-align:center;
	padding:110px 0 0 0;
}
.page-tittle .small-border{
    width: 50px;
    height: 2px;
    background: var(--primary-color);
    border-left: none;
    border-right: none;
    display: block;
    margin: 0 auto 30px auto;
}
@media (max-width: 500px){
	.page-tittle{padding:50px 0 0 0;}
}
/*contact*/
#contact a:hover i{
	transform:translate(5px,-5px);
    -webkit-transform:translate(5px,-5px); 
    -moz-transform:translate(5px,-5px); 
	transition: all 0.8s ease-in-out;	
}
@media (max-width: 991px){
	#contact a .border-width-4px{
		border-width: 0px !important;
	}	
	#contact span{
		display:block;
		width:100%;
	}
}
@media (max-width: 575px){
	#contact span{
		display:block;
		width:100%;
	}
	#contact .row>* {
		padding-right: 0;
		padding-left: 0;
	}
	#contact .margin-20px-lr{
		margin-left: 0;
		margin-right: 0;
	}
}
/*about*/
#about .text{
	text-align:justify;
}
@media (max-width:768px) {	
	#about .team-member-image img{width:100%;}
	#about .margin-100px-lr {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width: 575px){
	#about .text{
		text-align:center;
	}
	#about .row>* {
		padding-right: 0;
		padding-left: 0;
	}
	#about .margin-100px-lr {
		margin-left: 50px;
		margin-right: 50px;
	}
}
@media (max-width: 500px){
	#about .margin-100px-lr {
		margin-left: 40px;
		margin-right: 40px;
	}
}
@media (max-width: 360px){
	#about .margin-100px-lr {
		margin-left: 20px;
		margin-right: 20px;
	}
}
#team figcaption{
	min-height:140px;
}
#team .social-icon{
	font-size:12px;
}
/*tickets*/
#tickets .accordion-style-05 .panel .panel-heading.active-accordion {
    background-color: #10202ade;
    border-bottom-color: #16161600 !important;
}
#tickets .accordion-style-05 .panel .collapse.show, .accordion-style-05 .panel .collapsing {
    background-color: #10202ade;
}
#tickets .grid.gutter-small li { padding:5px; }
#tickets .accordion-style-05 .panel .panel-heading i {right: 20px;}
@media (max-width:991px) {
	.order-sm-0 {
		order: 0!important
	}
	.order-sm-1 {
		order: 1!important
	}
	.order-sm-2 {
		order: 2!important
	}
	.order-sm-3 {
		order: 3!important
	}
	.order-sm-4 {
		order: 4!important
	}
	#tickets .margin-100px-lr {
		margin-left: 40px;
		margin-right: 40px;
	}
}
@media (max-width:768px) {
	#tickets h3 span{
		display:block;
		width:100%;
	}	
	#tickets .margin-100px-lr {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width:576px) {
	#tickets h3 span{
		display:block;
		width:100%;
	}	
	#tickets .margin-100px-lr {
		margin-left: 10px;
		margin-right: 10px;
	}
	#tickets .accordion-style-05 .panel .panel-heading {
		padding: 15px 30px 15px 20px;
	}
}
@media (max-width: 390px){
	#tickets .margin-100px-lr {
		margin-left: 5px;
		margin-right: 5px;
	}
}