/* common */
.content{
	width:calc(76% - 10px);
	float:left;	
}
.right{
	width:24%;
	float:right;
}
.top-banner{
		position:relative;
		width:100%;
		min-height: 300px;
		background-size: cover;
		background-position: center center;
		background-color:#000;
}
.top-banner p{
	font-family: Montserrat-Regular,'Microsoft JhengHei';
	letter-spacing: 0.5px;
	font-size:2.25em;
	position:absolute;
	color:white;
	top:50%;
	transform:translateY(-50%);
	max-width:30%;
	font-weight:bold;
}

.hidden{
	display:none;
}

.rotate-arrow-90{
	transform:rotate(90deg);
}

.rotate-arrow-180{
	transform:rotate(180deg);
}

#main_menu.scrolldn{
	background-color:rgba(255,255,255,0.88);
}
/* home page banner*/
.home .home-banner-area{
	position:relative;
}
.home-banner{
    position: relative;
	width: 90%;
	margin:0 auto;
	margin-bottom: 20px;
	max-width: 1360px;
}
.home-banner-background{
	position: absolute;
	width: 100%;
	height:100%;
	left: -40%;
	z-index:-1;
	background-size:cover;
}
.home-banner .title{
	position:absolute;
	bottom:18%;
	color:white;
	max-width:20%;
}


.home-banner .title p{
	color:white;
	font-size:2.25em;
    font-family:Montserrat-Regular,'Microsoft JhengHei';
    letter-spacing: 0.5px;
	font-weight:bolder;
	line-height:1em;
	background: linear-gradient(to right, #d42b32, #d5363b);
}
.home-banner .title .view-detail{
	display:block;
	padding-top:30px;
}
.home-banner .title .view-detail-mobile{
	display:none;
	line-height:100%;
}
.home .image-num{
	position:absolute;
	right: 90px;
	bottom:1.5%;
	color:black;
	font-size:1em;
    font-family:Montserrat-Regular;
    letter-spacing: 0.5px;
}
.home .image-num p{
	font-weight: bold;
	display:inline-block;
	line-height:35px
}

/*home page bot slider*/
.bot-slider{
	margin-bottom:20px;
}
.thumbnail-container{
	position: relative;
	width:270px;
}
.thumbnail-container .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: .5s ease;
  background-color: rgba(255,255,255,0);
  padding:17px;
  opacity:0;
}
.thumbnail-container .overlay .text {
	border:5px solid white;
	height:100%;
	padding:15px;
}
.thumbnail-container .overlay .text p {
	font-weight:bold;
	height: calc(100% - 50px);
	font-size:1.125em;
	color:black;
	cursor:pointer;
	height:100%;
	overflow:hidden;
}
.thumbnail-container:hover .overlay {
	opacity:1;
	background-color: rgba(255,255,255,0.5);
}

/*Content Program List */
.content-program{
    width: calc(50% - 13px);
    height: auto;
    margin-right: 10px;
    /*float: left;*/
	margin-bottom:10px;
	display: inline-block;
	vertical-align:top;
	overflow: hidden;
}

.home .content-program{
	width:calc((100% - 30px) / 3 );
	/*margin-right:10px;*/
	margin: 0 5px 0 0;
	margin-bottom:10px;
}
.content-program-img {
    position: relative;
    overflow: hidden;
    background-color:#f9f9f9;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
	padding-top:100%;
}
.content-program-img.fourty-anni {
    padding-top:70%;
}
.content-program-img.community-program {
    padding-top:60%;
}
.content-program-img .inside-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*.home .content-program-img{
	padding-top:100%;
	background-size: cover;
}
.content-program-img{
	background-color:#f9f9f9;
    width:100%;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
	padding-top:60%;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}*/
.content-program .content-program-img:hover{
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
}
.content-program-img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.content-program .desc{
	position:relative;
	background:#f9f9f9;
	margin-top:-1px;
	padding:15px;
	/*height:80px;*/
	height:auto;
}
.home .content-program .desc{
	height:110px;
	font-size:1em;
	color:#cc0000;
	box-sizing: border-box;
	min-height: 80px;
}
.content-program .desc p{
	font-size:1em;
    color:black;
    line-height: 1.3;
	letter-spacing: 0.5px;
	overflow: hidden;
}
.content-program .desc p.title {
    font-size: 1.1em;
	font-weight: bold;
}
.home .content-program .desc p{
	margin:8px 0;
}
.home .content-program .desc span{
	font-size:0.75em;
}
/*html[lang="tc"] .content-program .desc .tab > .title , html[lang="sc"] .content-program .desc .tab {
	font-family: 'Microsoft JhengHei';
}*/
.content-program .desc .tab{
	position: absolute;
    right: 5%;
    top: -7.5%;
	border-radius:20px;
	/*width:25%;*/
	text-align:center;
    padding: 7px 15px;
    color: white;
    font-size: 10px;
    font-family: Montserrat-Regular;
    letter-spacing: 0.5px;
	font-weight: bolder;
}
.content-program a{
	text-decoration: none;
	display:block;
}
/* Program inside Detail*/
.content > .title,.subtitle{
    font-family: Montserrat-Regular,'Microsoft JhengHei';
	font-size:1.75em;
	letter-spacing: 0.5px;
	padding-bottom:20px;
	font-weight:bold;
	color:#cc0000;
}
main .common-wrapper > .title,.subtitle{
    font-family: Montserrat-Regular,'Microsoft JhengHei';
	font-size:1.75em;
	letter-spacing: 0.5px;
	padding-bottom:20px;
	font-weight:bold;
	color:#cc0000;
}
main .content .program-list > .subtitle {
    font-size: 1.5em;
    color: black;
    clear: both;
}
main .common-wrapper > .title{
	float:left;
}

