div.book_image{background-repeat: no-repeat; background-size: 100%; width: 763px; height: 1080px; position: relative;}
p.link{display: block; position: absolute; padding:0; margin:0 ; background-color: rgba(100, 157, 212, 0) !important; cursor: pointer;}
p.link:hover{ background-color: rgba(100, 157, 212, 0.25)  !important;  }

a.out_link{display: block; position: absolute; padding:0; margin:0 ; background-color: rgba(4, 186, 189,0) !important; border: 0px solid  rgba(4, 186, 189,0);border-radius: 5px;}
a.out_link:hover{ background-color: rgba(4, 186, 189, 0.25)!important; }

a.mid_tit{background-color: #00000055}
a.mid_tit:hover{}

span.ttc{font-size: 12px; padding:0 0 0 20px}

span.arr{width: 30px;height: 39px; display: block; position: absolute; cursor: pointer;}
span.arr.right{background: url("../img/arr_r.png") 0 0 no-repeat;background-size:100% ; bottom: 10px; right: 10px; z-index: 1000; }
span.arr.right:hover{background-image: url("../img/arr_ro.png");}
span.arr.left{background: url("../img/arr_l.png") 0 0 no-repeat;background-size:100% ; bottom: 10px; left: 10px; z-index: 1000; }
span.arr.left:hover{background-image: url("../img/arr_lo.png");}

span.ttc{font-size: 12px; padding:0 0 0 5px; /*display: contents*/display: block;    line-height: 16px;}
span.toc{font-size: 15px; display: block; }

span.tts{font-size: 15px; display: block; font-weight: bold; text-align: center;}


.wowbook-toc-item .page{
 display: none;
}

.wowbook-toolbar {
	background-color: "rgba(4, 145, 84, 0.17)";
}

/* Change control size to 50px */
.wowbook-control {
	background-color: "rgba(4, 145, 84, 0.17)";

	width: 50px;
	height: 50px;
	line-height: 50px; /* needed to keep the icon/text vertically centralized */
}

/* Change icon/text color and background */
.wowbook-control, .wowbook-control:visited,	.wowbook-control:active {
	background-color: "rgba(4, 145, 84, 0.17)";
	color: #fff;
}

/* Change icon/text color and background on hover*/
.wowbook-control:hover {
	background-color: "rgba(4, 145, 84, 0.17)";
	color: #fff;
}