@charset "utf-8";
/* CSS Document */
.gbook {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 99999;
	min-width: 300px;
}
.gbook-title {
	padding: 10px;
	background: #c89603;
}
.gbook-titlea {
	color: #fff;
	width: 100%;
	text-decoration: none;
	display: block;
}
.gbook-titlea i {
	float: right;
	margin-right: 15px;
}
.gbook-main {
	padding: 15px 10px;
	background: #fff;
	min-height: 300px;
	border: 1px solid #c89603;
	text-align: center;
	animation: hideIndex 0.5s;
	-moz-animation: hideIndex 0.5s; /* Firefox */
	-webkit-animation: hideIndex 0.5s; /* Safari and Chrome */
	-o-animation: hideIndex 0.5s; /* Opera */
}
.gbookform .input-group {
	padding: 10px 0;
}
.gbookform .input-group input {
	border: 2px solid #c89603;
	padding: 5px;
}
.gbookform .input-group input#imgcode {
width: 85px;
}
.gbookform .save {
	text-align: center;
}
.gbookform .save button {
	padding: 8px 22px;
	background: #c89603;
	color: #fff;
	text-align: center;
	border: none;
	border-radius: 3px;
}
.gbook-main .move {
	color: #555;
}
[class^="icon-"], [class*=" icon-"] {
 display: inline-block;
 width: 14px;
 height: 14px;
 *margin-right: .3em;
 line-height: 14px;
 vertical-align: text-top;
 background-image: url(../images/icon-white.png);
 background-position: 14px 14px;
 background-repeat: no-repeat;
 margin-top: 1px;
}
.icon-up {
	background-position: -288px -120px;
}
.icon-down {
	background-position: -313px -119px;
}
.gbook-title i.icon-down, .gbook-main, .gbook.active .gbook-title i.icon-up {
	display: none
}
.gbook.active .gbook-title i.icon-down, .gbook.active .gbook-main {
	display: block;
}
 @keyframes hideIndex {
 0% {
opacity: 0;
transform: translate(0, 300px)
}
 100% {
opacity: 1;
transform: translate(0, 0)
}
}