/*Prog Inside*/
.prog-page{
	background-color: #e9e9e9;
}

.programme-div .prog-page .swiper-progress-bar{
	top: 50%;
    transform: translate(0, -50%);
    height: 90%;
	flex-direction: column;
    justify-content: space-between;
}

.programme-div .prog-page .swiper-progress-bar span:first-of-type{
	margin-top: auto;
}

.programme-div .prog-page .swiper-progress-bar span.swiper-number-end{
	margin-bottom: auto;
}

.prog-page .sponsor_logo {
	width: auto; 
}

.prog-page .sponsor_logo td{
	padding-right: 40px; 
}

.prog-page .prog-page-inner .logo-div{
	padding: 3% 3% 0 3%;
}

.prog-page .prog-page-inner .logo-div img{
	width: 12em;
    height: auto;
}

.prog-page .prog-page-inner .logo-div img.mult-logos{
	width: auto;
	height: 5em;
	margin-right: 1em;
}

.prog-page .prog-page-inner .logo-div img:not(:first-of-type){
	margin-left: 1em;
}

.prog-page .prog-page-inner .logo-div img.logo-scale{
	width: 13em;
}

.prog-page .prog-page-inner .content-div{
	display: flex;
	padding-top: 3%;
}

.prog-page .prog-page-inner .content-div .content-div-left{
	width: 65%;
	padding: 0 3%;
}