main .common-wrapper .content .program-list:nth-child(n+2){
	margin-top:30px;
}
@media (max-width:992px){
	.content > .title{
		font-size:1.25em;
	}
	main .common-wrapper > .title{
		font-size:1.25em;
	}
	h2{
		font-size:1.25em;
	}
}
.content > .subtitle{
	font-size:1.5em;
	color:black;
	clear:both;
}
.program-detail .program-detail-image{
	width:calc(50% - 10px);
	float:left;
	display:inline-block;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}
.program-detail .program-detail-image.workshop_series {
	width:calc(35% - 10px);
}
.program-detail .program-detail-desc.workshop_series {
	width:calc(65% - 10px);
}
.program-detail .program-detail-image .content-slider .prev-btn, .barrier-free-slider .prev-btn{
	position:absolute;
	bottom:0%;
	right: calc(50% + 65px);
}
.program-detail .program-detail-image .content-slider .next-btn, .barrier-free-slider .next-btn{
	position:absolute;
	bottom:0%;
	left: calc(50% + 65px);
}
.program-detail .program-detail-image .image-num{
	height:35px;
	text-align:center;
}

.program-detail .program-detail-image .image-num p{
	line-height:35px;
	color:#333333;
    font-family: Montserrat-Regular;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.program-detail .program-detail-desc{
	width:calc(50% - 10px);
	min-height:370px;
	float:right;
}
.program-detail .program-detail-desc.workshop_series .tab-desc p {
	line-height: 1.7;
}
.program-detail-desc.workshop_series .tab-info.tab-desc table td {
	padding: 8px 10px 8px 0px;
}
.program-detail{
	margin-right:10px;
	margin-bottom:20px;
}
@media (max-width:992px){
	.program-detail{
		min-height:0px;
	}
}
.program-detail-desc .title {
	font-size: 1.2em;
	color: #cc0000;
}
.program-detail-desc > p {
	margin-bottom:25px;
	text-align:justify;
	line-height:1.5em;
	font-size:1em;
	color:black;
}
.program-detail-tab{
	margin-bottom:20px;
}

.program-detail-tab .tab-title{
	width:100%;
	padding:15px 0;
	border-top:3px solid #cc0000;
	/*border-bottom:1px solid #d3cdcd;	*/
    position:relative;
    cursor: pointer;
}

.program-detail-tab .tab-title p{
	font-size:1em;
	font-weight:bold;
    font-family: Montserrat-Regular,'Microsoft JhengHei';
    letter-spacing: 0.5px;
	max-width:90%;
    color:#000000;
    line-height: 1.2;
    padding: 0 5px;
}
.program-detail-tab .tab-title img{
	position: absolute;
	right: 2%;
    top: 60%;
	margin-top: -10px;
	cursor:pointer;
}
.program-detail-tab .tab-info{
	background-color:#fbebeb;
	padding:20px;
	border-bottom:1px solid #d3cdcd;
	display:none;
}
.program-detail-tab .tab-info.tab-desc {
    line-height: 1.3;
}
.program-detail-tab .tab-info.tab-desc .title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 8px;
}
.program-detail-tab .tab-info.tab-desc p:not(.barrier-free-title) {
	color: #000000;
}
.program-detail-tab .tab-info.tab-desc ul li {
    list-style: disc;
    margin-left: 1.5em;
}
.program-detail-tab .tab-info.tab-desc a {
    color: #cc0000;
    text-decoration: none;
}
.program-detail-tab .tab-info.tab-desc table td {
    font-weight: normal;
}
.program-detail-tab .tab-info.tab-desc .barrier-free-grid {
    background: #fff;
    min-height: 120px;    
}
.outreach_prog .program-detail-tab .tab-info.tab-desc .barrier-free-grid {
    min-height: 200px;    
}
.program-detail-tab .tab-info .speaker-info {
	float: left;
	padding-right: 20px;
	width: calc(50% - 40px);
}
.program-detail-tab .tab-info .speaker-info:nth-child(5) {
	float: right;
}
.program-detail-tab .tab-info .speaker-info p {
	line-height: 1.5;
	padding-top: 8px;
}
.program-detail-tab .tab-info .speaker-info img {
	height: 200px;
}
.program-detail-tab .tab-info .table{
	display: table;
}
.program-detail-tab .tab-info .table .row {
    display: table-row;
}
.program-detail-tab .tab-info .table .row .col {
    display: table-cell;
    padding-right: 20px;
    line-height: 2em;
	font-size:1em;
	min-width: 70px;
}
.photo-gallery-inside .program-list > .content-program {
    margin-bottom:50px;
}
/* Training */
.training-nav-form{
	font-size:1em;
}
@media (max-width:992px){
	.training .right{
		margin-top:20px;
	}
}

