html{
	background : #ededed;
}
html, body{
	font-family : 'Roboto', sans-serif;
	line-height : 1.15;
	color : #FFF;
	font-size : 14px;
	min-height : 100%;
	margin : 0;
	background : #ededed;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	border : 0;
	margin : 0;
	padding : 0;
	line-height : 21px;
	outline : none;
}
h1{
	font-variant : small-caps;
	color : #FFF;
	font-size : 19px;
	font-weight : 600;
	padding : 15px;
	text-align : center;
	border-radius : 5px 5px 0 0;
	background-color: #282828;
}
h2{
	padding: 10px;
	color: #272727;
	font-size: 45px;
	font-weight: 500;
	font-family: 'Rancho';
	margin: 10px 0px;
}
h3{
	font-size: 20px;
	padding: 8px;
	color: #363636;
}
h4{
	font-size: 15px;
	padding: 0;
	font-weight: 300;
	border-bottom: 1px solid #5c5c5c;
	margin: 3px 6px;
}
h5{
	font-weight : 400;
    font-size: 14px;
}
h6{
	font-weight : 600;
	color : #FF7900;
	display : inline-block;
	font-size : 16px;
}
button{
	cursor : pointer;
}
a{
	color : #ffffff;
	text-decoration : none;
}
img{
	border-radius: 3px;
}
p{
	padding: 5px;
	margin: 10px 5px;
	text-align: justify;
}
ul{
	padding: 0px 50px;
}
#main{
	max-width: 1360px;
	margin: auto;
	padding: 20px;
	background-color: #FFF;
	overflow: hidden;
}
.plat_input{
	width : 100%;
	height : 100%;
	margin : 0;
	padding : 3px;
	border : none;
	border-radius : 0;
	overflow : hidden;
	text-align : center;
	font-size : 12px;
}

#top-div{
	width: 100%;
	background: url(../images/top_background.jpg) no-repeat 50% 50%;
	background-size: cover;
	height: 500px;
}

#top-div img{
	margin: auto;
	display: block;
	max-width: 550px;
	width: 100%;
	opacity: 0.8;
}

#top-div hr{
	border: 1px solid #FFF6;
	width: 30%;
	border-radius: 2px;
	margin-top: -19px;
}

#top-div i{
	display: block;
	font-size: 3em;
	text-align: center;
}

#top-div span{
	font-size: 30px;
	text-align: center;
	display: block;
	font-family: 'Rancho';
	font-weight: 300;
	padding: 20px;
	text-shadow: 0px 0px 3px #0006;
}

.book{
	display: block;
	margin: auto;
	border-radius: 5px;
	background-color: #DC3522;
	color: #FFF;
	font-weight: 500;
	padding: 9px 80px;
	border: 1px solid #9E2213;
	font-size: 20px;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15), inset 1px 1px 0px 0px rgba(248, 113, 113, 0.3);
}

#top-menu{
	width: 100%;
	display: block;
	background-color: #00000080;
	box-shadow: inset 0px 0px 20px #0003;
	height: 60px;
	margin-top: -60px;
}
#top-menu ul{
	text-align: center;
}
#top-menu li{
	display: inline-block;
}
#top-menu li a{
	padding: 20px;
	font-size: 20px;
	font-variant: small-caps;
	display: inline-block;
}
#top-menu li :hover{
	background-color: #0006;
}

#main i{
	font-size: 22px;
	opacity: 0.9;
	color: #dc3522;
}

#main td{
	padding: 4px;
	text-align: left;
}
.book_title{
	width: 14.2%;
	padding: 2px;
	background-color: #343434;
	color: #FFF;
	font-family: 'Rancho';
	font-size: 21px;
	border: 1px solid #353535;
}
.book_calendar{
	border: none;
	width: 14.2%;
	padding: 2px;
	margin: 0;
	background: none;
}
.book_calendar:hover{
	opacity: 0.8;
}
.book_calendar .calendar_date{
	display: block;
	width: 100%;
	background-color: #343434;
	border-radius: 2px 2px 0px 0px;
	color: #E9DD9D;
	box-shadow: inset 0px -5px 15px #0003;
}

.book_calendar .calendar_content{
	display: block;
	width: 100%;
	background-color: #fff;
	font-size: 11px;
	font-variant: small-caps;
	border-radius: 2px;
}

#date_select{
	text-align: left;
	background-color: #e6e6e6;
	border-radius: 5px;
	padding: 15px 3px;
}

.book_off{
	pointer-events: none;
	filter: brightness(60%);
	opacity: 0.4;
}

#month_select{
	font-variant: small-caps;
	color: #FFF;
	font-size: 20px;
	font-weight: 800;
	padding: 4px;
	text-align: center;
	border-radius: 2px 2px 0 0;
	background-color: #353535;
	height: 30px;
	line-height: 28px;
}

#month_select i{
	background-color: #6b6b6b;
	margin: 2px;
	height: 20px;
	padding: 2px;
	width: 20px;
	border-radius: 20px;
	cursor: pointer;
}

#month_select i:hover{
	background-color: #a6a6a6;
}

#month_select .left{
	float: left;
}

#month_select .right{
	float: right;
}

.menu_div{
	background: url(../images/icons/wood.jpg) repeat;
	height: auto;
	margin: 0px -20px;
	width: calc(100% + 40px);
	font-size: 24px;
	line-height: 50px;
	font-family: Caveat;
	float: left;
	box-shadow: inset 0px 0px 3px #fff;
}

.content{
	display: inline-block;
	color: #000;
	margin: 30px 0px;
}

.block_content{
	width: 100%;
	display: block;
	float: left;
}

.content b{
	font-size: 1.4em;
}

.short_right_div{
	width: 100%;
	float: right;
}

.long_left_div{
	 width: 100%;
	 float: left;
	text-align: justify;
 }

.right_div{
	width: 100%;
	float: right;
	text-align: center;
	color: #F9F9F9;
}

.left_div{
	width: 100%;
	float: left;
	text-align: center;
	color: #F9F9F9;
}

@media screen and (min-width: 1000px) {
	.short_right_div {
		width: 500px;
	}
	.long_left_div{
		width: calc(100% - 501px);
	}
	.right_div{
		width: 50%;
		float: right;
	}

	.left_div{
		width: 50%;
		float: left;
	}
}

.input_div {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 4px;
}

.input_div input{
	float: right;
	padding: 5px 5px;
	width: 300px;
	height: 21px;
	margin: 0;
	border-radius: 0px 4px 4px 0px;
	border: 1px solid #a2a2a2;
	overflow: hidden;
	font-size: 16px;
}

.input_div label{
	height: 23px;
	background-color: #484848;
	display: block;
	float: left;
	color: #FFF;
	margin: 0;
	padding: 5px 5px;
	width: calc(100% - 322px);
	border-radius: 3px 0px 0px 3px;
	font-size: 16px;
	box-shadow: inset -5px 0px 15px #0000001a;
	text-shadow: 0px 0px 8px #2626264d;
}