@font-face{
	font-family:"GOTHIC";
	src:url('GOTHIC.eot');
	src:url('GOTHIC.eot?#iefix') format('eot'),
	url('GOTHIC.ttf') format('truetype'),
	url('GOTHIC.woff') format('woff'),
	url('GOTHIC.svg#GOTHIC') format('svg');
}
body{
	font-family:"GOTHIC";
	font-size:14px;
	color:#000;
	margin:0;
	background-color:#FFFFFF;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#8b7655;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:93%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	background-color:#FFF;
	color:#1b3146;
	padding:3px 10px;
}
textarea{
	height:auto;
}
input[type='text'].date, input[type='text'].code{
	font-family:"GOTHIC";
	width:90px;
	text-align:center;
	color:#8b7655;
	padding:0;
	margin:8px 0;
}
input[type='text'].code{
	width:130px;
	border:none;
	border-bottom:solid 1px #8b7655;
}
select.slist{
	font-family:"GOTHIC";
	width:70px;
	height:auto;
	border:none;
	font-size:40px;
	text-align-last:center;
	color:#8b7655;
	padding:0;
	margin:8px 0;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}
h1{
	font-size:35px;
	color:#8b7655;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
}
h3{
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}
.white, .white a{
	color:#FFF;
	text-decoration:none;
}
.white a:hover{
	color:#7f6a49;
}
.brown, .brown a{
	color:#8b7655;
	text-decoration:none;
}
.brown a:hover{
	color:#FFF;
}
.gray{
	color:#888888;
}
.red{
	color:#FF0000;
}
.font12{
	font-size:12px;
}
.font16{
	font-size:16px;
}
.font20{
	font-size:20px;
}
.font24{
	font-size:24px;
}
.cover{
	width:1200px;
	margin:0 auto;
}
#slideshow{
	width:100%;
}
#top{
	width:100%;
	background-image:url(../images/template/bg-menu.png);
	position:absolute;
	z-index:99;
	top:0;
}
#logo{
	width:328px;
	height:100px;
	background-image:url(../images/template/logo.png);
	float:left;
	margin:20px;
}
#top-right, #listmenu{
	width:auto;
	float:right;
	margin:30px;
	text-align:right;
}
#listmenu{
	margin:0;
}
#search{
	width:100%;
	overflow:hidden;
}
#search1{
	display:none;
}
.auto-width{
	width:auto;
	padding:20px 15px;
	float:left;
}
.btnbook{
	font-family:"GOTHIC";
	background-color:#8b7655;
	text-transform:uppercase;
	color:#FFF;
	padding:30px 40px;
	border:none;
	cursor:pointer;
	font-size:16px;
	margin-top:10px;
}
.btnbrown{
	font-family:"GOTHIC";
	background-color:#8b7655;
	color:#FFF;
	padding:15px 25px;
	border:none;
	cursor:pointer;
	font-size:16px;
	margin-top:10px;
}
#foot{
	width:100%;
	padding:15px 0;
	background-color:#8b7655;
	margin-top:25px;
}
.row{
	width:100%;
	overflow:hidden;
}
.col3{
	width:30%;
	float:left;
	margin:1.6%;
}
hr{
	color:#FFFFFF;
}
.bgbrown{
	width:100%;
	background-color:#8b7655;
	padding:25px 0;
	overflow:hidden;
}
.getting{
	width:40%;
	float:left;
	text-align:center;
	border-right:solid 5px #FFFFFF;
	font-size:30px;
	color:#FFF;
	text-transform:uppercase;
}
.w60{
	width:55%;
	float:left;
}
.w55{
	width:50%;
	padding:0 2.5%;
	float:right;
	text-transform:uppercase;
}
.w50{
	width:50%;
	float:left;
}
.w40{
	width:40%;
	padding:2.5%;
	float:left;
}
.bggray{
	width:100%;
	background-color:#e7e7e7;
	overflow:hidden;
	margin-bottom:-28px;
}
.topic{
	font-size:24px;
	border-bottom:solid 4px #000;
	padding:5px 0;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0;
	color:#000000;
}
.gallery img{
	width:18%;
	margin:1%;
	float:left;
}
@media only screen and (max-width: 800px) {
	h1{
		font-size:28px;
	}
	.cover{
		width:95%;
	}
	#logo{
		width:170px;
		height:52px;
		background-image:url(../images/template/slogo.png);
	}
	#top-right{
		display:none;
	}
	#listmenu{
		padding-top:5px;
		margin:-90px 0 0 0;
		position: static;
		text-align:right;
		width:100%;
	}
	#search{
		display:none;
	}
	#search1{
		display:block;
		width:100%;
		text-align:center;
		background-color:#214798;
		color:#FFF;
		font-size:16px;
		padding:12px 0;
	}
	.col3, .w60{
		width:100%;
		float:none;
		margin:25px 0;
	}
	.getting{
		width:100%;
		border-right:none;
		border-bottom:solid 5px #FFFFFF;
		float:none;
	}
	.w40, .w55{
		width:90%;
		float:none;
		padding:5%;
	}
	.gallery img{
		width:47%;
		margin:1.5%;
		float:left;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	.cover{
		width:98%;
	}
	.auto-width{
		padding:20px 13px;
	}
	.gallery img{
		width:18%;
		margin:1%;
		float:left;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) {
}