/*#fbFooter {
	height: 50px;
	background-color: #000000;
	background-image: url('../img/footerBackground.gif');
	background-repeat: repeat-x;
}
*/
.fbPaginationMinor {
	color: #999;
	margin-left: 10px;
}

/*#fbContents {
	float: left;
	margin-top: 17px;
	margin-left: 15px;	
	z-index:20;
	position:absolute;
}*/

#fbShare{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 20px;
}
#fbShare span{
	display: block;
	cursor: pointer;
}
#fbShare .cont{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #000;

	    margin-top: 16px;
}
#fbShare .cont .detail-share{
	display: block;
	padding: 5px;
	color: #FFF;
	border-top: 1px solid rgba(255,255,255,0.6);

	font-size:15px;
	text-align: center;
}

#fbShare .cont .detail-share:first-child{
	border-top:0;
}

#fbPhrase {
	float:left;
	margin-top: 17px;
	text-align:center;
	width:100%;
	z-index:0;
	position:absolute;
}

#fbMenu {
	float: right;
	margin-top: 9px;
	right: 15px;
	z-index:20;
	position:absolute;
}

#altmsg { 
	position: absolute;
	background-color:#000000;
	padding: 20px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-align:center;
}
#altmsg:hover { 
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a.altlink:link {
	color: #FFFFFF;
}

a.altlink:visited {
	color: #DDDDDD;
}

a.altlink:hover{
	color: #FFFFFF;
}




