body.index main {overflow-x: hidden; }
	body.index .offstages .offstage h2 { font-size:18px}

	.bg-for-m 	{ display:none}
	.bg-for-l	{ display:block}
	.calendar-wrp .details .txt-title	{ font-size:14px; margin-bottom:0;}
	.calendar-wrp .details .txt-ct		{ font-size:20px; line-height:1.2;}
	.calendar-wrp .details .detail { border-bottom:1px solid #ececec; padding-bottom:20px; margin-bottom:20px;}
	.calendar-wrp .details		{ padding-right:150px}
	.calendar-wrp .date .day 	{ margin-right:0px; font-size:6em; line-height:0.8;}
	.calendar-wrp .date .monthyear	{ font-weight:600; margin-top:5px}

	.cal-blk .month .calm-txt	{ text-transform:uppercase; font-weight:600;}	
	.events .slider--reputation .slick-arrow	{ border:1px solid  #ececec;
												 -webkit-border-radius: 3px;
													-moz-border-radius: 3px;
													     border-radius: 3px;}

	.detail:hover .txt-ct { color:#0062af; cursor:pointer;  transition: all 0.3s ease-out;}

	.cal-blk .cal-bg { left:65%; top:-60%; width:750px; height:750px;}
	.calendar-wrp	{ padding-bottom:130px }
	.events.adj-news	{ padding-bottom:0}
	.offstagewrp .ct { width: 100%; overflow: hidden; margin-top: 0px; }
	.offstagewrp table.t-4cols tbody tr td { padding-bottom: 50px; }
	.offstagewrp .events-header { z-index: auto; }
	.offstagewrp .hovdetail { position: absolute; left: 0%; top: 0%;   width: 100%; height: 100%;}
	.offstagewrp .hovinfo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: none; }
	.offstagewrp .hinfo { padding: 20px; width: 100%; height: 100%; color: #fff; font-size: 80%; }
	.offstagewrp .hinfo .title-sm { color: #fff; font-size: 80%;}
	.offstagewrp .hinfo .name { margin: 10px 0 0 0; line-height: 1.2; font-size:19px;font-weight: normal; padding-bottom:15px}
	.offstagewrp .hinfo .intro { font-size:16px; border-top: 1px dotted #fff; padding-top: 10px;}
	.offstagewrp .hovinfo .bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; background-color: #000; opacity: 0.9; }
	.offstagewrp .detail a .intro { border-top: 0; }
	.events-header.offstageheader { margin-bottom: 0; }

	
	.ct-d { display: block; }
	.ct-m { display: none; }
	
	table.calendar .d-wrp[onclick]{ cursor: pointer; }
	table.calendar .d-wrp .bg { width: 45px; height: 45px; z-index: 1; background-color: #666; border-radius: 50%; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); opacity: 0; visibility: hidden;	}
	table.calendar .d-wrp:not(.nodot):hover { color: #fff; }
	table.calendar .d-wrp:not(.nodot):hover .bg { opacity: 1; visibility: visible; transition: all 0.3s; }
	table.calendar .d-wrp .active ~ .d-txt{ color: #fff; }
	table.calendar .d-wrp .active ~ .bg{ opacity: 1; visibility: visible; }
	table.calendar .d-wrp > :not(.bg)  {  z-index: 2; }

	.slider-banner .detail{ margin-bottom: 0; }

	.news-flex img	{ margin-left: -200px;}
	.news-img>img   { width:95%; height:auto;}
	.adj-sb-padding	{ height:100px;}
	
	/*#newswrp.news .pressreleasesl,
	#newswrp.pressrelease .newssl{ display: none; }
	#newswrp.pressrelease .pressreleasesl,
	#newswrp.news .newssl{ display:block; }
	#newswrp.news [ntype='news'],
	#newswrp.pressrelease [ntype='pressrelease']{color: #333;}
	#newswrp.news [ntype='pressrelease'],
	#newswrp.pressrelease [ntype='news']{color: #999;}
	#newswrp.news [ntype='pressrelease']:hover,
	#newswrp.pressrelease [ntype='news']:hover{color: #333; transition: all 0.3s;}*/
    #newswrp .news-type>.type-item {color: #999;}
    #newswrp .news-type>.type-item.on {color: #333;}
    #newswrp .news-type>.type-item:hover{color: #333; transition: all 0.3s;}
    #newswrp .allnews>div { display:none; }
    #newswrp .allnews>div.on { display:block; }
	
	.events-header.newsheader { margin-top: -25px; transform: translateY(25px); margin-bottom: 0;  z-index: 2; }
	
	.allnews { max-height: 400px; overflow: auto; margin-bottom:50px; }
	.allnews::-webkit-scrollbar { width: 5px; height: 8px; background-color: #aaa; }
	.allnews::-webkit-scrollbar-thumb {background: #333;}

	.list-item { margin-bottom: 15px; }
	.list-item .list-item-l	{ width:100%;  padding-right:25px; padding-bottom: 15px;}
	.list-item .list-item-l .list-title	{ font-size:inherit;}
	/* .list-item {  height:auto; padding-bottom:0} */
	.list-item .list-item-l span { font-size:14px; padding-top:8px; color:#666;}
	a.link-detail ul {  padding-left:32px}
	table.t-programme img {padding-bottom:10px}
	

	@media only screen and (max-width:1500px) {
	.cal-blk .cal-bg 				{ left:65%; top:-30%; width:600px; height:600px;}
	.calendar-wrp .details .circle	{ width:25px; height:25px; flex-basis:25px; margin-right:10px;}
	.calendar-wrp .date		{ flex-basis: 15%;}
	.calendar-wrp .details	{ padding-right:60px}
	.calendar-wrp .bg img	{ left:-50px;}
	}

	@media only screen and (max-width:1200px) {
	.calendar-wrp .date .day 	{ font-size:40px;}
	.bg-for-m 	{ display:block}
	.bg-for-l	{ display:none}
	.cal-blk .cal-bg { display:none}

	.calendar-wrp .details .txt-ct	{ font-size:16px; line-height:1.2;}

	.calendar-wrp .date				{ text-align:left; padding:0; max-width:100%; width:100%; margin-bottom:20px; position:absolute; left:390px; color:#333;
									  flex-grow: unset; flex-shrink: unset; flex-basis: unset;}
	.calendar-wrp .date .monthyear	{ margin-left:0; top:8px; left:8px;}
	.cal-blk 						{ flex-basis: 40%; max-width:300px}
	.calendar-wrp .details			{ padding-left:40px; padding-right:0; margin-top:45px; padding-top:0px; width:20%; flex-shrink:unset; flex-basis:unset; order:2;}
	.calendar-wrp .details .circle	{ width:25px; height:25px; flex-basis:25px; margin-right:10px;}
	.calendar-wrp .details .txt-title	{ font-size:13px}
	.cal-blk .month 			{ margin-bottom:8px; padding-bottom:5px;}
	.cal-blk .month .calm-txt	{ font-size:80%}
	.calm-btn>.fa 				{ font-size:10px}
	table.calendar th	{ height:auto; font-weight:normal; height:30px; font-size:95%;}
	table.calendar 		{ font-size:80%;}
	.calendar-wrp .date .day	{ float:left}
	.calendar-wrp .bg 	{ position:absolute; left:0; top:0; width:100%; padding-top: 0;  height: 340px; }
	.calendar-wrp .bg img	{ width:40%; position:absolute; top:-70px; left:-50px;}
	.pg-container.ow { padding-top:20px}

	.calendar-wrp	{ padding-bottom:100px }
	
	.offstagewrp .hinfo  { font-size: 13px; }

	.offstagewrp .detail a .intro { border-top:1px solid #ececec; color:#333; }
	.linelist-h3.name {padding:0; margin:5px 0;}
	.detail .title-sm {font-size: 14px}
	.detail {border:none;}
	.list-item .list-item-l .list-title { font-size:16px}
	a.link-detail .pro-cat { font-size:14px}
	}


	
	@media only screen and (max-width:1024px) {
	.ct-m{ display: block; }
	.ct-d{ display: none; }
	
	
	.offstagewrp .pattern { display: none; }
	.offstagewrp .ctwrp{ max-height: none; overflow: auto; }
	.events-header.offstageheader { margin-top: 0; transform: translateY(0); z-index: auto; margin-bottom: 20px; }
		table.t-programme img { padding-bottom:0}
		a.link-detail ul { font-size:14px; padding-left:25px}
	

	}
	
	@media only screen and (max-width:950px) {
	.events-header.newsheader,
	.events-header {
		margin-top: 0;
		transform: translateY(0);
		z-index: auto;
		margin-bottom: 20px;
	}
	.allnews{
		margin-top: 20px;
	}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.calendar-wrp .date				{ text-align:left; padding:0; max-width:100%; width:100%; margin-bottom:20px; position:absolute; left:350px; color:#333;
									  flex-grow: unset; flex-shrink: unset; flex-basis: unset;}
	}



	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	}


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.calendar-wrp .date				{ left:370px}
	.calendar-wrp .date .monthyear	{ top:8px}
	.calendar-wrp .details			{ margin-top:55px;}

	.calendar-wrp .bg img	{ width:65%; position:absolute; top:-200px; left:-200px;}
	.calendar-wrp .bg 		{ position:absolute; left:0; top:0; width:100%; padding-top: 0;  height:500px; }
	.news-flex img { margin-left: -50px;}
	.news-img>img   { width:120%; height:auto;}

	}
	@media only screen and (max-width:768px) {
	.allnews {  flex-basis: calc(70% - 10px); width: calc(70% - 10px); }
	.news-img { flex-basis: calc(30% - 10px); width: calc(30% - 10px); }
	.news-img>img {     transform: rotate(90deg) translateY(-180%) scale(2.5);}
	}

	@media only screen and (max-width:767px) {
	.events.adj-news{
		padding-top: 0;
	}
	.calendar-wrp .date	{ order:2; color:#333;}
	.bg-for-m 	{ display:block}
	.bg-for-l	{ display:none}
	.cal-blk 		{ padding-top:0; padding-bottom:10px; flex-basis: 100%; max-width:100%}
	.cal-blk .month { margin-bottom:5px}
	.cal-blk .month .calm-txt	{ font-size:13px}
	.calm-btn>.fa 				{ font-size:10px}
	table.calendar 			{ font-size:12px;}
	table.calendar .d-wrp	{ height:35px}
	table.calendar th	{ height:25px}

	table.calendar 					{ font-size:80%;}
	.calendar-wrp .date .day,
	.calendar-wrp .date .monthyear		{ display:none}
	.calendar-wrp .date { width:100%; flex-basis: unset; max-width: unset;}
	.calendar-wrp .details .circle	{ width:20px; height:20px; flex-basis:20px; margin-right:10px;}

	.calendar-wrp .details .txt-ct		{ font-size:16px}
	.calendar-wrp .details .txt-title	{ font-size:13px; margin-bottom:0;}
	.calendar-wrp .details	{ padding:0 15px; padding-top:10px; margin-top:0;}
	.calendar-wrp .details .detail { margin-bottom:15px; padding-bottom:15px;}

	.calendar-wrp .bg img	{ width:100%; position:absolute; top:-200px; left:-100px;}
	.calendar-wrp .bg 		{ position:absolute; left:0; top:0; width:100%; padding-top:0;  height:500px;}


	.events-header .hd-txt { font-size:20px}
	.events .slider--reputation .slick-arrow.slick-prev,
	.events .slider--reputation .slick-arrow.slick-next {top:5px;}
	.events-header.newsheader { margin-top: 0; transform: translateY(0); z-index: auto; margin-bottom: 20px; }
	
	.offstagewrp table.t-4cols tbody tr td{ padding-bottom: 0; }
	.offstagewrp .detail{      padding-bottom:30px;  margin-bottom:30px; border-bottom: 1px solid #ececec;}
	.offstagewrp .detail img { float: left; width: 120px; padding-right: 20px; }
	.offstagewrp .detail .txtwrp { float: left; width: calc(100% - 120px); }
	.offstagewrp .detail .name { margin: 5px 0 10px; }
	.offstagewrp .detail:after { clear: both; position: relative; display: block; content: '';}
	
	.allnews { max-height: none;  }

	.offstagewrp .detail a .intro { border:none; font-size: 14px; color:#666; padding-top:0;}
	.detail .title-sm {font-size: 12px}
	table.t-programme img { padding-bottom:0}
	a.link-detail ul { font-size:14px; padding-left:25px}

	#body.cn a.link-detail .pro-cat {font-size: 12px}
	#body.en a.link-detail .pro-cat {font-size: 12px}
	.fa.fa-map-marker{top:-5px;}
	.list-item .list-item-l .list-title {font-size: 16px}

	}