#search {
	display: block;
	position: absolute;
	z-index: 1000;
	width: 100px;
	height: 40px;
	top: 0px;
	right: 135px;
	cursor: pointer;
	font-size: 15px;
	text-align: center;
	padding: 8px;
}
.search-b {
	color: #fff;
	background-color: #393939;
}
.search-w {
	color: #333;
	background-color: #ddd;
}
#search_l:hover {
	background-position: -300px 50px;
}
#search_l_b {
	background-image: url("./icons/b_icon.png");
	background-position: -300px 0px;
}
#search_l_w {
	background-image: url("./icons/w_icon.png");
	background-position: -300px 0px;
}
#search_l.active {
	background-position: -300px 50px;
}

#sticky_l {
	display:block;
	position: absolute;
	z-index: 1000;
	width: 50px;
	height: 50px;
	top: 120px;
	left: 0px;
	cursor: pointer;
	font-size: 15px;
	text-align: center;
	color: #fff;
	background-color: #393939;
	padding: 8px;
}
#sticky_l:hover {
	background-position: -250px 50px;
}
#sticky_l_b {
	background-image: url("./icons/b_icon.png");
	background-position: -250px 0px;
}
#sticky_l_w {
	background-image: url("./icons/w_icon.png");
	background-position: -250px 0px;
}
#sticky_l.active {
	background-position: -250px 50px;
}

/*********************************************************/
.return-top-icon {
	position: absolute;
	z-index: 1000;
	width: 50px;
	height: 50px;
	top: 0px;
	left: 30px;
	cursor: pointer;
	font-size: 25px;
	text-align: center;
}
.return-top-icon:hover {
	background-position: 0px 50px;
}
.return-top-icon-b {
	background-image: url("./icons/b_icon.png");
	background-position: 0px 0px;
}
.return-top-icon-w {
	background-image: url("./icons/w_icon.png");
	background-position: 0px 0px;
}
.function-icon {
	position: absolute;
	z-index: 1000;
	width: 50px;
	height: 50px;
	top: 50px;
	left: 30px;
	cursor: pointer;
	font-size: 25px;
	text-align: center;
}
.function-icon:hover {
	background-position: -50px 50px;
}
.function-icon-b {
	background-image: url("./icons/b_icon.png");
	background-position: -50px 0px;
}
.function-icon-w {
	background-image: url("./icons/w_icon.png");
	background-position: -50px 0px;
}
.function-icon.active {
	background-position: -50px 50px;
}
.index-icon {
	position: absolute;
	z-index: 1000;
	width: 50px;
	height: 50px;
	top: 100px;
	left: 30px;
	cursor: pointer;
	font-size: 25px;
	text-align: center;
}
.index-icon:hover {
	background-position: -100px 50px;
}
.index-icon-b {
	background-image: url("./icons/b_icon.png");
	background-position: -100px 0px;
}
.index-icon-w {
	background-image: url("./icons/w_icon.png");
	background-position: -100px 0px;
}
.index-icon.active {
	background-position: -100px 50px;
}
.sticky-icon {
	position: absolute;
	z-index: 1000;
	width: 50px;
	height: 50px;
	top: 150px;
	left: 30px;
	cursor: pointer;
	font-size: 25px;
	text-align: center;
}
.sticky-icon:hover {
	background-position: -250px 50px;
}
.sticky-icon-b {
	background-image: url("./icons/b_icon.png");
	background-position: -250px 0px;
}
.sticky-icon-w {
	background-image: url("./icons/w_icon.png");
	background-position: -250px 0px;
}
.sticky-icon.active {
	background-position: -250px 50px;
}
.search-icon {
	position: absolute;
	z-index: 1000;
	width: 50px;
	height: 50px;
	top: 100px;
	left: 30px;
	cursor: pointer;
	font-size: 25px;
	text-align: center;
}
.search-icon:hover {
	background-position: -300px 50px;
}
.search-icon-b {
	background-image: url("./icons/b_icon.png");
	background-position: -300px 0px;
}
.search-icon-w {
	background-image: url("./icons/w_icon.png");
	background-position: -300px 0px;
}
.search-icon.active {
	background-position: -300px 50px;
}
/*********************************/
.zoom-icon-in {
	background-position: -200px 0px;
	cursor: pointer;
}
.zoom-icon-b {
	background-image: url("./icons/b_icon.png");
	background-position: -200px 0px;
}
.zoom-icon-w {
	background-image: url("./icons/w_icon.png");
	background-position: -200px 0px;
}
.zoom-icon-in.zoom-icon-in-hover {
	opacity: 0.8;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	cursor: pointer;
}
.zoom-icon-out {
	background-position: -200px 50px;
}
.zoom-icon-out.zoom-icon-out-hover {
	opacity: 0.8;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	cursor: pointer;
}
/*********************************/
.ribbon-b {
	position: absolute;
	right: 0;
	width: 8px;
	height: 8px;
	background-image: url("./icons/b_icon.png");
	background-position: -150px 0px;
}
.ribbon-w {
	position: absolute;
	right: 0;
	width: 8px;
	height: 8px;
	background-image: url("./icons/w_icon.png");
	background-position: -150px 0px;
}
/*********************************/
.icon-tooltips {
	display: none;
	font-size: 13px;
	position: absolute;
	bottom: -2.8em;
	z-index: 9999;
	padding: 0.3em 0.5em;
	color: #FFFFFF;
	background: #666;
	border-radius: 0.5em;
}
.icon-tooltips:after {
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: 0.5em;
	top: -8px;
	border-top:8px solid transparent;
	border-left:8px solid #666;
}
.return-top-icon:hover .icon-tooltips {
	right: -40px;
	display: block;
}
.function-icon:hover .icon-tooltips {
	right: -140px;
	display: block;
}
.index-icon:hover .icon-tooltips {
	right: -40px;
	display: block;
}
.sticky-icon:hover .icon-tooltips {
	right: -40px;
	display: block;
}
.search-icon:hover .icon-tooltips {
	right: -40px;
	display: block;
}
.zoom-icon-in:hover .icon-tooltips {
	left: 0.3em;
	display: block;
}
.zoom-icon-out:hover .icon-tooltips {
	left: 0.3em;
	display: block;
}