/* Position and top right share btn */
.position{
	width:calc(76% - 20px);
	padding:5px 0;
	margin-bottom:20px;
	float:left;
	border-bottom: 1px solid #d3cdcd;
}
.position img{
	padding-left:7px;
	padding-top:5px;
	display:inline-block;
	margin-bottom:-5px;
	margin-right:12px;
}
.position a{
	color:#cc0000;
	text-decoration: none;
}
.goback a{
	color:#cc0000;
	text-decoration: none;
	padding-left:23px;
	margin:15px 0;
}
.goback a img{
	position:absolute;
	left:5px;
	height:15px;
	top:calc(2.5px + 1.5em / 2);
}
.goback{
	position:relative;
}
.position p{
	display:inline-block;
	font-size:1em;
	color:#000000;
	line-height:1.8em;
}
.top-right-share-list{
	width:24%;
	padding:10px 0;
	text-align:center;
	float:right;
}
.top-right-share-list .icon_social{
	width:100%
}
.top-right-share-list a{
	max-width:calc(25% - 10px);

}

/*Training Nav Form*/
.training-nav-form .detail{
	padding: 30px 0;
	display: none;
	width: 100%;
	clear: both;
	line-height: 1.5em;
}
.training-nav-form .detail .tab{
	min-height:320px;
	width:calc(100% / 3 - 11px);
	float:left;
	padding:20px 25px;
	padding-top:25px;
}
.training-nav-form .detail .tab .desc{
	text-align:justify;
}
.training-nav-form .detail .tab .title{
	color:#cc0000;
	font-size:1em;
	border-bottom:1px solid white;
	padding-bottom:10px;
	font-weight:bold;
	margin-bottom:30px;
}
.training-nav-form .detail .tab .desc{
	line-height:1.5em;
}
.training-nav-form .detail .other{
	float: none;
	clear: left;
	line-height:1.5em;
	padding-top: 10px;
}
.training-nav-form .detail .other a{
	color:#cc0000;
}
.training-nav-form{
	margin-right:10px;
}
#navbar a.active {
  color: #cc0000;
  font-weight:bold;
  border-top:5px solid #cc0000;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom:3px solid white;
}
#navbar {
  clear:both;
  /*height:45px;
  border-bottom:1px solid #999999;*/
	height: auto;
	border-bottom: 0;
}

#navbar a {
    letter-spacing: 0.5px;
    font-weight:bold;
    float: left;
    display: block;
    color: #666666;
    text-align: center;
    padding: 14px 12px;
    text-decoration: none;
    font-size: 1em;
    font-family: Montserrat-SemiBold,'Microsoft JhengHei';
    box-shadow:0 -1px 1px rgba(0,0,0,0.24);
    margin-right:10px;
    transition: none;
	height: 44px;
}

#navbar a:hover {
  color: #cc0000;
}

/* slider*/
.image-slider .slick-track, .content-slider .slick-track, .barrier-free-slider .slick-track{
	z-index:-1;	
}
.image-slider, .content-slider, .barrier-free-slider{
	position:static;
	margin-bottom:10px;
}
.next-btn{
	cursor:pointer;
}
.prev-btn{
	cursor:pointer;
}
.home-banner .slick-list,.slick-track{
	height:100%;
	overflow:hidden;
}
@media (max-width:992px){
	.home-banner-area .image-slider .slick-list .slick-slide .title a{
		   max-width: calc(30% - 12.5px); 
		   float:right;
	}
}
.home .image-slider .slick-slide {
	width:90vw;
    position: relative;
	max-width:1360px;
	margin-right:400px;
}
.home .image-slider .slick-slide > img{
	float:right;
	padding-top:20px;
	padding-bottom:40px;
	background-position: center;
    margin-bottom:unset;
	max-width: 75%;
}
.home .image-slider .prev-btn{
	display:none !important;
	position:absolute;
	bottom:0%;
	right:180px;
}
.home .image-slider .next-btn{
	position:absolute;
	bottom:1.5%;
	right:20px;
}

