@charset "utf-8";
.book-cont, .book-head, .book-wrapper {	width: 100%}
.book-cont, .book-content, .book-head, .book-wrapper {	height: auto;	display: block}
body {	margin: 0;	background: #fff;border: 1px solid #ac9f2d;	}
.book-cont {	margin: 0 auto;}
.book-head {	float: left;	background-color: #ffffff;}
.book-content {	width: 90%;	float: left;	background:#fff;	padding: 4% 5%;}
.book-head h1{font-size:15px;font-weight: 700; color: #333333;text-transform: uppercase; padding: 5px 0;text-align: center; display: inline-block; font-family: 'Roboto', sans-serif;}
.book-content .reset, .book-content .submit {	color: #FFF;	cursor: pointer;	outline: 0;	font-family: 'Roboto', sans-serif;	font-weight: 400;}
.book-content ul {	margin: 0;	float: left; padding:   0;	width: 100%}
.book-content li {	width: 100%;	float: left;	margin: 5px 0; list-style:none;}
.book-content li label {	width: 100%;	float: left;	font-size: 18px}
.book-content li input {	width: 94%;
	float: left;
	padding: 9px 3%;
	margin: 5px 0;
	border: 0;
	outline: 0;    border-bottom: 1px solid #999999 !important;
	font-size: 12px
}
.error span{color:#ff0000;    font-size: 12px;}
.book-content li input[type=file] {
	width: 85%;
	float: left;
	padding: 9px;
	margin: 5px 0;
	border: 1px solid #999999;
	border-radius: 5px;
	height: 20px;
	background-color: #fff;
	outline: 0
}
.book-content li select {
	width: 100%;
	float: left;
	padding: 9px 3%;
	margin: 5px 0;
	border: 1px solid #999999;
	border-radius: 5px;
	height: 41px;
	outline: 0
}
.book-content .submit {
	width: 85px;
	background-color:  #2d386c;
	padding: 7px;
	margin: 11px 11px 0 0;
	font-size: 15px;
	
	border: 0;
	height: auto
}.book-content .submit:hover {
	width: 85px;
	background-color: #999; color: #fff;
	padding: 7px;
	margin: 11px 11px 0 0;
	font-size: 15px;
	
	border: 0;
	height: auto
}
.book-content .reset {
	width: 40%;
	background-color: #836c38;
	text-transform: uppercase;
	padding: 16px;
	margin: 15px 0 0 15px;
	font-size: 18px;
	border-radius: 0;
	border: 0;
	height: auto
}
.date, .time {	width: 40%!important;	height: auto;	float: left}
.time {	margin-left: 20px!important}
.request-icon {	text-align: center !important;}
.request-icon img {    margin-right: 5px !important;    margin-top: 11px !important;}
@media only screen and (min-width :0px) and (max-width :320px) {
.date, .time {	width: 94%!important}
.time {	margin-left: 0!important}
.book-content li {	margin: 3px 0}
}

@media only screen and (min-width :0px) and (max-width :360px) {
.date, .time {	width: 94%!important}
.time {	margin-left: 0!important}
.book-content li {	margin: 2px 0}
}