@charset "utf-8";
/* CSS Document */
button{
	background-color: transparent;
	cursor: pointer;
	border: 0;
}
button:focus{
	outline: 0;
}
.subBanner{
	height: 140px;
	background-image: url("../img/banner.jpg");
}
#rn-read-main{
	background-color: #fff;
	padding: 15px;
	border-radius: 5px 5px 0px 0px;
	min-height: 500px;
}
#rn-read-title {
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
#rn-read-title-name {
	font-size: 2em;
	line-height: normal;
	width: 80%;
	display: inline-block;
}
#rn-read-title-btns {
	display: inline-block;
	vertical-align: top;
}
#rn-read-ch-btn {
	width: 117px;
	height: 47px;
	background-image: url("../img/ch-show-btn.png");
}
#rn-read-ch-btn.show {
	background-image: url("../img/ch-hide-btn.png");
}
#rn-read-back-btn {
	width: 67px;
	height: 47px;
	background-image: url("../img/back-btn.png");
}
#rn-read-title-sencond {
	font-size: 0.8em;
}
.rn-read-sentence-part {
	padding: 10px 10px 20px 10px;
}
.rn-read-sentence {
	font-size: 1.5em;
	line-height: normal;
}
.rn-read-sentence.Ch {
	color: #999;
}
.Ch {
	display: none;
}
#rn-read-left {
	width: 80%;
	display: inline-block;
}
.word, .link{
	display: inline-block;
}
.word:hover, a.link:hover{
	color: #00F;
}
#holder{
	position: absolute;
	background-color: #C4D583;
	min-width: 10px;
	height: 16px;
	padding: 5px;
	border-radius: 5px;
}
#read-sub {
	display: inline-block;
	width: 19%;
	vertical-align: top;
}
.sign{
	background:#C7C8CA;
	padding: 10px;
	margin: 10px 0px;
	border-radius: 10px;
	display: none;
}
.read-sub-title{
	font-size: 17pt;
	font-weight: bold;
	border-bottom: solid 1px #000;
	padding: 10px 0px;
}
.read-sub-text{
	padding: 10px 0px;
}
.read-sub-ab{
	font-size: 20pt;
	font-weight: bold;
	padding: 10px 0px;
	}
.read-sub-ch{
	font-size: 12pt;
}
@media only screen and (max-width: 1000px) {
	.subBanner {
		background-position: center;
		background-size: cover;
	}
	#rn-read-title-name {
		width: 100%;
	}
	#rn-read-title-btns {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#rn-read-left {
		width: 100%;
	}
	#read-sub {
		width: 0;
		display: none; !important
	}
}
@media only screen and (max-width: 480px) {
	#rn-read-main {
		font-size: 0.5em;
	}
	.subBanner {
		height: 60px;
	}
	#rn-read-ch-btn {
		width: 60px;
		height: 24px;
		background-size: contain;
	}
	#rn-read-back-btn {
		width: 34px;
		height: 24px;
		background-size: contain;
	}

}