/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'americantypewritercondensedbold', Arial; font-size: 12px; color: #4a4a4a; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #4a4a4a; }
body { background: #efefef; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #36372f; }

h1 { font-size: 28px; line-height: 28px; color: #ff823e; }
h2 { font-size: 22px; line-height: 22px; color: #4a4a4a; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 19px; letter-spacing: 0.01em; color: #4a4a4a; }

.centering { width: 1020px; margin: auto; position: relative; }
ul { list-style-type: none; }
a { text-decoration: none; }

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { margin: 0 auto; width: 100%; }

	/* header */
	#header-part { position: relative; width: 100%; background: url('../images/header_bg.png') repeat-x left top; }
	#header-part .logo { position: absolute; top: 0px; left: -10px; z-index: 9999; }
	#header-part .logo a { display: block; }
	#header-part span.shadow { position: absolute; left: 0; bottom: -6px; z-index: 999; width: 100%; height: 6px; display: block; background: url('../images/shadow.png') left top; }
	
		/* nav bar */
		.nav-bar { padding: 35px 0 0; width: auto; }
		.nav-bar a.tab { display: none; }
		.nav-bar ul { float: right; }
		.nav-bar li { float: left; margin-left: 25px; position: relative; }
		.nav-bar li a { padding-bottom: 40px; font-size: 20px; line-height: 24px; color: #ff823e; display: block; transition: all 0.3s; -webkit-transition: all 0.3s;  }
		.nav-bar li:hover a { color: #fff; }
		.nav-bar ul ul { padding: 15px 30px; box-shadow: 0px 1px 2px #000 inset; -webkit-box-shadow: 0px 1px 2px #000 inset; z-index: 9999; display: none; position: absolute; top: 100%; white-space: nowrap; left: -25px; min-width: 220px; box-sizing: border-box; -webkit-box-sizing: border-box; background: url('../images/menu_sub_bg.png') repeat left top; }
		.nav-bar li li { float: none; margin-left: 0; margin-bottom: 5px; }
		.nav-bar li li a { padding-bottom: 0; border-bottom: 1px solid transparent; display: inline-block; color: #fff; }
		.nav-bar li li a:hover { border-bottom-color: #febc97; }
		.nav-bar li:hover ul { display: block; }
	
	/* banner */
	#banner-part { width: 100%; }
		
		/* banner bar */
		.banner-bar { width: 100%; height: 460px; overflow: hidden; position: relative; }	
		.banner-bar li img { width: 100%; }
		.banner-bar .flex-direction-nav { position: absolute; top: 43%; width: 100%; z-index: 999; }
		.banner-bar .flex-direction-nav a.flex-prev, .banner-bar .flex-direction-nav a.flex-next { position: absolute; left: 0; width: 40px; height: 80px; cursor: pointer; display: block; text-indent: -99999px; background: url('../images/banner_prev.png') no-repeat left top; }
		.banner-bar .flex-direction-nav a.flex-next { left: auto; right: 0; background-image: url('../images/banner_next.png'); }
		.banner-bar .flex-direction-nav a.flex-prev:hover, .banner-bar .flex-direction-nav a.flex-next:hover { background-position: left bottom; }

	/* content */
	#content-part { width: 1020px; margin: auto; }

			/* item bar */
			.item-bar { margin: 50px 0 0px; width: auto; overflow: hidden; }
			.item-bar li { padding-bottom: 1px; float: left; margin-left: 2.1%; width: 31.9%; background: url('../images/item_border.png') repeat-x left bottom; }
			.item-bar li a { padding: 15px 15px 25px 30px; font-size: 22px; line-height: 24px; color: #fff; display: block; background: url('../images/item_bg.png') repeat-x left top; }
			.item-bar li:first-child { margin-left: 0; }
			.item-bar li a:hover, .item-bar li.active a { background: #ff823e; }

		/* left */
		#left-part { padding: 30px 30px 10px; margin-top:45px; float: left; width: 65.8%; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; }
		
			/* title bar */
			.title-bar { padding: 5px 0; width: auto; }
			.title-bar h1 { padding-bottom: 15px; }
			.title-bar p { padding-bottom: 15px;  }
			.title-bar h2 { padding-bottom: 20px; }
			.title-bar ul { padding: 0px 10px 15px;  }
			.title-bar li { padding-left: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 25px; letter-spacing: 0.01em; color: #4a4a4a; background: url('../images/title_arrow.png') no-repeat left 3px; }
			.title-bar a { padding: 10px 30px 16px 25px; margin: 10px 0 0; font-size: 22px; line-height: 24px; color: #fff; display: inline-block; background: #fe9d68 url('../images/title_btn_arrow.png') repeat-x left top; }
			.title-bar a span { padding-right: 5px; display: inline-block; }
			.title-bar a:hover { background: #fc8544; }
			
			/* list bar */
			.list-bar { padding: 30px 0 0; width: auto; }
			.list-bar li { width: auto; margin-bottom: 40px; overflow: hidden; }
			.list-bar .left { width: 50.8%; float: left; }
			.list-bar .right { width: 43.5%; float: right; }
			.list-bar h2 { padding-bottom: 20px; color: #6a6a6a; line-height: 15px; }
			.list-bar p { color: #6a6a6a; }
			.list-bar .left1 { float: left; }
			.list-bar .right1 { float: right; }
		
		/* right part */
		#right-part { float: right; width: 31.8%; margin-top:45px; }
		
			/* reserve bar */
			.reserve-bar { padding: 25px 15%; width: auto; min-height: 163px; background: url('../images/reserve_bg.png') repeat-x left top; }
			.reserve-bar .date { width: auto; overflow: hidden; margin-bottom: 33px;  }
			.reserve-bar .date a { float: left; margin: 0 30px 0 10px; }
			.reserve-bar .date span { padding-top: 5px; font-size: 28px; line-height: 26px; color: #fff; display: inline-block; float: left; }
			.reserve-bar a.btn { padding: 5px 5px 10px; font-size: 21px; line-height: 26px; color: #fff; border: 2px solid #fff; display: block; text-align: center; transition: all 0.6s; }
			.reserve-bar a.btn:hover { color: #4b4b4b; background-color: #fff; }
			
			/* link bar */
			.link-bar { margin: 20px 0; width: auto; background-color: #fff; }
			.link-bar h3 {  padding: 10px 30px 16px 25px; font-size: 22px; line-height: 24px; color: #fff; background: #fe9d68 url('../images/title_btn_arrow.png') repeat-x left top; }
			.link-bar ul { padding: 10px 0 5px; }
			.link-bar li { border-top: 1px solid #606060; }
			.link-bar li:first-child { border-top: none; }
			.link-bar li a { padding: 5px 30px 10px 25px; font-size: 18px; line-height: 24px; color: #646464; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; }
			.link-bar li a span { padding-right: 5px; display: inline-block; }
			.link-bar li a:hover, .link-bar li.active a { color: #ff823e; }
			
			/* custom bar */
			.custom-bar { padding-bottom: 25px; margin: 20px 0; width: auto; background-color: #fff; }
			.custom-bar h3 {  padding: 10px 30px 16px 25px; font-size: 22px; line-height: 24px; color: #fff; background: #fe9d68 url('../images/title_btn_arrow.png') repeat-x left top; }
			.custom-bar .content { padding: 25px 30px 20px; width: auto; }
			.custom-bar p { padding-bottom: 25px; }
			.custom-bar img { margin-bottom: 25px; } 
			.custom-bar h2 { padding-bottom: 20px; color: #6a6a6a; }
			.custom-bar li { float: left; margin-left: 15px; }
			.custom-bar li:first-child { margin-left: 0; }
			.custom-bar li a { display: block;  }
			.custom-bar li a img { margin-bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; }
			.custom-bar li a:hover img { opacity: 0.7; }
			
	/* footer part */
	#footer-part { overflow: hidden; width: 100%; margin-top: 60px; }
		
		/* footer bar */
		.footer-bar { padding: 40px 0 35px; overflow: hidden; width: auto; background: url('../images/footer_bg.png') repeat left top;   }
		.footer-bar .left, .footer-bar .center, .footer-bar .right { box-sizing: border-box; -webkit-box-sizing: border-box; width: 25.5%; float: left; overflow: hidden; }
		.footer-bar  a { transition: all 0.3s; -webkit-transition: all 0.3s; }
		.footer-bar h3 { padding-bottom: 30px; font-size: 22px; line-height: 24px; color: #fff; }
		.footer-bar .left ul { margin-top: -10px; } 
		.footer-bar .left li { margin-bottom: 15px; } 
		.footer-bar .left li a { font-size: 18px; line-height: 24px; color: #ff823e; display: inline-block; border-bottom: 2px solid transparent;  }
		.footer-bar .left li a span { padding-right: 5px; display: inline-block; }
		.footer-bar .left li a:hover { color: #fff; border-bottom-color: #7a7a7a; }
		.footer-bar .center { width: 36.3%; }
		.footer-bar .center ul { margin-left: -5%; }
		.footer-bar .center li { float: left; margin: 0 0 5% 5%; }
		.footer-bar .right { width: 38%; }
		.footer-bar .right address { font-size: 18px; line-height: 24px; color: #ff823e; font-style: normal; float: left; width: 53%; }
		.footer-bar .right .addres ul { width: 175px; float: left; }
		.footer-bar .right .addres li { font-size: 18px; line-height: 24px; color: #ff823e; overflow: hidden; }
		.footer-bar .right .addres li span { width: 35px; float: left; display: inline-block; }
		.footer-bar .right .addres li a { color: #ff823e; display: block; }
		.footer-bar .right .addres li a:hover { color: #fff; }
		.footer-bar .addres { width: auto; overflow: hidden; margin-top: -10px; }
		.footer-bar .logo { padding: 40px 0; width: auto; }
		.footer-bar .logo a { display: inline-block; margin-right: 20px; }
		


	@media only screen and (max-width: 1019px) {
		
		img { max-width: 100% }
		.centering, #content-part { padding: 0 20px; width: auto; }
		
		#header-part .logo { left: 10px; }
		.banner-bar { height: auto; }
		.reserve-bar { padding: 25px; }
		.footer-bar .right address { width: 49%; }
		.custom-bar li { margin-left: 5%; }
		
	}
	

	@media only screen and (max-width: 959px) {
	
		#header-part .logo { width: 160px; }
		
		.nav-bar li a { padding-bottom: 20px; font-size: 17px; }
		.nav-bar li { margin-left: 15px; }
		.nav-bar ul ul { min-width: 180px; }
		
		.item-bar { margin: 30px 0; }
		
		.item-bar li { padding-bottom: 5px; }
		.item-bar li a { padding: 15px 15px 15px 30px; }
		
		#left-part { padding: 20px 20px 10px; }
		
		.reserve-bar { padding: 25px 15px; }
		.reserve-bar .date a { margin: 0 10px; }
		.reserve-bar .date span { font-size: 22px; }
		.reserve-bar a.btn { font-size: 19px; }
		.custom-bar .content { padding: 25px 20px 20px; }
		.custom-bar h3 { padding-left: 20px; }
		.link-bar h3 { padding-left: 20px; }
		.link-bar li a { padding-left: 20px; }
		.custom-bar li { margin-left: 1%; }
		#footer-part { margin-top: 30px; }
		.footer-bar .center li { width: 41%; }
		
		.footer-bar .left li a, .footer-bar .right address, .footer-bar .right .addres li { font-size: 16px; }
		
		.footer-bar .center { width: 26.3%; }
		.footer-bar .right { width: 48%; }
		
		.footer-bar .left li { margin-bottom: 10px; }
		.footer-bar { padding-bottom: 10px; }
	
	
	}


	@media only screen and (max-width: 767px) {
	
			
		.centering, #content-part { padding: 0 10px; width: auto; }	
		
		#header-part { background: url('../images/footer_bg.png') repeat left top; }
		#header-part .logo { position: static; margin: auto; }
		
		.nav-bar a.tab { padding: 7px 7px 3px; border: 1px solid #ff823e; display: block; background-color: #fff; }
		.nav-bar a.tab span { width: 30px; margin-bottom: 4px; height: 4px; display: block; background-color: #ff823e; }
		.nav-bar ul { border: 1px solid #ff823e; border-top: none; float: none; display: none; }
		.nav-bar li { float: none; margin: 0; }
		.nav-bar li a { padding: 0 0 0 7px; font-size: 20px; line-height: 30px; }
		.nav-bar ul ul { padding: 10px 20px; display: none; position: static; box-shadow: none; }
		.nav-bar { padding: 20px 0; }

		.banner-bar .flex-direction-nav { display: none; }
		
		.item-bar ul { text-align: center; }
		.item-bar li { float: none; margin: 0 5px 10px; width: 280px; display: inline-block; }
		.item-bar li:first-child { margin: 0 5px 10px; }
		.item-bar li a { text-align: left; }
		.item-bar { margin: 20px 0; }
		.list-bar .left, .list-bar .right { margin-bottom: 20px; }
		.list-bar li { margin-bottom: 0; }
		.custom-bar { padding-bottom: 0; }
		
		#left-part { margin-bottom: 20px; }
		#left-part, #right-part { width: 100%; float: none; }
		.list-bar .left, .list-bar .right { float: none; width: auto; }
		
		.custom-bar li { margin-left: 10px; }
	
		.footer-bar { padding: 20px 0; }
		.footer-bar .logo { padding: 10px 0; }
		.footer-bar .right address { width: 170px; margin-bottom: 10px; }
		.footer-bar .left li a, .footer-bar .right address, .footer-bar .right .addres li { font-size: 18px; }
		.footer-bar .left, .footer-bar .center, .footer-bar .right { float: none; width: 100%; margin-bottom: 10px; }
		.footer-bar .center ul { margin-left: -10px }
		.footer-bar .center li { margin: 0 0 10px 10px; width: 135px; }
		
	
	}

	@media only screen and (min-width: 768px) {
		
		.nav-bar ul { display: block !important; }
		.nav-bar li:hover ul { display: block!important;  }
		.nav-bar ul ul { display: none!important; }
	
	}	
			
@font-face {
font-family: 'americantypewritercondensedbold';
src: url('../fonts/americantypewritercondensedbold.eot');
src: url('../fonts/americantypewritercondensedbold.eot') format('embedded-opentype'),
	 url('../fonts/americantypewritercondensedbold.woff2') format('woff2'),
	 url('../fonts/americantypewritercondensedbold.woff') format('woff'),
	 url('../fonts/americantypewritercondensedbold.ttf') format('truetype'),
	 url('../fonts/americantypewritercondensedbold.svg#americantypewritercondensedbold') format('svg');

font-style: normal;
font-weight: normal;

}