.prog-page .prog-page-inner .content-div .content-div-right{
	width: 35%;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-top,
.prog-page .prog-page-inner .content-div .content-div-left .title-main,
.prog-page .prog-page-inner .content-div .content-div-left .title-shiny p,
.prog-page .prog-page-inner .performers-list table,
.content-div-right .info-box .info-text,
.content-div-right .info-box.box2 div p,
.programme-div.media-coverage-div .content-div-right .info-box .msg,
.programme-div.latest-update-div .content-div-right .info-box .msg{
	font-family: "Montserrat";
}

.prog-page .prog-page-inner .content-div .content-div-left .title-top{
	color: #b4562d;
	font-size: 2em;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-main{
	color: #000;
	font-size: 2em;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-main.s-title{
    color: #6d6d6d;
    font-size: 1.5em;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-line{
	font-family: "Franklin-Gothic";
	color: #515151;
	font-style: italic;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-line p{
	padding: 0px 0 0 32%;
    background: linear-gradient(#515151,#515151) 0 65%/30% 2px no-repeat;
	font-size: 1.2em;
	font-weight: bold;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-shiny{
	display: flex;
	font-size: 1.5em;
    width: 80%;
    padding: 4% 0;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-shiny img{
	width: 30px;
	height: 50px;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-shiny p{
	margin: auto;
	text-align: center;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-quot{
	display: flex;
	font-size: 1.7em;
    width: 80%;
	color: #d8651e;
	padding: 3% 0;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-quot img{
	width: 40px;
    height: 40px;
}
.prog-page .prog-page-inner .content-div .content-div-left .title-quot .title-quot-right{
	transform: scale(-1);
}

.prog-page .prog-page-inner .content-div .content-div-left .title-quot p{
	text-align: center;
    margin: auto;
	line-height: 1.5;
	font-family: "Baskerville-Old-Face";
	font-style: italic;
}

.prog-page .prog-page-inner .content-div .content-div-left .title-quot p span{
	font-size: 0.8em;
    color: #db8f6e;
}

.song-list-top {
	background-image: url(../images/common/song-list-top.png);
    background-repeat: no-repeat;
    background-size: 100% 3em;
    width: auto;
    height: 4em;
}

.song-list th {
    color: #b4562d;
    margin-bottom: 2%;
	font-weight: bold;
}

.song-list tr td,
.performers-list tr td{
    vertical-align: top;
    line-height: 1;
    padding: 10px;
}

.song-list-btm {
    background-image: url(../images/common/song-list-btm.png);
    background-repeat: no-repeat;
    background-size: 100% 3em;
    width: auto;
    height: 3em;
    margin-bottom: 1em;
}

.prog-page .prog-page-inner .performers-list{
	padding-top: 4%;
    padding-bottom: 2%;
    position: relative;
}

.prog-page .prog-page-inner .performers-list.media{
    display: inline-flex;
    width: 100%;
}

.prog-page .prog-page-inner .performers-list .youtube-media-div{
    width: 25%;
    position: relative;
    min-width: 151px;
}

.prog-page .prog-page-inner .performers-list .youtube-media-div .ytp-button{
    position: absolute;
    width: 35%;
    bottom: 10%;
    right: 3%;
    height: fit-content;
    background: transparent;
    border: none;
}

.prog-page .prog-page-inner .performers-list table{
	width: 100%;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.prog-page .prog-page-inner .performers-list table tr{
	line-height: 2em;
}

.prog-page .prog-page-inner .performers-list table td:first-of-type{
	color: #4A4A4A;
}

.prog-page .prog-page-inner .content-div .content-div-left .content-desc{
	border-top: 3px solid #000;
    border-bottom: 3px solid #000;
}

.prog-page .prog-page-inner .content-div .content-div-left .content-desc > div{
	padding: 3% 0;
    font-size: 1.2em;
    line-height: 1.8;
	text-align: justify;
}

.prog-page .prog-page-inner .content-div .content-div-left .content-desc > div.song-list{
    padding: 3% 10%;
}

.prog-page .prog-page-inner .content-div .content-div-left .content-desc > div.title-line{
    padding-bottom: 0;
}

.prog-page .prog-page-inner .content-div .content-div-left .content-desc > div.title-line p{
    margin-bottom: 0;
}

.content-div-right .info-box{
	box-shadow: rgb(34, 57, 128) 4px 5px 1px, rgb(34, 57, 128) 0px 7px 13px -10px, rgb(34, 57, 128) 0px 0px 0px inset;
	border-radius: 30px;
    padding: 7% 5%;
	margin-bottom: 10%;
	width: 80%;
	border: 1px solid #000;
}

.content-div-right .info-box .info-text{
	display: flex;
	padding-bottom: 10%;
	color: #000
}

.content-div-right .info-box .info-text.slim-line-h{
    padding-bottom: 5%;
}

.content-div-right .info-box .info-text:last-of-type{
	padding-bottom: 0;
}

.content-div-right .info-box .info-text > div{
	padding: 0 5%;
}

.content-div-right .info-box .info-text img{
	width: 45px;
}

.content-div-right .info-box .info-text p{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.content-div-right .info-box .info-text.box-title p{
	font-weight: bold;
	font-size: 1.3em;
	color: #b4562d;
}

.content-div-right .info-box .info-text.info-date p{
	font-size: 1.2em;
    line-height: 1;
}

.content-div-right .info-box .info-text.info-date p > span{
	padding-left: 3px;
}

/* 
.content-div-right .info-box .info-text.info-date p > span{
	font-size: 0.7em;
    color: #444444;
} */

.content-div-right .info-box .info-text.info-time p{
	font-size: 1.2em;
}

.content-div-right .info-box .info-text.info-time > div{
	padding-top: 1%;
}

.content-div-right .info-box .info-text.info-location p{
	font-size: 1.2em;
	line-height: 1.3;
}

.content-div-right .info-box .info-text.info-location a{
    color: black;
    text-decoration: none;
    display: flex;
}

.content-div-right .info-box .info-text.info-location img{
	padding-top: 10%;
}

.content-div-right .info-box .info-text.info-price p{
	font-size: 1.2em;
	line-height: 1.2;
}

.content-div-right .info-box .info-text.info-duration p{
	font-size: 1.2em;
    line-height: 1.3;
}

.content-div-right .info-box.box2 > div:not(:first-of-type){
	padding-top: 5%;
}

.content-div-right .info-box.box2 > div:not(:last-of-type) {
	border-bottom: 1px solid #6d6d6d;
	padding-bottom: 10%;
}

.content-div-right .info-box.box2 div p{
	text-align: center;
    font-size: 1.2em;
    color: #6d6d6d;
	margin: 0;
}

.content-div-right .info-box.box2 div div:last-of-type > p{
	color: #000;
}

.prog-page .prog-page-inner .full-width-content-div{
	padding: 0 5% 5% 3%;
}

.prog-page .prog-page-inner .full-width-content-div p{
	font-size: 1em;
    line-height: 2;
}

.prog-page .prog-page-inner .full-width-content-div p:last-of-type{
	margin: 0;
}

.prog-page .prog-page-inner .full-width-content-div img{
	width: 9em;
}

.prog-page .prog-page-inner .mobile-bar-div-mobile{
	display: none;
}

html[lang="tc"] .prog-page .prog-page-inner .content-div .content-div-left .title-quot p{
	font-style: normal;
}

/*About Us*/
.about-div{
    background-color: #F89B4D;
    min-height: 80vh;
    background-image: url(../images/common/bg.png);
    background-repeat: repeat;
}

.about-div .about-inner{
	max-width: 75%;
	z-index: 2;
    position: relative;
}

.about-div .content-title{
	padding: 3% 0 13% 0;
} 

.about-div .content-title .title-main{
	font-size: 4em;
	line-height: 0.4em;
    color: #263C82;
    font-family: "bebas";
}

.about-div .content-title .title-main > span{
	color: #0055a2;
	font-size: 0.3em;
}

.about-div .content-div-right .info-box{
	box-shadow: rgb(0, 160, 57) 4px 5px 1px, rgb(0, 160, 57) 0px 7px 13px -10px, rgb(0, 160, 57) 0px 0px 0px inset;
	width: 100%;
	border-radius: 20px;
	padding: 5% 7%;
	background-color: #ffe3b6;
}

.about-div .content-div-right .info-box p{
	font-family: "GenSenRounded";
	text-align: justify;
	font-size:1em;
	line-height: 2.3;
    padding-bottom: 3%;
}

.about-div .content-div-right .content p{
	font-family: "GenSenRounded";
	text-align: justify;
	font-size:1.2em;
	line-height: 2.3;
    padding-bottom: 3%;
}

.about-div .about-sub-div{
	position: relative;
    overflow: hidden;
}

.about-div .about-sub-div .bg-img
{
	position: absolute;
}

.about-div .about-sub-div .bg-img.about-bgimg{
	width: 30%;
    right: -5%;
	top: 7%;
}

.about-div .about-sub-div .bg-img.about-bgimg2{
	width: 40%;
    bottom: -5%;
    z-index: 1;
    left: -8%;
}

/*Media Coverage*/

.programme-div.media-coverage-div{
	background-color: #afd19d;
}

.media-coverage-div .media-coverage-inner{
	max-width: 100%;
	position: relative;
    padding: 0;
	overflow: hidden;
}

.programme-div .media-coverage-inner .main-title{
	font-size: 4em;
}

.media-coverage-div .media-coverage-inner .inner-background{
	position: relative;
	z-index: 2;
}

.media-coverage-div .media-coverage-inner .bg-img{
	position: absolute;
}

.media-coverage-div .media-coverage-inner .bg-img.mc-bgimg{
	width: 40%;
    left: -23%;
}

.media-coverage-div .media-coverage-inner .bg-img.mc-bgimg2{
	width: 17%;
    right: -3%;
	bottom: -9em;
}

.media-coverage-div .media-coverage-inner .inner-background{
	width: 80%;
    margin: auto;
	padding: 9em 0 5% 0;
}

.programme-div.media-coverage-div .content-inner .content-title{
	margin-bottom: 0;
}

.programme-div.media-coverage-div .content-div-right .info-box{
	width: 100%;
	border-radius: 20px;
	background-color: #e2f4d3;
	padding: 5% 7% 3% 7%;
	box-shadow: rgb(225, 123, 3) 4px 5px 1px, rgb(225, 123, 3) 0px 7px 13px -10px, rgb(225, 123, 3) 0px 0px 0px inset;
}

.programme-div.media-coverage-div .content-div-right .info-box .msg{
	display: flex;
	color: #0a8985;
	font-size: 1em;
	padding: 2% 0;
	letter-spacing: 1px;
}

.programme-div.media-coverage-div .content-div-right .info-box .msg > a{
	color: #065653;
	text-decoration: none;
    width: 80%;
}

.programme-div.media-coverage-div .content-div-right .info-box div.msg:not(:last-of-type){
	border-bottom: 1px solid #606060;
}

.programme-div.media-coverage-div .content-div-right .info-box .msg p:first-of-type{
	width: 20%;
	color: #000;
	font-size: 1.2em;
}

/*Latest Update*/

.programme-div.latest-update-div{
	background-color: #afd19d;
}

.latest-update-div .latest-update-inner{
	max-width: 100%;
	position: relative;
    padding: 0;
	overflow: hidden;
}

.programme-div .latest-update-inner .main-title{
	font-size: 4em;
}

.latest-update-div .latest-update-inner .inner-background{
	position: relative;
	z-index: 2;
}

.latest-update-div .latest-update-inner .bg-img{
	position: absolute;
}

.latest-update-div .latest-update-inner .bg-img.mc-bgimg{
	width: 40%;
    left: -23%;
}

.latest-update-div .latest-update-inner .bg-img.mc-bgimg2{
	width: 17%;
    right: -3%;
    bottom: -9em;
}

.latest-update-div .latest-update-inner .inner-background{
	width: 80%;
    margin: auto;
	padding: 8em 0 5% 0;
}

.programme-div.latest-update-div .content-inner .content-title{
	margin-bottom: 0;
}

.programme-div.latest-update-div .content-div-right .info-box{
	width: 100%;
	border-radius: 20px;
	background-color: #e2f4d3;
	padding: 5% 7% 3% 7%;
	box-shadow: rgb(225, 123, 3) 4px 5px 1px, rgb(225, 123, 3) 0px 7px 13px -10px, rgb(225, 123, 3) 0px 0px 0px inset;
}

.programme-div.latest-update-div .content-div-right .info-box .msg{
	display: flex;
	color: #0a8985;
	font-size: 1em;
	padding: 2% 0;
	cursor: pointer;
}

/* .programme-div.latest-update-div .content-div-right .info-box .msg::after, .programme-div.latest-update-div .content-div-right .info-box .msg:not(.collapsed)::after{
	content: "";
	background-image: url(../images/common/arrow02.png);
    width: 35px;
    height: 35px;
    background-size: 100%;
	background-repeat: no-repeat;
}

.programme-div.latest-update-div .content-div-right .info-box .msg:not(.collapsed)::after{
	animation: arrow-rotateAnimation 0.2s ease-in-out forwards;
} */

.programme-div.latest-update-div .content-div-right .info-box .msg a{
    color: #065653;
    text-decoration: none;   
}

@keyframes arrow-rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}

.programme-div.latest-update-div .content-div-right .info-box div.msg:not(:last-of-type){
	border-bottom: 1px solid #606060;
}

.programme-div.latest-update-div .content-div-right .info-box .msg > .msg-date{
	width: 15%;
	color: #000;
	font-size: 1.3em;
}

.programme-div.latest-update-div .content-div-right .info-box .msg > .msg-content{
	width: 85%;
	padding-left: 4%;
	padding-right: 10%;
	font-size: 1em;
}

.programme-div.latest-update-div .content-div-right .info-box .msg > .msg-date > p, .programme-div.latest-update-div .content-div-right .info-box .msg > .msg-content > p{
	letter-spacing: 1px;
}

.programme-div.latest-update-div .content-div-right .info-box div.msg .msg-content > div{
	color: #444142;
	font-family: "GenSenRounded";
	text-align: justify;
}

/*Partners*/

.partners-div{
    background-color: #ff9c4a;
    min-height: 80vh;
    background-image: url(../images/common/bg.png);
    background-repeat: repeat;
}

.partners-div .partners-inner{
	max-width: 100%;
	position: relative;
    padding: 0;
	overflow: hidden;
}

.programme-div .partners-inner .main-title{
	font-size: 4em;
	color: #263C82;
}

.partners-div .partners-inner .inner-background{
	position: relative;
	z-index: 2;
}

.partners-div .partners-inner .bg-img{
	position: absolute;
}

.partners-div .partners-inner .bg-img.mc-bgimg{
	width: 40%;
    left: -23%;
}

.partners-div .partners-inner .bg-img.mc-bgimg2{
	width: 17%;
    right: -3%;
	bottom: -9em;
}

.partners-div .partners-inner .inner-background{
	width: 80%;
    margin: auto;
	padding: 2% 0 3% 0;
}

.programme-div.partners-div .content-inner .content-title{
	margin-bottom: 0;
    padding: 5% 0;
    line-height: 10em;
}

.programme-div.partners-div .content-div-right .info-box{
	width: 100%;
	border-radius: 20px;
	background-color: #f7d7c6;
	padding: 3% 7%;
	box-shadow: rgb(34, 57, 128) 4px 5px 1px, rgb(34, 57, 128) 0px 7px 13px -10px, rgb(34, 57, 128) 0px 0px 0px inset;
}

.programme-div.partners-div .content-div-right .info-box .content:not(:first-of-type){
	padding-top: 3%;
}

.programme-div.partners-div .content-div-right .info-box .content:not(:last-of-type){
	padding-bottom: 2%;
	border-bottom: 1px solid #606060;
}

.programme-div.partners-div .content-div-right .info-box .content{
	font-family: "Montserrat";
	font-weight: 300;
}

.programme-div.partners-div .content-div-right .info-box .content .sub-title{
	color: #000;
	font-weight: normal;
	font-family: "Montserrat";
	font-size: 1.2em;
}

.programme-div.partners-div .content-div-right .info-box .content .logo-list{
    text-align: center;
}

.programme-div.partners-div .content-div-right .info-box .content .logo-list .content-logo.top-logo{
	width: 30%;
    padding-bottom: 5%;
}

.programme-div.partners-div .content-div-right .info-box .content .logo-list .content-logo{
	width: 20%;
    margin-right: 5%;
}

.programme-div.partners-div .content-div-right .info-box .content .logo-list .content-logo.content-logo-h{
	width: auto;
	height: 15%;
}

.programme-div.partners-div .content-div-right .info-box .content .logo-list .content-logo.content-logo-h.film{
    height: 8em;
}

.programme-div.partners-div .content-div-right .info-box .content .logo-list .content-logo.spc-emq{
    width: 16%;
}

.prog-page .swiper-slide,
.prog-page .swiper-slide img{
    max-height: 800px;
}

.prog-page .swiper-slide img{
    object-fit: contain;
}


.content-div-right .info-box.box2 div.title-prog p {
    color: #d96c34;
    margin-bottom: 2%;
	font-weight: bold;
}

/*Header*/

html[lang="tc"] .header-background-div span{
	font-weight: bold;
	/* font-size: 1.2em; */
}

.song-list-inner{
    padding: 3% 10%;
}

.song-list-inner table{
    width: 100%;
}

.song-list-top.short,
.song-list-btm.short{
    background-size: 100% 2em;
    height: 2em;
}