@charset "utf-8";

mark{
	background-image: -webkit-linear-gradient(to right,transparent 50%,#dbe797 50%);
	background-image: -moz-linear-gradient(to right,transparent 50%,#dbe797 50%);
	background-image: linear-gradient(to right,transparent 50%,#dbe797 50%);
	background-color:initial;
	font-weight: 700;
	background-repeat: repeat-x;
	background-size: 200% .6em;
	background-position: 0 .7em;
	transition: all 1s ease;
	font-weight: 700;
	padding:0;
	padding-bottom: 7px;
}


.time-table .blu-border{
	border-right: 2px solid #00a651;
	padding-right: 10px;
	margin-right: 10px;
}
.time-table ol{
	padding-left: 10px;
	margin-top: 0.2em;
}
.time-table ol li{
	margin-left: 0.5em;
	text-indent: 0em;
	font-weight: 400;
}

.join .btn{
	background: #ff5b00;
	background: -moz-linear-gradient(top, #ff5b00, #a33a00);
	background: -webkit-linear-gradient(top, #ff5b00, #a33a00);
	background: linear-gradient(to bottom, #ff5b00, #a33a00);
	box-shadow: inset 0 1px 1px rgb(255 255 255 / 60%), 0 5px 0 #732900;
	-webkit-box-shadow: inset 0 1px 1px rgb(255 255 255 / 60%), 0 5px 0 #732900;
}
.join .btn::before{
	background: #ff6916;
	background: -moz-linear-gradient(top, #ff6916, #b23f00);
	background: -webkit-linear-gradient(top, #ff6916, #b23f00);
	background: linear-gradient(to bottom, #ff6916, #b23f00);
}
.join a.btn:hover{
	transform: translateY(4px);
	-webkit-transform: translateY(4px);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .0), 0 1px 0 #732900;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .0), 0 1px 0 #732900;
}

.join p {
	margin-top: 1em;
	color: #666;
}

.panel-book{
	margin-top: 6em;
}

.book-title {
	margin-bottom:5px;
}

.book-detail {
	margin-top:20px;
}

.book-detail a {
	color:#333;
}