/* header menu share button dump*/
.header-top-share-btn, .header-top-share-btn:before, .header-top-share-btn:after, .fab {
	height:25px;
	width:25px;
	background:url('/en/mo/images/share.png');
  position: absolute;
  cursor: pointer;
}
.header-top-share-btn .fab {
		height:50px;
	width:50px;
	 border-radius: 50%;
}
.header-top-share-btn {
  position: relative;
}
.header-top-share-btn:before, .header-top-share-btn:after {
  content: '';
  will-change: transform;
}
.header-top-share-btn:before {
  z-index: 5;
  transition: 0.3s;
}
.header-top-share-btn:after {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  z-index: -1;
  transition: 0.39s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.fab {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
  -webkit-animation: 0.3s down forwards;
          animation: 0.3s down forwards;
  opacity: 0;
  will-change: animation;
}
.fab:nth-child(1) {
  background:url('/en/mo/images/facebook.png');
  background-size:cover;
  top: 280px;
  left: -11px;
}
.fab:nth-child(2) {
  background:url('/en/mo/images/twitter.png');
  background-size:cover;
  top: 220px;
  left: -11px;
}
.fab:nth-child(3) {
  background:url('/en/mo/images/email.png');
  background-size:cover;
  top:160px;
  left: -11px;
}
.fab:nth-child(4) {
  background:url('/en/mo/images/weibo.png');
  background-size:cover;
  top:100px;
  left: -11px;
}
.fab:not(.active) {
  pointer-events: none;
}
.fab.active {
  -webkit-animation: 0.48s up forwards;
          animation: 0.48s up forwards;
		  z-index:6;
}
.fab.active:nth-child(1) {
  -webkit-animation-delay: 0.58s;
          animation-delay: 0.58s;
}
.fab.active:nth-child(2) {
  -webkit-animation-delay: 0.39s;
          animation-delay: 0.39s;
}
.fab.active:nth-child(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.fab.no {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes up {
  50% {
    -webkit-transform: translateY(-170%);
            transform: translateY(-170%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-130%);
            transform: translateY(-130%);
  }
}

@keyframes up {
  50% {
    -webkit-transform: translateY(-170%);
            transform: translateY(-170%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-130%);
            transform: translateY(-130%);
  }
}
@-webkit-keyframes down {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-130%);
            transform: translateY(-130%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    top: 0;
  }
}
@keyframes down {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-130%);
            transform: translateY(-130%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    top: 0;
  }
}
/* Header Search Function*/

.header-top-search-btn img{
	height:25px;
	width:25px;
}
.nav.desktop .menu_lv2 a {
	padding-right: 15px;
}
.nav.desktop .menu_drop {
    right: 15px;
    top: 13px;
    width: 6px;
    height: 8px;
}
.header-top-search-bar{
	height:87px;
	width:100%;
	background-color:#bb2701;
	z-index:6;
	position:absolute;
}
.header-top-search-bar .next img{
	height:25px;
	width:25px;
	float:right;
	vertical-align:center;
	cursor:pointer;
}
.header-top-search-bar input{
  color: white;
  font-size:2.25em;
  float:left;
  height:75px;
  width:30%;
  background-color:transparent;
  border: none;
  border-color: transparent;
}
.header-top-search-bar input::placeholder {
  color: white;
}
.header-top-search-bar .next{
	height:75px;
	padding:25px 0;
	padding-right:15px;
}
.mobile-header-search-btn{
	cursor:pointer;
}
.mobile-header-top-search-bar input::placeholder {
  color: #cb3400;
}
.mobile-header-top-search-bar img{
	cursor:pointer;
}
.mobile-header-top-search-bar input{
  color: #cb3400;
  font-size:1.5em;
  float:left;
  height:50px;
  width:90%;
  background-color:transparent;
  border: none;
  border-color: transparent;
}
.mobile-header-top-search-bar .search-bar-area{
	height:50px;
	padding:15px 0;
	padding-right:15px;
}
.mobile-header-top-search-bar .search-bar-area img{
	height:20px;
	width:20px;
	float:right;
	vertical-align:center;
}
.mobile-header-top-search-bar,.mobile-header-top-translate-bar{
	padding:0 10px;
	height:50px;
	width:100%;
	background-color:#f2f2f2;
}
/* Header Translate Function*/
.mobile-header-translate-btn{
	cursor:pointer;
}
.mobile-header-top-translate-bar .translate-bar-area{
	height:50px;
	padding:15px 0;
	float:right;
	color:#cb3400;
}
.mobile-header-top-translate-bar .translate-bar-area .change_lang{
	float:right;
}
.mobile-header-top-translate-bar .translate-bar-area .change_lang a{
	color:#cb3400;
	font-size:1.2em; 
	text-decoration: none;
	font-weight:bold;
	margin:0 10px;
	font-family: Roboto-Regular,'Microsoft JhengHei';
}

/* Activites > Upcoming Page */
.content .eventlist-table{
	width:100%;
	padding-right:10px;
	margin-bottom:30px;
}
.content .eventlist-table table{
	width:100%;
	text-align:left;
}

.content .eventlist-table table tr th{
	border-bottom:2px solid #cc0000;
	font-family: Montserrat-Regular,'Microsoft JhengHei';
	padding:10px 5px;
	font-size:1.1em;
	text-align:left;
	letter-spacing: 0.5px;
	font-weight:bold;
}
.content .eventlist-table table tr td{
	font-family: Montserrat-Regular,'Microsoft JhengHei';
	font-size: 1em;
	border-bottom: 1px solid #d3cdcd;
	padding: 15px 5px;
	line-height: 1.8em;
	letter-spacing: 0.5px;
	font-weight:bold;
}
.content .eventlist-table table tr td:nth-child(2) {
    font-weight: normal;
    font-size: 1em;
	vertical-align: top;
}
.upcoming .content .eventlist-table table tr td{
	min-width:180px;
}
.content .eventlist-table table tr td:nth-child(1){
	padding-left:10px;
	color:#cc0000;
}
.content .eventlist-table table tr th:nth-child(2) {
    color: #515151; 
}
.upcoming .content .eventlist-table table tr td:nth-child(2) p{
	font-size:1em;
	color:#515151;
}
.upcoming .content .eventlist-table table tr td:nth-child(2) p:nth-child(2){
	display:none;
}
.content .eventlist-table:not(.news-table) table tbody tr:nth-child(odd) td{
	background-color:#fff0f0;
}
.aboutus_news .content .eventlist-table table tbody tr:nth-child(even) td {
    background-color:#fff0f0;
}
.hkymc2019 .content .eventlist-table table tbody tr:nth-of-type(2n) td {
    background: none;
}
@media (max-width:992px){
	.content .eventlist-table{
		width:100%;
		padding-right:0px;
	}
	.upcoming .content .eventlist-table table tr td:nth-child(2) p:nth-child(1){
		display:none;
	}
	.upcoming .content .eventlist-table table tr td:nth-child(2) p:nth-child(2){
		display:block;
	}
	.upcoming .content .eventlist-table table tr td{
		min-width:120px;
	}
}

/* General Enquiries Pages*/
.generalenquiries .program-detail .program-detail-desc {
	width:100%;
}
@media (max-width: 992px){
	.generalenquiries .content .program-detail-desc{
		margin-bottom:0px;
	}
	.generalenquiries .right{
		margin-top:0px;
	}
}
.generalenquiries .program-detail .program-detail-desc p{
	font-size:1em;
	line-height:1.5em;
	color:#000000;
}

/* Photo Gallery Page */
.photogallery .content .program-list .content-program:nth-child(even){
	margin-right:0;
	margin-left:12.5px;
}
.photogallery .content-program {
	width:calc(50% - 17.5px);
	margin-right:12.5px;
}
.photogallery .content-program .content-program-img{
	height:18vw;
}
.photogallery .content-program .content-program-img a{
	height:100%;
}
.photogallery .content-program img {
	height:100%;
}
@media (max-width:992px){
	.photogallery .content-program {
		width:calc(50% - 5px);
		margin-right:10px;
	}
	.photogallery .content-program:nth-child(even){
		margin-right:0px;
	}
	.photogallery .content .program-list .content-program:nth-child(even){
		margin-left:0px;
	}
	.photogallery .content-program .content-program-img{
		height:32vw;
	}
}
.photogallery .content-program .desc {
	overflow:hidden; 
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* Photo Gallery Inside*/
.photo-gallery-inside .content-program .desc {
	padding:20px;
}
@media (max-width:992px){
	.photo-gallery-inside .content-program{
		margin-right:10px;
		width:calc(50% - 5px);
	}
	.photo-gallery-inside .content-program:nth-child(even){
		margin-right:0px;
	}

}
/* 40th celebration page*/
.anniversary-celebration .content-slider {
	padding-bottom:60px;
	margin-bottom:0px;
}
.anniversary-celebration .slider-area, .fullscreen-page .slider-area ,.slider-area{
	position:relative;
	width:calc(100% - 10px);
}
.anniversary-celebration .content-slider .prev-btn, .fullscreen-page .content-slider .prev-btn,.content-slider.fullscreen-precious-slider .prev-btn{
	position: absolute;
	/*bottom: 15px;*/
	right: 145px;
}
.anniversary-celebration .content-slider .prev-btn {
	bottom: 15px;
}
.anniversary-celebration .image-num, .fullscreen-page .image-num ,.slider-area .image-num{
	position:absolute;
	bottom:-30px;
	right:65px;
	line-height:55px;
	font-family: Montserrat-Regular;
	font-weight:bold;
	letter-spacing: 0.5px;
}
.anniversary-celebration .image-num {
  bottom: 18px;
}
.content-slider-box-desc {
    position: absolute;
    line-height:1.5;
	padding-right: 200px;
    width: 100%;
    margin-bottom: 10px;
}
.anniversary-celebration .image-num p{
	font-size:1em;
}
.anniversary-celebration .content-slider .next-btn, .fullscreen-page .content-slider .next-btn,.content-slider.fullscreen-precious-slider .next-btn{
	position: absolute;
	/*bottom: 15px;*/
	right: 0px;
}
.anniversary-celebration .content-slider .next-btn {
  bottom: 15px;
}
.anniversary-celebration .program-list{
	text-align:center;
	margin-bottom:20px;
}
.anniversary-celebration .program-list .content-program{
	width:calc(100% / 3 - 13.5px);
	float:none;
	display:inline-block;
	text-align:left;
	margin-bottom:15px;
}
.anniversary-celebration .program-list .content-program .desc{
		height:auto;
}

@media (max-width:992px){
	.anniversary-celebration .slider-area{
		width:100%;
	}
	.anniversary-celebration .program-list .content-program{
		width:calc(100% / 2 - 5px);
		float:left;
		display:block;
		margin-right:5px;
	}
	.anniversary-celebration .program-list .content-program:nth-child(even){
		margin-left:5px;
		margin-right:0px;
	}
}

/* celebration Video Page*/
	.content iframe{
		height:40vw;
		width:calc(100% - 10px);
		max-height:550px;
		margin-bottom:50px;
	}
	.celebration-video .content span{
		line-height:1.8em;
	}
	.celebration-video .content .eventlist-table{
		margin-bottom:20px;
	}
	.celebration-video .goback{
		padding-top:30px;
		margin-bottom:10px;
	}
	.celebration-video .content .eventlist-table table tr td:nth-child(1){
		font-family:inherit;
		min-width:200px;
	}
	@media (max-width:992px){
		.content iframe{
			height:55vw;
			width:100%;
			min-height:200px;
		}
		.celebration-video .goback{
			padding-bottom:30px;
		}
	}

/* 40-year in Retrospect Page */
.retrospect .content .point-list{
	width:calc(100% - 10px);
	border-left:2px solid #cc0000;
	padding-left:20px;
	margin-top:30px;
	margin-bottom:50px;
}
.retrospect .content .point-list .point-list-tab{
	position:relative;
	margin-bottom:25px;
}
.retrospect .content .point-list .point-list-tab.active{
	margin-bottom:0px;
}
.retrospect .content .point-list .point-list-tab:last-child {
	margin-bottom:0px;
}
.retrospect .content .point-list .point-list-tab .point{
	position:absolute;
	left:-28px;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	background-color:#cc0000;
	top:10px;
}
.retrospect .content .point-list .point-list-tab:last-child .point{
	top:14px;
}
.retrospect .content .point-list .point-list-tab:first-child .point{
	top:0px;
}
.retrospect .content .point-list .point-list-tab .title-area{
	display:inline-block;
	position:relative;
	max-width:80%;
}
.retrospect .content .point-list .point-list-tab .title{
	border-bottom:3px solid #cc0000;
	font-weight:bold;
	padding-bottom:3px;
	margin-right:5px;
	font-family: Montserrat-Regular;
	line-height:1.75em;
	letter-spacing: 0.5px;
}
.retrospect .content .point-list .point-list-tab .arrow{
	cursor:pointer;
	position:absolute;
	right:-20px;
	top:35%;
}
.retrospect .content .point-list .point-list-tab .point-list-content{
	font-size:1em;
	padding-top:25px;
	line-height:1.5em;
	text-align:justify;
	display:none;
	color:black;
}

@media (max-width:992px){
	.retrospect .content .point-list{
		margin-right:5px;
		margin-left:5px;
	}
}

/* MFM */
.mfmthemesong .content .desc{
	font-size:1em;
	color:black;
	line-height:1.5em;
	margin-bottom:40px;
	padding-right:10px;
	text-align:justify;
}
.mfmthemesong .training-nav-form .detail .download-area img{
	float:left;
}
.mfmthemesong .training-nav-form .detail .download-area a{
	color:#cc0000;
	text-decoration: none;
	line-height:32px;
	padding-left:20px;
}

@media (max-width:992px){
	.mfmthemesong #mfm-video video{
		width:100%;
	}
}
/* The story of MO People*/
.storyofmopeople .program-detail .program-detail-desc {
	width:100%;
}
.storyofmopeople .program-detail .program-detail-desc p{
	font-size:1em;
	line-height:1.5em;
	color:#000000;
}
.storyofmopeople .program-detail .program-detail-desc .program-detail-tab .tab-info img{
	margin-left:20px;	
	margin-bottom:5px;
	width:28%;
	min-width:100px;
}
.storyofmopeople .program-detail .program-detail-desc .program-detail-tab .tab-info p{
	text-align:justify;
}
.storyofmopeople .program-detail .program-detail-desc p span{
	color:#666666;
}
.storyofmopeople .program-detail .program-detail-desc p mark{
	color:#666666;
	background-color:transparent;
}
.storyofmopeople .program-detail-desc .program-detail-tab {
	margin-bottom:15px;
}

/* Hong Kong Youth Music Interflows */
.music-interflows-slider{
	margin-bottom:10px;
	position:static;
}
.music-interflows-slider .prev-btn{
	position:absolute;
	right: calc(50% + 65px);
	bottom:0;
}
.music-interflows-slider .next-btn{
	position:absolute;
	left:calc(50% + 65px);
	bottom:0;
}
.music-interflows-table table{
	width:100%;
}
.music-interflows-table table tr td{
	padding:20px 10px;
	font-weight:normal;
}
.music-interflows-table table tr td[rowspan='2']{
	font-family: Montserrat-Regular,'Microsoft JhengHei';
	font-weight:bold;
	letter-spacing: 0.5px;
}
.music-interflows-table table tr th{
	font-size:1.25em;
	border-bottom:2px solid #cc0000;
	color:#000000;
	text-align:left;
	font-weight:bold;
}
.gray-block-area{
	border-top:2px solid #d3cdcd;
	border-bottom:2px solid #d3cdcd;
	background:#ebebeb;
	line-height:1.5em;
}
.program-detail-desc .program-detail-tab .tab-info.no_pad_tab {
    padding: 0;
    border-bottom: 0;
}
.table.info-detail.inter-flow {
	background-color: #fbebeb;
    padding: 20px 0;
	padding-left:20px;
}
.table.document-dn.interflow-dn {
	 padding: 20px 0;
	padding-right:20px;
}
.inside-notes-block p{
	color:black;
}
.inside-notes-block.gray-block-area{
	border-top:0;
	border-bottom:1px solid #d3cdcd;
	padding:20px;
}
.inside-notes-block .tab-info.interflow-info {
	background-color:transparent;
	padding:0;
	border-bottom:0;
	display:inherit;
}
.inside-notes-block > .title{
	font-weight:bold;
}
.music-interflows .inside-notes-block .table.document-dn {
    padding-left: 0;
    width: 100%;
}
.music_interflows .inside-notes-block .tab-info .table{
	width:100%;
}

.music-interflows-table{
	margin-right:10px;
  padding-top: 30px;
}
.eventlist-table.interflow-bottom-table {
	margin-top:20px
}
.eventlist-table.interflow-bottom-table table tr th{
	height:20px;
}
.eventlist-table.interflow-bottom-table table tr td {
	padding-top:10px;
	padding-bottom:10px;
	font-size:1em;
}
.program-detail-tab .tab-info.interflow-info {
	line-height:1.5em;
}
.eventlist-table.interflow-bottom-table table tr td:nth-child(1) {
	color:#000000;
}
.eventlist-table.interflow-bottom-table table tr td a{
	color:#cc0000;
	text-decoration: none;
}
.music-interflows .program-detail-desc{
	margin-bottom:40px;
}
.table.document-dn.interflow-dn{
	width:calc(40% - 12px);
}
.table.document-dn.interflow-dn .row .col a{
	text-decoration:none;
	color:#cc0000;
	cursor:pointer;
}
.table.info-detail.inter-flow {
	width:calc(60% - 13px);
}
.music_interflows .program-detail .program-detail-desc {
	min-height:0;
}

.music_interflows .program-detail.middle{
	margin-bottom:35px;
	min-height:0;
}
.music_interflows .content > p{
	margin-right:10px;
	text-align:justify;
	line-height:1.5em;
	margin-bottom:20px;
}
.eventlist-table.interflow-bottom-table table tr td:nth-child(2){
	font-weight:normal;
	font-family: inherit;
}
.program-detail-desc .program-detail-tab .tab-info .table.info-detail.inter-flow .row .col:nth-child(odd) {
	padding-right:0px;
	width:130px;
}
@media (max-width:992px){
	.music-interflows-table{
		margin-right:0;
	}
	.music_interflows .program-detail-desc .program-detail-tab .table.document-dn{
		padding-left:20px;
		width:100%;
	}
	.music_interflows .program-detail-desc .program-detail-tab .inside-notes-block .table.document-dn{
		padding-left:0px;
		padding-right:0px;
	}
	.music_interflows .table.info-detail{
		width:100%;
	}
	.music_interflows .content > p{
		margin-right:0;
	}
	.music_interflows .inside-notes-block .tab-info .table{
		display:block;
	}
	.music_interflows .inside-notes-block .tab-info .table .row{
		margin-bottom:20px;
		display:block;
	}
	
	.music_interflows .inside-notes-block .tab-info .table .row .col{
		display:block;
		padding-right:0px;
		width:100%;
	}
}
.interflow-bottom-table {
    margin-top: 20px;
    
}
.eventlist-table.interflow-bottom-table{
	margin-top:20px
}
.eventlist-table.interflow-bottom-table table tr th{
	height:20px;
}
.eventlist-table.interflow-bottom-table table tr td {
	padding-top:10px;
	padding-bottom:10px;
	font-size:1em;
}
.eventlist-table.interflow-bottom-table table tr td:nth-child(1) {
	color:#000000;
}
/* School prog inside*/

/* .school_prog_inside .barrier-free-grid:nth-child(3), .school_prog_inside .barrier-free-grid:nth-child(6) {
	margin:0 6px;
} */
.school_prog_inside .barrier-free-grid .barrier-free-title {
	font-family: Montserrat-Bold;
	letter-spacing: 0.5px;
}
/* .school_prog_inside .barrier-free-grid:nth-child(n+4){
	margin-top:12px;
} */
.school_prog_inside .barrier-free-grid .barrier-free-desc p{
	color:#000000;
}
.school_prog_inside .training-nav-form .download a {
    text-decoration: none;
    color: #cc0000;
    cursor: pointer;
}

@media (max-width:992px){
	.school_prog_inside .content .program-detail-desc {
		margin-bottom:0px;
	}

	/* .school_prog_inside .barrier-free-grid:nth-child(n+4){
		margin-top:0px;
	}
	.school_prog_inside .barrier-free-grid:nth-child(n+3){
		margin-top:12px;
	} */
}
@media (max-width:600px){
	/* .school_prog_inside .barrier-free-grid:nth-child(n+3){
		margin:6px 0;
	}
	.school_prog_inside .barrier-free-grid:nth-child(3), .barrier-free-grid:nth-child(6) {
		margin:5px 0;
	} */
}

/* PDF Object*/
.pdfobject-container { 
	height: 45rem; 
	padding:20px 0;
}
@media (max-width:992px){
	.pdfobject-container { 
		height: 30rem; 
	}
}

/* barr page*/
	
	/*.barrier-free-main .content .program-detail .program-detail-desc ul li{*/
	.content ul li{
		padding-left:30px;
	}
	/*.barrier-free-main .content .program-detail .program-detail-desc ul{*/
	.content ul{
		position:relative;
	}
	/*.barrier-free-main .program-detail .program-detail-desc ul li::before {*/
	.content ul li::before {
		position: absolute;
		left: 0px;
	}

.training-nav-form .detail.barrier-free-content{
	padding:15px 0;
}
	
@media (max-width:992px){
	.training-nav-form .detail.barrier-free-content{
		padding:0;
	}
}
.generalenquiries .program-detail-tab .tab-title {
	border-bottom:0px;
}
.outreach_prog #navbar{
	height:auto;
}
.outreach_prog #navbar a.active{
	border-bottom:0px;
	padding-bottom:13px;
}
.outreach_prog .content:not(.mobile_menu) .training-nav-form #navbar a {
		box-shadow: 0px -1px 2.5px rgba(0,0,0,0.24);
		margin-right: 10px;
		margin-bottom: 5px;
	}
