#footer { background-image:url(images/bg-footer.gif); background-position:center; background-repeat:repeat-y; margin-top:0;}
    body.programme-detail #footer { margin-top:0}
    body.artist #footer { margin-top:0}
    body.other-page #footer { margin-top:100px}
    body.general-page #footer { margin-top:100px}



	/* footer main left reight column 
	------------------------------------------------------------------*/
	table.t-footer 							{ width:100%; border:none;}
	table.t-footer tbody 					{ width:100%}
	table.t-footer tbody tr td.main-item 		{ vertical-align:top; text-align:left; width:50%}
	table.t-footer tbody tr td.main-left 	{ background-image:url(images/bg-footer-l.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain}
	table.t-footer tbody tr td.main-right   { background-color:#333}

	.main-pos-l { padding:50px 100px 0 0}
	.main-pos-r { padding:50px 0 50px 50px}


	.f-logo img 	{ width:auto; height:60px; margin-top:-7px}	
	.main-pos-l p 	{ width:80%; font-size:12px; margin:20px 0 30px 0}
	#body.en .main-pos-l p { font-size:12px;	}
	#body.cn .main-pos-l p { font-size:14px;	}

	.logo-caring-co { width:300px;/*140px;*/ height:auto;}


	/* footer right column 
	------------------------------------------------------------------*/
	.subscribe 			{ color:#fff; border-bottom:1px solid #fff; cursor:pointer; 
						  background-image:url(images/icon-arrow-right-white.svg); background-repeat:no-repeat; background-position:right 40px; background-size:60px  }
	.subscribe .sub-xl 	{ font-size:24px; font-weight:500; text-transform:uppercase; transition: all 0.3s ease-out; }
	.subscribe .sub-sm 	{ text-transform:uppercase; font-size:14px; margin-bottom:20px; transition: all 0.3s ease-out;  }
	.subscribe:hover .sub-xl,
	.subscribe:hover .sub-sm { padding-left:10px; }
	.subscribe:hover 	{ background-image:url(images/icon-arrow-right-red.svg);}

	.sub-line::after 		{ content:''; display:block; width:0; height:5px;  background:#fff; transition: width .3s; }
	.sub-line:hover::after  { width: 100%; transition: width .3s;}
	.sub-line.open::after 	{ display:none; }         


	table.footer-sitemap 				{ width:100%; border:none; margin-bottom:50px; padding-top:50px}
	table.footer-sitemap tbody			{ width:100%}
	table.footer-sitemap tbody tr 		{ vertical-align:top; text-align:left;}  
	table.footer-sitemap tbody tr td   	{ vertical-align:top; text-align:left; padding-right:20px}

	table.footer-sitemap ul 			{ margin:0 0 0 20px; padding:0; color:#fff;}
	table.footer-sitemap ul li 			{ margin:0; padding-bottom:10px }
	table.footer-sitemap ul li a 		{ color:#fff; text-decoration:none; cursor:pointer; transition: all 0.3s ease-out;}
	table.footer-sitemap ul li a:hover  { color:#e84124}

	.f-media 					{ text-align:right}
	.f-media div    			{ display:inline-block; padding-left:10px}
	.f-media div p 				{ color:#e84124; text-transform:uppercase;}
	.f-media ul.f-link 			{ margin:10px 0 0 0; padding:0}
	.f-media ul.f-link li 		{ margin:0; padding:0 10px 0 0; display:inline-block;}

	.f-media ul.f-link li img 	{ width:auto; height:26px; cursor:pointer;}
	.f-media ul.f-link li a 	{ cursor:pointer;}
	.f-media ul.f-link li img:hover,
	.f-media ul.f-link li img:focus { filter: invert(31%) sepia(80%) saturate(7024%) hue-rotate(2deg) brightness(80%) contrast(120%);}

	.f-media-pos	{ text-align:left}

	.copyright { float:left; padding:10px 0; font-size:13px}


	#body.en table.footer-sitemap ul,
	#body.en table .f-media div p  		{ font-size:14px}

	#body.cn table.footer-sitemap ul,
	#body.cn table .f-media div p 	{ font-size:15px}
	
	
	
	.fttxt {     
		transform: translateY(-0.5em);
		display: block;
		text-decoration: none;
		font-size: 85%;
	}
	#body .fttxt,
	.fttxt,
	.general .fttxt{
		color: #fff;
	}
	.fttxt:hover{
		color: #e84124;
	}

	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1500px) {
	table.t-footer tbody tr td.main-left 	{ width:45%}
	table.t-footer tbody tr td.main-right   { width:55%}
	.main-pos-r 	{ padding-left:30px}
	}


	@media only screen and (max-width:1280px) {
	.main-pos-r 	{ padding-left:20px}
	}

	@media only screen and (max-width:1200px) {
	.f-logo img 	{ width:auto; height:55px}	
	.main-pos-l p 	{ width:80%}
	.logo-caring-co { width:260px;/*130px*/}

	table.t-footer tbody tr td.main-left 	{ background-image:url(images/bg-footer-l-ipad-l.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain}
	table.t-footer tbody tr td.main-left 	{ width:40%}
	table.t-footer tbody tr td.main-right   { width:60%}

	.main-pos-l { padding:45px 45px 0 0}
	.main-pos-r { padding:45px 0 45px 10px}

	table.footer-sitemap tbody tr td:last-child { width:40%}
	.main-pos-l p 	{ width:85%; font-size:11px; margin:20px 0}
	
	.copyright { font-size:12px}

	}


	@media only screen and (max-width:1024px) {
	.logo-caring-co { width:260px;/*130px*/}
	}

	@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-footer tbody tr td.main-left 	{ background-image:url(images/bg-footer-l-ipad-p.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain}
	table.t-footer tbody tr td.main-left 	{ width:50%}
	table.t-footer tbody tr td.main-right   { width:50%}

	.subscribe .sub-xl 	{ font-size:18px; }
	.subscribe 			{ background-position:right 40px; background-size:40px  }

	.main-pos-r 	{ padding-left:10px}

	table.footer-sitemap,
	table.footer-sitemap tbody,
	table.footer-sitemap tbody tr,
	table.footer-sitemap tbody tr td 	{ width:100%; display:block;}
	table.footer-sitemap tbody tr td:last-child { width:100%; border-bottom:1px solid #333;}
	table.footer-sitemap tbody tr td 	{ border-bottom:1px solid #464646; padding-bottom:10px; margin-bottom:10px}

	.f-media 		{ text-align:left}
	.f-media div	{ padding-left:0}
	.f-media ul.f-link li:first-child 		{ padding-left:0}
	}


	@media only screen and (max-width:767px) {
	table.t-footer,
	table.t-footer tbody,
	table.t-footer tbody tr,
	table.t-footer tbody tr td,
	table.t-footer tbody tr td.main,
	table.t-footer tbody tr td.main-left,
	table.t-footer tbody tr td.main-right { width:100%; display:block;}
	table.t-footer tbody tr td.main-left,
	table.t-footer tbody tr td.main-right { width:calc(100% + 40px);  margin-left:-20px; }


	#footer 	{ background-image:none; background-color:#ececec}
	table.t-footer tbody tr td.main-left  { background-image:url(images/bg-footer-l-m.svg); background-position:right bottom; background-size:contain; }


	.main-pos-l p 		{ width:100%}
	.main-pos-l			{ padding:30px 20px 50px 20px;}
	.main-pos-r 		{ padding:30px 20px;}

	table.footer-sitemap,
	table.footer-sitemap tbody,
	table.footer-sitemap tbody tr,
	table.footer-sitemap tbody tr td 	{ width:100%; display:block;}
	table.footer-sitemap tbody tr td:last-child { width:100%; border-bottom:1px solid #333;}
	table.footer-sitemap tbody tr td 	{ border-bottom:1px solid #464646; padding-bottom:10px; margin-bottom:10px}
	.logo-caring-co { width:300px;/*130px*/}

	.subscribe .sub-xl 	{ font-size:16px; }
	.subscribe 			{ background-position:right 30px; background-size:35px  }
	.subscribe .sub-sm  { font-size:13px}

	.f-media 		{ text-align:left}
	.f-media div	{ padding-left:0}
	.f-media ul.f-link li:first-child 		{ padding-left:0}
	.f-media-adj-m 	{ width:100%; margin-bottom:20px}
	.f-media ul.f-link li 		{ padding:0 15px 0 0;}

	.f-logo img 	{ width:auto; height:55px;}	
	

}

	@media only screen and (max-width:350px) {
	.logo-caring-co { width:220px;/*130px*/}
	}


/*	table.t-footer tbody tr td.main 		{ vertical-align:top; text-align:left; width:50%}
	table.t-footer tbody tr td.main-left 	{ background-image:url(images/bg-footer-l.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain}
	table.t-footer tbody tr td.main-right   { background-color:#333}/

	}