table.t-programme 				{ width:100%; border:none; border-collapse:collapse;}	
	table.t-programme tbody,
	table.t-programme tbody tr 		{ width:100%;}
	table.t-programme tbody tr td 	{ width:50%; vertical-align:top; text-align:left; padding-bottom:100px}
	table.t-programme tbody tr td:first-child 	{ padding-right:30px;}
	table.t-programme tbody tr td:nth-child(2n+2) { padding-left: 30px;}
	table.t-programme img 			{ width:100%; height:auto; padding-bottom:20px}


	a.link-detail h3		{ line-height:1.4}
	a.link-detail 			{ text-decoration:none}
	a.link-detail h3,
	a.link-detail ul 		{ color:#333;     list-style-type: none;}

	a.link-detail h3.lineh3 				{ display:inline-block; text-decoration:none; margin:0;}
	a.link-detail h3.lineh3::after 			{ content:''; display:block; width:0; height:4px; background:#333;  transition: width .3s; }
	a.link-detail:hover h3.lineh3::after  	{ width: 100%; transition: width .3s;}

/*	ul.pro-detail 		{ margin:0; padding:5px 0 0 25px}
	ul.pro-detail li 	{ list-style:none; margin:0; padding:0 0 5px 0}
	.fa-li 				{ left:-2em; position:absolute; text-align:center; width:2em; line-height:inherit; top:5px;}*/

	ul.ticket 				{ margin:10px 0 0 0; padding:0;  text-align:right; font-size:85%}
	ul.ticket li 			{ margin:0; padding:0 20px 0 0; display:inline-block; text-transform:uppercase; }
	ul.ticket li:last-child { padding-right:0}
	ul.ticket li a 			{ text-decoration:none; color:#333; transition: all 0.3s ease-out;}
	ul.ticket li a:hover  	{ color:#e84124}
	ul.ticket .fa-ticket  	{ color:#e84124; padding-right:5px}

	a.link-detail .pro-cat		 { color:#666; text-transform:uppercase; font-size:80%; padding-bottom:5px}
    a.link-detail .pro-cat .fa { padding-right:10px; }
    a.link-detail .pro-cat .fa.orange{ color: #e84124; }
    a.link-detail .pro-cat .fa.blue{ color: #0063a8; }
    a.link-detail .pro-cat .fa.black{	color: #333;}
    a.link-detail .pro-cat .fa.purple{	color: #b24080;}
    a.link-detail .pro-cat .fa.green{	color: #297f87;}
	a.link-detail .pro-cat .cat1 { color:#e84124; padding-right:10px }
	a.link-detail .pro-cat .cat2 { color:#000; padding-right:10px }
	a.link-detail .pro-cat .cat3 { color:#0062af; padding-right:10px }

	#body.programme a.link-detail .pro-cat { display:none;}
	
	
	.img-cols{
		width: 100%;
		overflow: hidden;
		overflow: visible;
		max-width: 1024px;
		margin: 0 auto;
	}
	.img-cols .flex-wrp{
		width: calc(100% + 50px);
		display: flex;
		flex-direction: row;
		text-align: center;
		flex-wrap: wrap;
		align-items: flex-end;
		overflow: hidden;
		justify-content: center;

	}
	.img-cols .txt{
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 1.3;
	}
	.img-cols .vimg{
		height: 80px;
		width: 200px;
		display: block;
		margin: 0 auto;
	}
	.img-cols .vert-scale{
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
	.img-cols .img-blk{
		overflow: visible;
	}
	.img-cols .img-blk .blk-wrp{
		padding-bottom: 80px;
		padding-right: 50px;
	}
	.img-3col .img-blk{
		width: 33.33%;
		flex-basis: 33.33%;
		flex-shrink: 0;
		flex-grow: 0;
	}
	.img-2col .img-blk{
		width: 33.33%;
		flex-basis: 33.33%;
		flex-shrink: 0;
		flex-grow: 0;
	}
	.img-1col .img-blk{
		width: 100%;
		flex-basis: 100%;
		flex-shrink: 0;
		flex-grow: 0;
	}


	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1400px) {
	.img-cols .vimg{
		height: 75px;
	}
		
	}
	@media only screen and (max-width:1200px) {
	.detail h3 { font-size:18px}
	table.t-programme tbody tr td:first-child 	{ padding-right:20px;}
	table.t-programme tbody tr td:nth-child(2n+2) 	{ padding-left:20px;}
	
	.img-cols .vimg{
		height: 70px;
	}
	}
	
	
	@media only screen and (max-width:1024px) {
		.img-cols .flex-wrp{
			width: calc(100% + 20px);
		}
		.img-cols .img-blk .blk-wrp{
			padding-right: 20px;
		}
		.img-cols .txt {
			margin-bottom: 10px;
		}
		.img-cols .vimg{
			height: 60px;
		}
	}
	
	@media only screen and (max-width:768px) {
		.img-3col .img-blk{
			width: 50%;
			flex-basis: 50%;
		}
		.img-2col .img-blk{
			width: 50%;
			flex-basis: 50%;
		}

		.img-cols .vert-scale{
		max-height:100%;
		max-width:200px;
		}
		.img-cols .img-blk .blk-wrp{
		padding-bottom: 30px;
		}

	}
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.pro-detail { font-size:90%}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	table.t-programme,
	table.t-programme tbody,
	table.t-programme tbody tr,
	table.t-programme tbody tr td,
	table.t-programme tbody tr td:first-child,
	table.t-programme tbody tr td:nth-child(2n+2)  	{ width:100%; display:block;}
	table.t-programme tbody tr td:first-child 	{ padding-right:0px;}
	table.t-programme tbody tr td:nth-child(2n+2) 	{ padding-left:0px;}
	table.t-programme tbody tr td 				{ padding-bottom:50px}
	.detail {border-bottom:1px solid #ececec; padding-bottom:50px}
	}

	@media only screen and (max-width:767px) {
	table.t-programme,
	table.t-programme tbody,
	table.t-programme tbody tr,
	table.t-programme tbody tr td,
	table.t-programme tbody tr td:first-child,
	table.t-programme tbody tr td:nth-child(2n+2)  	{ width:100%; display:block;}
	table.t-programme tbody tr td:first-child 	{ padding-right:0px;}
	table.t-programme tbody tr td:nth-child(2n+2) 	{ padding-left:0px;}
	table.t-programme tbody tr td 				{ padding-bottom:50px}
	.detail {border-bottom:1px solid #ececec; padding-bottom:30px}

	#body.en a.link-detail .pro-cat		 { font-size:70%;}
	#body.cn a.link-detail .pro-cat		 { font-size:80%;}
	ul.ticket 				{ margin:15px 0 0 0;}
	
	.img-cols .vimg{
		height: 50px;
	}
	

	}
	
	@media only screen and (max-width:480px) {
		.img-cols .flex-wrp{
			flex-direction: column;
			align-items:center;
		}
		.img-3col .img-blk{
			width: 100%;
			flex-basis: 100%;
		}
		.img-2col .img-blk{
			width: 100%;
			flex-basis: 100%;
		}
		.img-cols .vimg{
			height: 60px;
		}
	}