.content{margin:0px; width:96%; height:465px; padding:20px; overflow:auto; background:#ffffff; }
.content p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
.content p:nth-child(3n+0){color:#c96;}

	@media only screen and (max-width:800px){
		.content{ width:94%; height:920px;}
		#main{ width:800px; height:1128px;}
		#container{ height:965px;}
		.chapterContainer{ width:90%; height:25px; margin-left:50px; padding-top:5px;}
		.subChapContainer{ width:590px; margin-left:80px;}
		.subChapter{ width:580px;}

	}
	@media only screen and (max-width:768px){
		.content{ width:94%; height:720px;}
		#main{ width:768px; height:928px;}
		#container{ height:765px;}
		.chapterContainer{ width:95%; height:25px; margin-left:30px; padding-top:5px;}
		.subChapContainer{ width:590px; margin-left:80px;}
		.subChapter{width:580px;}
	
	}
	@media only screen and (max-width:600px){
		.content{ width:94%; height:720px;}
		#main{ width:600px; height:944px;}
		#container{ height:781px;}
		.chapterContainer{ width:95%; height:25px; margin-left:30px; padding-top:5px;}
		.subChapContainer{ width:460px; margin-left:80px; /*border:1px solid;*/}
		.subChapter{width:450px; /*border:1px solid;*/}
	}
	
	@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (max-device-height:600px) and (orientation : landscape) {
		.content{ width:94%; height:313px;}
		#main{ width:1024px; height:520px;}
		#container{ height:357px;}
	}