@charset "utf-8";
/* CSS Document */

.content{
	position:relative;
}
.wrap{
	width:808px;
	margin:0 auto;
}
.leader_wrap{
	width:730px;
	margin:0 auto;
}
.extension {
    background-color:#75695D;
    box-shadow: 0 0 7px rgba(25, 25, 25, 0.35);
    padding: 0;
}
.clr {
    border: 0 none;
    clear: both;
    display: block;
    float: none;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.gridBlock {
    display: inline-block;
    vertical-align: top;
	width:230px;
}
#more_rest_btn {
	float:right;
	width:191px;
}
#more_rest_btn a {
	display:block;
	overflow:hidden;
	height: 0;
	width: 100%;
	padding-top:31px;
	background:url(../images/more-restaurant-btn.jpg) 0 0 no-repeat;
}
#more_rest_btn a:hover {
	background-position: top right;
}
/*========== Main TABs: control the outside tabs==============*/
ul {
    list-style:none outside none;;
    margin: 0;
    padding: 0;
}
.tab-btn1 {
	/*float:left;*/
	position:absolute;
	width: 467px;
	z-index:1;
}
.tab-btn1 a, .tab-btn1 a:visited {
	display:block;
	overflow:hidden;
	height:0;
	width: 100%;
	padding-top: 68px;
	background: url(../images/food_tag_2.png) left top no-repeat;
}
.tab-btn1 a:hover {
	background-position: left -68px;
}
.tab-btn1 a.current, .tab-btn1 a.current:hover, .tab-btn1 li.current a {
	background-position: left -136px;
}
.tab-btn2 {
	/*float:left;*/
	float:right;
	width: 436px;
	z-index:2;
}
.tab-btn2 a, .tab-btn2 a:visited {
	display:block;
	overflow:hidden;
	height:0;
	width: 100%;
	padding-top: 68px;
	background:url(../images/drinks_tag.png) left top no-repeat;
}
.tab-btn2 a:hover {
	background-position: left -68px;
}
.tab-btn2 a.current, .tab-btn2 a.current:hover, .tab-btn2 li.current a {
	background-position: left -136px;
}
#main-tag_drinkstitle{
	font-family: 'Fugaz One', cursive, "微軟正黑體";
	font-size:30px;
	color:#ffffff;
	position:absolute;
	right:138px;
	top:20px;
}
#main-tag_foodstitle{
	font-family: 'Fugaz One', cursive, "微軟正黑體";
	font-size:30px;
	color:#ffffff;
	position:absolute;
	right: 200px;
    top: 20px;
}
/*====================== content tab_1==========================*/
.content_1 {
	clear: both;
}
#accordion_drinks {
    margin: 0;
    padding: 0;
    width: 100%;
	height:803px;
	width:233px;
}
.drink{
	display:inline-block;
	vertical-align:top;
}
.contentrightSidebar {
    background-color:#ffffff;
    width:573px;
}
.panes_2{
	overflow:hidden;
}
.c1_content_1{
	padding:25px;
}
	
/*Left side bar menu*/
.c1_tab-btn1 {
	width: 234px;
}
.c1_tab-btn1 a, .c1_tab-btn1 a:visited {
	font-size:15px;
	border-bottom:thin dashed;
	display:block;
	overflow:hidden;
	height:79px;
	width: 100%;
	padding-top: 0px;
	background: #998b7c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4MSUiIHN0b3AtY29sb3I9IiM5OThiN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjI1ODRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  #998b7c 81%, #62584d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(81%,#998b7c), color-stop(100%,#62584d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #998b7c 81%,#62584d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #998b7c 81%,#62584d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #998b7c 81%,#62584d 100%); /* IE10+ */
background: linear-gradient(to right,  #998b7c 81%,#62584d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998b7c', endColorstr='#62584d',GradientType=1 ); /* IE6-8 */
cursor:pointer;
}
.c1_tab-btn1 a:hover {
	background:#322015;
}
.c1_tab-btn1 a.current, .c1_tab-btn1 a.current:hover, .c1_tab-btn1 li.current a {
	background:#322015;
	color:#ffffff;
}
#drinks_icon{
	position:absolute;
	margin:20px 0 0 10px;
}
#drinks_icon_for-big{
	position:absolute;
	margin:10px 0 0 14px;
}
#drinks_icon_for-normal{
	position:absolute;
	margin:20px 0 0 17px;
}
#drinks_icon_for-Lcoffee{
	position:absolute;
	margin:20px 0 0 0px;
}
#L-bar-drink-name{
	position:absolute;
	margin:30px 0 0 70px;
}
/*end of Left side bar menu*/