.outreach_prog .training-nav-form #navbar a.active {
	border-bottom:0;
}

.training-nav-form .detail .title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 8px;
	
}
.training-nav-form .detail a{
	color: #cc0000;
    text-decoration: none;
}
.training-nav-form .detail ul li {
    
    margin-left: 1.5em;
}
.tab.tab-cp{
	background:#ff9900;
}
.tab.tab-cp:after{
	content:"Community Programme";
}
html[lang="tc"] .tab.tab-cp:after{
	content:"\793E\5340\6D3B\52D5";
}
html[lang="sc"] .tab.tab-cp:after{
	content:"\793E\533A\6D3B\52A8";
}
.tab.tab-sm{
	background:#ff3399;
}
.tab.tab-sm:after{
	content:"School Music";
}
html[lang="tc"] .tab.tab-sm:after{
	content:"\6821\5712\97F3\6A02";
}
html[lang="sc"] .tab.tab-sm:after{
	content:"\6821\56ED\97F3\4E50";
}
.tab.tab-mt{
	background:#66cc66;
}
.tab.tab-mt:after{
	content:"Music Training";
}
html[lang="tc"] .tab.tab-mt:after{
	content:"\97F3\6A02\8A13\7DF4";
}
html[lang="sc"] .tab.tab-mt:after{
	content:"\97F3\4E50\8BAD\7EC3";
}
.tab.tab-concert{
	background:#5abff1;
}
.tab.tab-concert:after{
	content:"Concert";
}
html[lang="tc"] .tab.tab-concert:after{
	content:"\97F3\6A02\6703";
}
html[lang="sc"] .tab.tab-concert:after{
	content:"\97F3\4E50\4F1A";
}
.tab.tab-exhibition{
	background:#a055f5;
}
.tab.tab-exhibition:after{
	content:"Exhibition";
}
html[lang="tc"] .tab.tab-exhibition:after{
	content:"\5C55\89BD";
}
html[lang="sc"] .tab.tab-exhibition:after{
	content:"\5C55\89C8";
}

