﻿
	img#imgInformationRemarks {
		margin-left: 140px;
	}

@media (max-width: 900px) {
	
	html, html >body {min-width: 0;}
	
	#leftCol {
		width: 132px;
		padding: inherit 22px 0 46px;
	}
	
	#midCol {
		min-width: 450px;
		width: auto;
	}
	
}

@media (max-width: 853px) {
	
	#midCol {
		min-width: 450px;
		width: 100%;
		max-width: calc(100vw - 230px);
	}
	
	#midCol p {
		width: auto;
	}
}

@media (max-width: 700px) {

	#midCol  {
		max-width: none;
		padding: 0 10px;
	}
	
	#cover_area {
		border-radius: 15px;
		background: url(/20240123034411oe_/https://www.iso.cuhk.edu.hk/english/images/publications/publications/shelf_single_inner2.jpg);
		background-repeat: repeat;
		min-height: 244px;
		width: 100%;
		box-sizing: border-box;
	}	
	
	#cover_area div.button-set {
		float: none;
		margin-left: 0;
		padding-left: 175px;
		width:100%;
		box-sizing: border-box;
	}
	
	#cover_area div.button-set img#imgInformationRemarks {
		float: right;
		margin-top:23px;
	}	
	
	#cover_area div.button-set a {
		float: left;
	}	
	
	img#imgInformationRemarks {
		margin-left: auto;
	}

}

@media (max-width: 620px) {
	
}

@media (max-width: 470px) {
	#midCol {
		min-width: 0;
	}
	#cover_area {
		min-width: 0;
		padding-right: 10px;
	}
	div.toc {
		width: calc(100% - 6px);
		box-sizing: border-box;
    }
	div.tocTop, div.tocMid, div.tocBott {
		width: 100%;
		box-sizing: border-box;
	}
	div.toc {
		border: 3px solid #ddd;
		border-radius: 15px;
		margin: 20px 3px 3px 3px;
		position: relative;
	}
	
	div.toc >div.tocTop {
		position: absolute;
		top: -13px;
		background: none;
	}

	div.toc >div.tocMid {
		background: none;
		padding-top: 20px;
	}

	div.toc >div.tocBott {
		background: none;
	}
	
}
	
@media (max-width: 435px) {
}

@media (max-width: 400px) {
}