body.hide-overflow {
    overflow: hidden;
}
.container_book{
	display:table;
	width:100%; 
	height:calc(100vh - 70px)
}
.t {
    display: table;
    width: 100%;
    height: 100%;
}
.tc {
    display: table-cell;
    vertical-align: top;
    text-align: center;
	height: 100%;
}
.rel {
    position: relative;
}
.book {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.book .page {
    height: 100%;
}
.book .page img {
    max-width: 100%;
    height: 100%;
}
.book .shadow, .book.shadow {
	-webkit-box-shadow: 0px 0px 38px -4px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 38px -4px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 38px -4px rgba(0,0,0,0.55);
}
.book .even img, .book .odd img{
	position:relative;
	z-index:-1;	
}
.book .page div {
	width:100%;
	height:100%;
	display:block;
}
.book .even div {
	border-right:1px solid #b1b1b1;
  	/*-moz-box-shadow: inset -7px 0 10px -3px #b1b1b1;
	-webkit-box-shadow: inset -7px 0 10px -3px #b1b1b1;
	box-shadow: inset -7px 0 10px -3px #b1b1b1;*/
}
.book .odd div {
	border-left:1px solid #b1b1b1;	
	/*
  	-moz-box-shadow: inset 7px 0 10px -3px #b1b1b1;
	-webkit-box-shadow:inset 7px 0 10px -3px #b1b1b1;
	box-shadow: inset 7px 0 10px -3px #b1b1b1;*/
}
.book_cont{
	display:block; 
	width:100%; 
	height:100%; 
	overflow:hidden;
	
	position:absolute;
	top:50%;
	left:50%;
		
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.landscape_warning{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	background:rgba(0,0,0,0.8);
	z-index: 1000000;
	text-align: center;

	 -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.landscape_warning.ative{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.warning_close{
	position: absolute;
	top: 20px;
	right: 20px;

	font-size: 4rem;
	font-weight: 400;
    line-height: .5;

    color: #fff;
    cursor: pointer;
}
.div_100{
	height: 100%;
}
.landscape_warning h5{ 
	font-size:2rem;
}
.bookH{
	position: relative;
	background:#C5B18E;
	padding-left:20px;

	height: 70px;

	z-index: 215;
}
.bookH .logo{
	display: block;
	max-width: 90px;
	width: 120px;

	margin:10px 0;
}
.bookH .actions{
	display: inline-block;
	vertical-align: middle;

	margin: 0;
}
.bookH .actions i{
	display: inline-block;
	vertical-align: middle;

	background: #FFF;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;

	line-height: 1;

	 -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bookH .actions i svg{
	width: 10px;
	margin: auto;
    margin-top: 8px;
}
.bookH .actions i svg *{
	fill: #8C734B;

	 -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bookH .actions span{
	display: inline-block;
	vertical-align: middle;

	color: #FFF;
	font-size: 10px;
	line-height: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.09em;

	-moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bookH .actions.next,
.bookH .actions.prev{
	margin:0 20px;
}
.bookH .actions:hover i{
	background: #8C734B;
}
.bookH .actions:hover svg *,
.bookH .actions.ative svg *{
	fill: #FFF;
}
.bookH .actions:hover span{
	color: rgba(255,255,255,0.5);
}
.sidebar{
	position: absolute;
    top: 0;
    right: -250px;
    width: 230px;
    height: 100%;
    padding: 25px 0px;
    padding-top: 70px;

    margin: 0;
    background: #FFF;
    z-index: 210;
    
    overflow-x: hidden;
    overflow-y: auto;

    -webkit-box-shadow: -20px 0px 37px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: -20px 0px 37px -15px rgba(0,0,0,0.5);
	box-shadow: -20px 0px 37px -15px rgba(0,0,0,0.5);

    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.sidebar.ative{
	right: 0;
}
.sidebar-item{
	width: 100%;
	display: block;
	margin-top: 25px;
	padding: 0 10px;

	height: auto;
}
.sidebar-item img{
	max-width: 120px;
	margin:auto;
	height: auto;

	border: 1px solid #EDEDED;

	filter: alpha(opacity=60);
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;

	-moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.sidebar-item span{
	display: inline-block;
	vertical-align: middle;

	color: #8C734B;
	font-size: 10px;
	line-height: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.09em;

	margin-top: 10px;

	-moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sidebar-item img:hover{
	filter: alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;

	-moz-box-shadow: 0 0 8px 3px #b0b5b9;
	-webkit-box-shadow: 0 0 8px 3px #b0b5b9;
	box-shadow: 0 0 8px 3px #b0b5b9;
}
.sidebar-opener{
	margin-left: 20px !important;
	padding:0 20px;
	border-left: 1px solid rgba(255,255,255,0.2);
	line-height: 70px;

	width: 230px;
	text-align: center;
}
.sidebar-opener i svg{
	width: 12px !important;
    margin-top: 5px !important;
}
.sidebar-opener:hover,
.sidebar-opener.ative{
	background: #FFF;
}
.sidebar-opener:hover i,
.sidebar-opener.ative i {
	background: #8C734B;
}
.sidebar-opener:hover span,
.sidebar-opener.ative span{
	color: #8C734B !important;
}
.sidebar_close{
	display: block;
	width: 100%;

	color: #8C734B;
	font-size: 10px;
	line-height: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	
	padding: 13px;
    background: #C5B8A4;
    cursor: pointer;

    text-align: center;

    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.sidebar_close:hover{
	background: #8C734B;
	color: #FFF;
}
.share_container{
	position: absolute;
	bottom: 20px;
	left: 20px;
}
@media only screen and (max-width: 1100px) {
	#fbPhrase{
		display:none;
	}
	.table_logo{
		width: 90px;
	}
	.bookH .logo{
		width: 100%;
		max-width: 100%;
	}
	.book .odd div {
		border-left:0;	
	}
}
@media only screen and (max-width: 800px) {
	.bookH{
		height: 50px;
	}
	.sidebar{
		padding-top: 50px;
	}
	.container_book{
		height:calc(100vh - 50px)
	}

	.table_prevNext{
		display:none;
	}
	.table_logo{
		width: 70px;
	}
	
	.sidebar-opener{
		margin-left: 10px !important;
		padding:0 10px;

		line-height: 50px;

		width: auto;
	}

	.sidebar-opener span{
		display: none !important;
	}

	.sidebar-opener i{
		margin-left: 0 !important;
	}
}