@charset "utf-8";
@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Raleway);
@font-face {
  font-family: myHelveticaLight;
  src: local("Helvetica Neue Light"),
       local("HelveticaNeue-Light"),
       url(font/HelveticaNeueCE55Roman.ttf);
}
/* CSS Document */
.clear{clear:both}
.clearfix:before, .clearfix:after {content: "";display:table}
.clearfix:after {clear:both}
.clearfix {zoom:1}
.underline {text-decoration: underline}


.left {
	float: left;	
}
.right {
	float: right;	
}


body {
	background:  #000 url('../images/bg_top.gif') no-repeat center top;
	font-family: 'myHelveticaRoman;', 'Arial', sans-serif, "微軟正黑體","Microsoft JhengHei";
}
#header, #copyright, #main {
	width: 1000px;
	margin: 0 auto;
}
#wrapper {
	width: 100%;
	background:  url('../images/bg_bottom.gif') no-repeat center bottom;
}
#store #wrapper, #index #wrapper {
	background: none;
}
/*HEADER*/
#header {
	padding: 20px;
	height: 120px;
	position: relative;

}

#header h1 {
	width: 192px;
	height: 105px;
	position: absolute;
	top: 20px;
}
#header #nav {	
	height: 50px;
	background:  url('../images/nav_bg.png') no-repeat center 0;
	position: absolute;
	right: 0;
	top: 10px;
	width: 470px;
	
}
#header #nav ul {
	padding: 0 0 0 40px;
}
#nav ul li {
	display: block;
	float: left;
}
#nav > ul {}
#nav > ul > li {
	padding: 0 20px;
	line-height: 50px;
	position: relative;
	color: #ccc;
}
#nav > ul > li > a {
	color: #fff;
	font-size: 15px;
	display: block;
	text-decoration: none;
}
#nav > ul > li > a:hover {
	color: #c1a863;
}
#nav > ul > li.here1 > a {
	color: #e7d192;
}
#nav  ul li.here2 a {
	color: #c1a863;
}
#dishes #nav > ul > li > ul#dishNav , #drinks #nav > ul > li > ul#dishNav , #store #nav > ul > li > ul#storeNav {
	display: block;
}
#nav > ul > li > ul {
	display: none;
/*	display: block;*/
	width: 630px;
	position: absolute;
	top: 50px;
	z-index: 999;
	background: #000;
	height: 30px;
	line-height: 30px;
	background: url('../images/nav_bg2.png') right no-repeat;
/*	border: 1px solid #fff;*/
}
#nav > ul > li > ul#dishNav {
	/*right: -100px;
	width: 460px;*/
	right: -155px;
	padding: 0 0 0 150px;
}
#about #nav > ul > li > ul#dishNav {
	right: -160px;
	padding: 0 0 0 150px;
}
#nav > ul > li > ul#storeNav {
/*	left: -150px;
	width: 300px;
	background: #000;
	padding: 0 60px 0 60px;*/
	right: -250px;
	padding: 0 0 0 230px;
	width: 420px;
}
#nav > ul > li > ul > li:last-child {
	border-right:0;
}
#nav > ul > li > ul > li {
	float: left;
	line-height: 30px;
	font-size: 13px;
	text-align: center;
	border-right: 1px solid #333;
}
#nav > ul > li > ul > li a {
	color: #888;
	display: block;
	padding: 0 20px;
	text-decoration: none;
}
#nav > ul > li > ul > li a:hover {
	color: #c1a863;	
}
#nav ul li span {
	color: #695724;
	padding: 0 5px;
}


/*#store #header {
	width: 100%;
}*/
#store h1, #index h1  {
	position: absolute;
	left: 30px;
	top: 30px;
}
#store #nav, #index #nav {
	width: 630px;
	height: 50px;	
	position: absolute;
	right:0;
	top: 16px;
}
#store #nav ul, #index #nav ul {
	float: right;
	position: absolute;
	right: 0;
}
#store #storeNavB, 
#dishes #dishNavB, #drinks #dishNavB  {
	position: absolute;
	background: #000;
	z-index: 999;
}
#storeNavB  {
	top: 66px;
	right: 128px;
	width: 240px;
}
#dishNavB {
	top: 60px;
	left: 435px;
}
#storeNavB li,
#dishNavB li {
	float: left;
	font-size: 13px;
	text-align: center;
	border-right: 1px solid #333;	
}
#storeNavB li:last-child,
#dishNavB li:last-child {
	border-right:0;
}
#storeNavB li a,
#dishNavB li a  {
	color: #888;
	display: block;
	padding: 0 20px;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	
}
#storeNavB li a:hover,
#dishNavB li a:hover {
	color: #c1a863;	
}
#dishNavB li span {
	color: #695724;
	padding: 0 5px;
}
#storeNavB li.here3 a, #dishNavB li.here3 a  {
	color:#c1a863;
}
#storeNavBlock {
	height: 100px;
	width: 600px;
	float: right;
	background:  url('../images/nav_bg.png') no-repeat right 16px;
}
#indexNavBlock {
	height: 100px;
	width: 630px;
	float: right;
	background:  url('../images/nav_bg3.png') no-repeat right 16px;
}


/*CONTENT*/
#main {
	padding: 20px 0 200px 0;
	/*border: 1px solid #333;*/
}
#main p {
	color: #fff;
	font-size: 13px;
	line-height: 26px;
}
.goldNote {
	color: #8b6618;
}