.title-red{
	font-family: 'Fugaz One', cursive;
	font-size:28px;
	color:#f74f46;
}
.desc_brown{
	color:#816948;
	font-size:12px;
	text-align:justify;
}
#dashline{
	border:thin dashed;
	border-color:#e2dcd3;
}
#restaurant a {
	height:190px;
	border:9px  solid;
	display:block;
	border-color:#3e3730;
}
#restaurant a:hover {
	border-color:#F74F46;
}
#restaurant_title{
	font-size:14px;
	color:#f74f46;
}
#restaurant_title a{
	font-size:14px;
	color:#f74f46;
}


/*====================== end of content tab 1==========================*/

/*======================content tab_2=============================*/
.content_2 {
	clear: both;
}
#accordion_drinks {
    margin: 0;
    padding: 0;
    width: 100%;
	height:803px;
	width:233px;
}
.drink{
	display:inline-block;
	vertical-align:top;
}
.contentrightSidebar {
    background-color:#ffffff;
    width:573px;
}
.panes_3{
	overflow:hidden;
}
.c2_content_1{
	padding:25px;
}
	
/*Left side bar menu*/
.c2_tab-btn1 {
	width: 234px;
}
.c2_tab-btn1 a, .c2_tab-btn1 a:visited {
	font-size:15px;
	border-bottom:thin dashed;
	display:block;
	overflow:hidden;
	height:79px;
	width: 100%;
	padding-top: 0px;
	background: #998b7c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4MSUiIHN0b3AtY29sb3I9IiM5OThiN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjI1ODRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  #998b7c 81%, #62584d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(81%,#998b7c), color-stop(100%,#62584d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #998b7c 81%,#62584d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #998b7c 81%,#62584d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #998b7c 81%,#62584d 100%); /* IE10+ */
background: linear-gradient(to right,  #998b7c 81%,#62584d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998b7c', endColorstr='#62584d',GradientType=1 ); /* IE6-8 */
cursor:pointer;
}
.c2_tab-btn1 a:hover {
	background:#322015;
}
.c2_tab-btn1 a.current, .c2_tab-btn1 a.current:hover, .c2_tab-btn1 li.current a {
	background:#322015;
	color:#ffffff;
}
#drinks_icon{
	position:absolute;
	margin:20px 0 0 10px;
}
#drinks_icon_for-big{
	position:absolute;
	margin:10px 0 0 14px;
}
#drinks_icon_for-normal{
	position:absolute;
	margin:20px 0 0 17px;
}
#drinks_icon_for-Lcoffee{
	position:absolute;
	margin:20px 0 0 0px;
}
#food-icon_for-poonchoi{
	position:absolute;
	margin:20px 0 0 5px;
}
#food-icon_for-fishball{
	position:absolute;
	margin:20px 0 0 5px;
}
#L-bar-drink-name{
	position:absolute;
	margin:30px 0 0 70px;
}
/*end of Left side bar menu*/

.title-red{
	font-family: 'Fugaz One', cursive, "微軟正黑體";
	font-size:28px;
	color:#f74f46;
}
.desc_brown{
	color:#816948;
	line-height:19px;
	font-size:13px;
	text-align:justify;
}
#dashline{
	border:thin dashed;
	border-color:#e2dcd3;
}
#restaurant a {
	height:190px;
	border:9px  solid;
	display:block;
	border-color:#3e3730;
}
#restaurant a:hover {
	border-color:#F74F46;
}
#restaurant_title{
	font-size:14px;
	color:#f74f46;
}
#restaurant_title a{
	font-size:14px;
	color:#f74f46;
}

/*====================== end of content tab 2==========================*/