/* ====== Site Map ======== */
.sitemap .content > .map-content{
	width:calc(100% / 3 - 14px);
	margin-right:20px;
	float:left;
	min-height:300px;
	margin-top:25px;
	margin-bottom:25px;
}
.sitemap .content > .map-content:nth-child(3n){
	margin-right:0px;
}
.sitemap .content > .map-content > .title{
	color: #cc0000;
    font-size: 1.2em;
	font-weight:bold;
	margin-bottom:10px;
	font-family: Montserrat-Regular,'Microsoft JhengHei';
}
.sitemap .content > .map-content > .sub{
	color: #cc0000;
	/*font-family: Montserrat-Regular,'Microsoft JhengHei';*/
    font-size: 1em;
	margin-bottom:10px;
	line-height:2em;
}
.sitemap .content > .map-content > .sub a{
	display:block;
	color:#000;
}

@media (max-width:992px){
	.sitemap .content > .map-content{
		width:calc(50% - 20px);
		margin:25px 10px;
	}
}
@media (max-width:600px){
	.sitemap .content > .map-content{
		width:calc(100% - 20px);
		min-height:50px;
	}
}

.menuBtn.sitemap-btn a p{
	color:#fff;
	cursor:pointer;
}
.sitemap-btn-mobile{
	cursor:pointer;
	color:#fff;
}

.home .thumbnail-container a{
	display:block;
}
.sponsor-block{
	float:left;
	width:calc(100% / 3 - 10px);
	margin-right:10px;
}
.sponsor-block img{
	max-height:50px;
	width:150px;
}
.popup_box p.lg_title{
	margin-bottom:15px;
}
.fa-external-link-alt:before {
    content: "\f35d";
}

.fa, .fas {
    font-weight: 900;
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.red_link{
	margin: 15px 0;
}

.color-box{
	border-bottom: 1px solid white;
	margin-bottom:10px;
	padding-bottom:10px;
}

@media (min-width:1300px){
	#navbar{
		border-bottom: 1px solid #999999;
		height: auto;
		
	}
}
#navbar::after {
    content: '';
    clear: both;
    display: table;
}