/*FOOTER*/
#footer {
	color: #695724;
	font-size: 12px;
	font-family: 'Raleway', 'Arial', sans-serif, "微軟正黑體","Microsoft JhengHei";
	text-shadow: 0px 0px 8px #000, 0px 0px 8px #000, 0px 0px 8px #000;
}
#copyright {
	text-align: right;
}
#store #copyright, #index #copyright {
	position: absolute;
	right: 20px;
	bottom: 8px;
	color: #695724;
	z-index: 999;
}

/*DISHES*/

.dishesBlock {
	width: 480px;
	height: 280px;
	background: url('../images/dishes_bg.gif') no-repeat left top;
	padding: 10px;
}
.dishCate {
	width: 400px;
	height: 30px;
	display: block;
}
.dishCateL {
	background: url('../images/dish_titleL.jpg') left no-repeat;
}
.dishCateR {
	background: url('../images/dish_titleR.jpg') left no-repeat;
}
.dishCate h2 {
	font-size: 20px;
	color: #000;
	padding: 0 20px;
	line-height: 30px;
	text-shadow: 0px 0px 5px #fff3db;
}
.dishCate h2 span {
	font-size: 16px;
	padding: 0 6px;
}
.dishMenu {
	width: 400px;
	padding: 20px;
}
#drinks .dishMenu {
	width: 460px;
}
.dishMenu ul {
	float: left;
	padding: 0 14px 0 0;

}
.dishMenu ul:last-child {
	padding: 0;
	text-align: right;
}
.dishMenu ul li {
	font-size: 13px ;
	font-family: 'Raleway', 'Arial', sans-serif, "微軟正黑體","Microsoft JhengHei";
	color: #fff;
	line-height: 30px;
}
.singleDish {
	padding: 0 30px 50px 30px;
	clear: both;
	/*background: red;*/
}
#drinks .singleDish {
	padding: 0;
}
.dishMenu ul li span {
	color: #999;
	font-size: 12px;
}
.rightBlock {
	width: 240px;
}


/*STORE*/

.articleBlock {
	position: absolute;
	top: 22%;
	left: 8%;
	color: #fff;
	text-shadow: 0px 0px 8px #000, 0px 0px 8px #000, 0px 0px 8px #000;
	width: 600px;
	text-align: justify;
}


/*INDEX*/
#bottom {
	height: 90px;
	width: 100%;
	background: url('../images/bottom.jpg') no-repeat center top #000;
	position: absolute;
	bottom: 0;
	z-index: 998;
}
#storeBlock {
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}
#storeBlock > ul {
	padding: 5px 0 0 0px;

}
#storeBlock > ul > li {
	float: left;
	padding: 0 50px 0 0;
	color: #7e7661;
}
#storeBlock > ul > li a {
	text-decoration: none;
	display: block;
	padding: 4px;
}
#storeBlock > ul > li.store-nav-2 a:hover{
	background: #1d1c18;
	color: #c5b999;
}
#storeBlock > ul > li.store-nav-3 a:hover{
	color: #c5b999;
}

/*隱藏子選單*/
#storeBlock  ul  li  ol  li  { display:none;}
/* 滑鼠滑入顯示子選單 */
#storeBlock ul li:hover li#store3-nav ,#storeBlock ul li li#store3-nav a{display: block;}
#storeBlock > ul > li > ol > li#store3-nav a{
	display: block;
	width: 152px;
	height: 50px;
	background-image: url(../images/store3-nav-bg.png);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	position:absolute;
	bottom: 60px;
	right: 220px;
}
#storeBlock > ul > li > ol > li#store3-nav a:hover{
	background-image: url(../images/store3-nav-bg2.png);
	background-repeat: no-repeat;
	color: #c5b999;
}
#storeBlock h3 {
	font-size: 14px;
	font-weight: normal;
	color: #b1a175;
}
#storeBlock h3 a {
	color: #b1a175;
}
#storeBlock p {
	font-size: 13px;
	line-height: 20px;
}
#storeBlock a {
	color: #7e7661;
	
}
/*contact*/
.mapInfo {
	padding: 10px 0 50px 60px;
}
#contact h3 {
	font-size: 18px;
	color: #000;

	line-height: 32px;
	text-shadow: 0px 0px 5px #fff3db;
	margin: 0 0 10px 0;
	width: 300px;
}
#contact .info {
	float: left;
	padding: 0 0 0 20px;
	height: 300px;
	background: url('../images/dish_titleL.jpg') left top no-repeat;
}
#contact iframe {
	float: left;
	padding: 10px;
	background: url('../images/map_bg.png') left top no-repeat;
}
.info ul {
	display: block;
	width: 300px;
	height: 30px;
	margin: 10px 0;
}
.info ul li {
	color: #fff;
	font-size: 13px;
	float: left;
	line-height: 30px;
	
}
.info ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 10px;
}
.info ul li a:hover {
	background: #0b366a;
}
.info ul li.fb {
	padding: 0;
}


/*ABOUT*/
.aboutBlack {
	
	width: 900px;
	
}
.aboutBlack .fade {
	display: block;
	border: 1px solid #a08334;
	width: 400px;
	height: 187px;
	display: block;
}
.aboutBlack img {
	width: 400px;
}
.aboutbg1 {
	background: url('../images/about_bg1.gif') no-repeat left top;
	padding: 27px;
}
.aboutbg2 {
	background: url('../images/about_bg2.gif') no-repeat left top;
	padding: 20px;
}
.aboutBlack .aboutArticle {
	float: left;
	padding: 0 30px;
	text-shadow: 0px 0px 2px #000, 0px 0px 8px #000, 0px 0px 8px #000;
	width: 420px;
}
.aboutBlack h2 {
	color: #e7d192;
	font-weight: normal;

}
.aboutBlack h3 {
	color: #c1a863;
	font-weight: normal;
	font-size: 13px;

}