#contents {height:53em;}
h1 {
	margin-top: 10%;
	padding: 0 0 1em; }
.title_img {
	width: 5em;
	height: 5em;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em; }
#port_title {
	margin-left: 35%;
	background-image: url(../img/portrait.png);
	background-repeat: no-repeat;
	text-indent: -9999px; }
#nude_title {
	margin-left: 35%;
	background-image: url(../img/nude.png);
	background-repeat: no-repeat;
	text-indent: -9999px; }
#name {
	color: black;
	background-color: transparent;
	width: 10em;
	height: 6em;
	float: right;
	margin-top: 3em;
	margin-right: 20px; }
.container {
	text-align: left;
	width: 32em;
	/*margin-left: 20em;*/
	float:left;
	margin-left:1em;
	}
#chaptericon {
	color: #c482de;
 }
#chaptericon p{
/*	color: #fff;*/
	color: #c482de;
	text-indent:0;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,1);*/}
#imgicon {
	background-color: #c482de;
	box-shadow: 2px 2px 1px rgba(255,255,255,1);
}
#bg {
/*	background-image: url(../img/bg_over.jpg);*/

	background-attachment: fixed;
	width: 22em;
	height: 53em;
	overflow: hidden;
	float: left;
	/*margin: -4em 0;*/
	/*margin-left: -1em; */}
#title_p {
	float: left; }
#title_p a {
	margin-top: -1em;
	margin-bottom: -1em;
	background-image: url(../img/snap_icon1_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	display: block; }
#title_p a:hover {
	background-repeat: no-repeat;
	background-position: 0 0px; }
#title_p img {
		visibility: hidden;
	}
#title_n {
	float: left; }
#title_n a {
	margin-top: -1em;
	margin-bottom: -1em;
	background-image: url(../img/snap_icon3_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	display: block; }
#title_n a:hover {
	background-repeat: no-repeat;
	background-position: 0 0px; }
#title_n img {
		visibility: hidden;
	}

@media screen and (max-width:400px){
	#chaptericon {
	top: 5em;
	left: 1em;
	}
	#chaptericon p {margin: 0 !important;}
	/*#bg {display:none;}*/
	#bg {width:100vw;
	/*margin:-7em 0;*/}

.container {
	text-align: left;
	width: auto;
margin-left: 5%;}
#port_title {
	margin-left: 30%;}
#nude_title {
margin-left: 30%;}
}