#body.article #footer { margin-top:100px;}
	
	#quick-menu		{position:sticky; position: -webkit-sticky; top: 100px; margin-top:-10px; border-bottom:1px solid #ececec; z-index:20}

	/*.adj-pg-edge-menu 	{ padding-top:30px; padding-bottom:120px; border-bottom:none}*/ /*!--edit*/
	.adj-pg-edge-menu 	{ padding-top:10px; /*padding-bottom:120px;*/ padding-bottom:0; border-bottom:1px solid #ececec; background-color:#fff; z-index:1}

	#article.adj-pg-edge-menu 	{  border-bottom:none; }


	#article { background-image:url(images/bg-programme-article.svg); background-position:left bottom; background-repeat:no-repeat; background-size:40%}
	#article .back 			{ width:100%}
	#article .article-left 	{ width: 15%; float:left;}
	#article .article-right { width: 85%; float:left; padding-top:100px; padding-left:50px;}
	
	#body.tabarticle { background-image:url(images/bg-programme-article.svg); background-position:left top;
	                    background-repeat:no-repeat; background-size:50%}
	#body.tabarticle #article { background-image:none}
	
	
	#article .content 		{ margin-top:80px}
	#article.press .content { margin-top:50px}

	.intro-title 	{ border-bottom:1px solid #ececec; padding-bottom:10px}

	#body.cn #article ul.pro-detail,
	#body.cn #article .article-type 	{ font-size:100%; line-height:1.4}
	#body.cn #article .article-type  { padding-bottom:5px}

	#body.en #article ul.pro-detail,
	#body.en #article .article-type 	{ font-size:90%; line-height:1.8}

	ul.pro-detail 		{ margin:0; padding:5px 0 0 25px; font-size:14px;}
	ul.pro-detail li 	{ list-style:none; margin:0; padding:0 0 5px 0}
	body.programme-detail .intro-title ul.pro-detail { font-size:16px}
	body.archive ul.pro-detail 		{ font-size:16px}
	body.archive ul.pro-detail li 	{ padding-top:5px;}

	
	ul.pro-detail li.detail-remark, #tklrmk { font-size:14px; line-height:1.6}
	

	.fa-li 		{ left:-2em; position:absolute; text-align:center; width:2em; line-height:inherit; top:0;}
	#body.programme-detail ul.pro-detail .fa-li 	{ left:-2em; position:absolute; text-align:center; width:2em; line-height:inherit; top:0;}
	#body.archive ul.pro-detail .fa-li 				{ left:-2em; position:absolute; text-align:center; width:2em; line-height:inherit; top:5px;}


	#article.press,
	#publication   			{ background-image:url(images/bg-006.svg); background-position:right top; background-repeat:no-repeat; background-size:15%}
    #body.publication #publication   			{ background-image:none}
	#body.publication   	{ background-image:url(images/bg-006.svg); background-position:right 50px; background-repeat:no-repeat; background-size:20%}

	.highlight-blue 		{ display:block; margin-bottom:20px}
	.highlight-blue span 	{ background-color:#0062a7; padding:4px 10px; color:#fff; font-size:95%}

	h1.article 				 { font-size:40px; font-weight:600; line-height:1.2}
	.general h3.sub-article  { font-size:22px; font-weight:400; line-height:1.2; color:#333} /*publication*/
	#body.course-detail .general h3.sub-article  { font-size:18px; padding-top:0px; margin-top:0px; margin-bottom:15px} 


	#body.programme ul.pro-detail li {font-size:16px}
	#body.programme ul.pro-detail li>.fa-li {top:0}

	#body.en.publication h1.article { font-style:italic}
	
	/* ==========================================================================
	    Media Style:
	============================================================================= */
	@media only screen and (max-width:1200px) {
	.adj-pg-edge-menu 	{ padding-bottom:50px;}
	#quick-menu.adj-pg-edge-menu 	{ padding-bottom:0;}

	#article   			{ background-image:url(images/bg-programme-article-m.svg); background-position:left bottom; background-repeat:no-repeat; background-size:50%}
	#article.press   	{ background-size:25%}

	h1.article { font-size:36px;}

	#quick-menu		{ top:75px;}
	}

	@media only screen and (max-width: 1024px) {
	#body.article #footer { margin-top:50px;}

	#article .article-left 	{ width:100%; float:left;}
	#article .article-right { width:100%; float:left; padding-top:50px; padding-left:0;}

	h1.article { font-size:28px;}
	.general h3.sub-article  { font-size:16px;}

	#body.tabarticle { background-image:url(images/bg-programme-article-mobile.svg); background-position:right 40px;
	                    background-repeat:no-repeat; background-size:95%}


	}

 	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	#article   		{ background-size:75%}
 	#quick-menu		{ position: -webkit-sticky;}

	#body.tabarticle { background-image:url(images/bg-programme-article-mobile.svg); background-position:right -150px;
	                    background-repeat:no-repeat; background-size:110%}
 	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	#article   		 { background-size:65%}
	#article.press   { background-size:30%}
 	#quick-menu		 { position: -webkit-sticky;}
	#body.tabarticle { background-image:url(images/bg-programme-article-mobile.svg); background-position:right -200px;
	                    background-repeat:no-repeat; background-size:110%}
	}

	@media only screen and (max-width: 767px) {
	#body.article #footer { margin-top:0px;}


	.adj-pg-edge-menu 	{ padding-bottom:80px; padding-top:10px}

	h1.article 			{ font-size:28px}

	#article .content 	{ margin-top:50px}
	#article.press   	{ background-size:50%}
	.highlight-blue span { font-size:90%}
    #body.publication   { background-image:none}
	
	#body.tabarticle { background-image:url(images/bg-programme-article-mobile.svg); background-position:right 40px;
	                    background-repeat:no-repeat; background-size:95%}
	}