﻿@charset "utf-8";
@import url("reset.css");

/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	background-image: url(../img/bg_body.gif);
	text-align:center;
}
#wrapper #content .main_content .news {
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}

a{
	color:#808080;
}
#wrapper{
	background:url(../img/bg_wrapper.gif) repeat-y;
	text-align:left;
	width:940px;
	padding:0px 18px;
	margin:0px auto;
}
.importent{
	color:#9e0001;
	font-weight:bold;
}


/* topline 頂線 */
#topline{
	font-size:1px;
	height:3px;
	background:#9e0001;
	border-bottom:solid 1px #94823e;
}
/* header 標頭 */
#header{
	background:url(../img/bg_header.jpg) no-repeat 0px 26px;
	height:238px;
	margin:0px -18px;
	position:relative;
}

#header h1{
	width:199px;
	height:208px;
	position:absolute;
	top:31px;
	left:72px;
}
#header h1 a{
	text-indent:-2000px;
	display:block;
	width:100%;
	height:100%;
}


#header_swf{
	position:absolute;
	top:26px;
	right:18px;
}


/* nav 主導覽列 */
#nav{
	float:left;
	margin:0px 0px 0px 53px;
	_margin:0px 0px 0px 25px;
	width:199px;
}
#nav li{
	line-height:36px;
}
#nav li a{
	display:block;
	text-indent:-2000px;
	width:100%;
	height:100%;
}
#nav .level1_01 a{
	background:url(../img/btn_level1_01.gif) no-repeat 25px 0px;
}
#nav .level1_02 a{
	background:url(../img/btn_level1_02.gif) no-repeat 25px 0px;
}
#nav .level1_03 a{
	background:url(../img/btn_level1_03.gif) no-repeat 25px 0px;
}
#nav .level1_04 a{
	background:url(../img/btn_level1_04.gif) no-repeat 25px 0px;
}
#nav .level1_05 a{
	background:url(../img/btn_level1_05.gif) no-repeat 25px 0px;
}
#nav .level1_06 a{
	background:url(../img/btn_level1_06.gif) no-repeat 25px 0px;
}
#nav .level1_07 a{
	background:url(../img/btn_level1_07.gif) no-repeat 25px 0px;
}
#nav .level1_08 a{
	background:url(../img/btn_level1_08.gif) no-repeat 25px 0px;
}
#nav .level1_09 a{
	background:url(../img/btn_level1_09.gif) no-repeat 25px 0px;
}
#nav .level1_10 a{
	background:url(../img/btn_level1_10.gif) no-repeat 25px 0px;
}
#nav .level1_11 a{
	background:url(../img/btn_level1_11.gif) no-repeat 25px 0px;
}
#nav .level1_01 a:hover,#nav .level1_02 a:hover,#nav .level1_03 a:hover,#nav .level1_04 a:hover,#nav .level1_05 a:hover,#nav .level1_06 a:hover,#nav .level1_07 a:hover,#nav .level1_08 a:hover,#nav .level1_09 a:hover,#nav .level1_10 a:hover,#nav .level1_11 a:hover{
	background-position:25px -36px;
}
#nav .level2{
	margin:0px 0px 10px 0px;
}
#nav .level2 li{
	line-height:2em;
	padding:0px 0px 0px 45px;
}
#nav .level2 a{
	background:url(../img/arr_level2.gif) no-repeat 0px 3px;
	text-decoration:none;
	font-size:12px;
	text-indent:0px;
	color:#503711;
	padding:0px 0px 0px 8px;
}
#nav .level2 a:hover{
	color:#9e0001;
	background:url(../img/arr_level2.gif) no-repeat 0px -13px;
	text-decoration:underline;
}


/* subnav 次導覽列 */
#subnav{
	color:#bc9a91;
	font-size:11px;
	line-height:2.1em;
	background:url(../img/bg_submenu.gif) no-repeat 0px 0px;
	height:26px;
	padding:0px 39px;
	text-align:right;
}
#subnav a{
	color:#bc9a91;
	text-decoration:none;
	margin:0px 5px;
}
#subnav a:hover{
	color:#9e0001;
}
#subnav a.sitemap{
	background:url(../img/arr_sitemap.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 22px;
}
#subnav a.sitemap:hover{
	background:url(../img/arr_sitemap.gif) no-repeat 0px -14px;
}

#subnav h1{
	display:inline;
	font-size:11px;
	color:#bc9a91; 	
}
#subnav strong{
	display:inline;
}



/* content 內容 */
#content{
}
#content .ind_main_content{
	padding:20px 26px;
	margin:0px 0px 0px 252px;
}
#content .main_content{
	padding:20px 39px;
	-padding:20px 37px;
	margin:0px 0px 0px 252px;
}
.main_content p{
	line-height:1.8em;
	margin:15px 10px 15px 10px;
}
#content h2{
	height:39px;
	padding:0px;
	border:solid 1px #fff;
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
#content h2 span{
	text-indent:-2000px;
	display:block;
	height:18px;
	width:auto;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#content .info{
	font-size:11px;
	>font-size:10px;
	line-height:2.5em;
	text-align:right;
	padding:0px 60px 5px 60px;
	color:#bc9a91;
}
.con_footer{
	clear:both;
}
.img_center{
	text-align:center;
}
.img_center img{
	margin:0px auto;
}

/* con_ind_push 首頁主廚推薦,con_ind_delicious 首頁美食推薦 */
.con_ind_push{
	width:194px;
	float:left;
	line-height:1.5em;
	margin:0px 20px 0px 0px;
}

.con_ind_member{
	width:194px;
	float:left;
	line-height:1.5em;
	margin:0px 17px 0px 0px;
}
.con_ind_delicious{
	width:194px;
	float:left;
	line-height:1.5em;
	margin:0px 17px 0px 0px;
}
.con_ind_push img,.con_ind_member img{
	border:solid 1px #eeeeee;
	margin:21px 0px 0px 0px;
}
.con_ind_push h3,.con_ind_member h3{
	background:url(../img/ptn_tit.gif) repeat-x 0px bottom;
	height:28px;
	padding:10px 0px 0px 0px;
	
}
.con_ind_push h3 span{
	height:18px;
	width:75px;
	text-indent:-2000px;
	display:block;
	background-image: url(../img/tit_push_h2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.con_ind_member h3 span{
	background:url(../img/tit_member_h2.gif) no-repeat 0px 0px;
	height:18px;
	width:75px;
	text-indent:-2000px;
	display:block;
}
.con_ind_push h4 ,.con_ind_member h4{
	font-size:13px;
	font-weight:bold;
	color:#9e0001;
	letter-spacing:1px;
	line-height:2em;
	margin:3px 0px 0px 0px;
}
.con_ind_push p ,.con_ind_member p{
	height:4.5em;
	overflow:hidden;
}
/* con_ind_delicious 首頁美食專欄 */
.con_ind_delicious{
	background:url(../img/ptn_dotline.gif) repeat-y 0px 0px;
	width:194px;
	float:left;
	line-height:1.5em;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}
.con_ind_delicious .delicious h3{
	background:url(../img/ptn_tit.gif) repeat-x 0px bottom;
	height:28px;
	padding:10px 0px 0px 0px;
	
}
.con_ind_delicious .delicious h3 span{
	background:url(../img/tit_delicious_h2.gif) no-repeat 0px 0px;
	height:18px;
	width:75px;
	text-indent:-2000px;
	display:block;
}
.con_ind_delicious .delicious h4{
	font-size:13px;
	color:#9e0001;
	background:url(../img/arr_two.gif) no-repeat 0px 5px;
	padding:0px 0px 0px 16px;
	margin:17px 0px 17px 0px;
}
.con_ind_delicious .delicious p{
	height:4.5em;
}
.con_ind_delicious .delicious a.more{
	font-size:9px;
	color:#9e0001;
	text-decoration:none;
}
.con_ind_delicious .delicious a.more:hover{
	text-decoration:underline;
}

.con_ind_delicious .news h3{
	background:url(../img/ptn_tit.gif) repeat-x 0px bottom;
	height:28px;
	padding:10px 0px 0px 0px;
	
}
.con_ind_delicious .news h3 span{
	background:url(../img/tit_push_h8.jpg) no-repeat 0px 0px;
	height:18px;
	width:75px;
	text-indent:-2000px;
	display:block;
}
.con_ind_delicious .news h4{
	font-size:13px;
	color:#9e0001;
	background:url(../img/arr_two.gif) no-repeat 0px 5px;
	padding:0px 0px 0px 16px;
	margin:17px 0px 17px 0px;
}
.con_ind_delicious .news p{
	height:4.5em;
}
.con_ind_delicious .news .more a{
	font-size:9px;
	color:#9e0001;
	text-decoration:none;
}
.con_ind_delicious .news .more{
	text-align:right;
	width:100%;
}
.con_ind_delicious .news .more a:hover{
	text-decoration:underline;
}

/* con_delicious 美食推薦 */
.con_delicious h2 span{
	background:url(../img/tit_delicious_h2.gif) no-repeat 0px 0px;
}
.con_delicious img{
	padding:5px;
	border:solid 1px #dad5d5;
}
.con_delicious p{
	line-height:1.8em;
	margin:15px 10px 15px 50px;
}
.con_delicious h3{
	font-size:13px;
	background:url(../img/bg_titblog.gif) no-repeat 10px 0px;
	color:#9f0001;
	height:47px;
	line-height:1.8em;
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 53px;
	position:relative;
}
.con_delicious h3 span{
	color:#a0a0a0;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	bottom:0px;
	right:8px;
}
.con_delicious h3 span a{
	color:#868686;
	font-weight:bold;
	text-decoration:none;
	margin:0px 10px 0px 0px;
}
.con_delicious h3 span a:hover{
	text-decoration:underline;
}
.con_delicious .more{
	color:#9f0001;
	text-align:right;
}
.con_delicious .more a{
	color:#9f0001;
}
.con_delicious .more a:hover{
	text-decoration:none;
}
.con_delicious .btn_area{
	color:#bbbbbb;
	text-align:center;
}
.con_delicious .btn_area a{
	color:#9f0001;
	text-decoration:none;
	margin:0px 5px;
}
.con_delicious .btn_area a:hover{
	text-decoration:underline;
}
/* con_activity 節慶活動 */
.con_activity a{
	text-decoration:none;
}
.con_activity a:hover{
	color:#9e0001;
}
.con_activity h2 span{
	background:url(../img/tit_activity_h2.gif) no-repeat 0px 0px;
}
.con_activity ul{
	background:url(../img/ptn_hdotline.gif) repeat-x 0px bottom;
	line-height:3em;
	margin:15px 10px;
}
.con_activity li{
	background:url(../img/ptn_hdotline.gif) repeat-x 0px 0px;
}
.con_activity span{
	font-size:11px;
	background:url(../img/arr_two.gif) no-repeat 0px 3px;	
	padding:0px 0px 0px 20px;
	margin:0px 20px 0px 0px;
}
.con_activity .banner{
	background:url(../img/bg_banner.gif) no-repeat -590px bottom;
	text-align:center;
	margin:15px 10px;
	width:590px;
	padding:0px 0px 10px 0px;
}
.con_activity .banner h3{
	font-size:1px;
	background:#fff url(../img/bg_banner.gif) no-repeat 0px 0px;
	height:10px;
}
.con_activity .banner img{
	margin:5px 0px;
}
.ill_activity {
	margin:15px 6px;
}

/* con_place 環境介紹,con_vip 會員VIP卡 */
.con_place h2 span{
	background-image: url(../img/tit_place_h100.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.con_vip h2 span{
	background:url(../img/tit_vip_h2.gif) no-repeat 0px 0px;
}
.con_place .btn_area,.con_vip .btn_area,.con_ecommerce .btn_area{
          text-align:right;
}
.con_place .btn_area a,.con_vip .btn_area a,.con_ecommerce .btn_area a{
          line-height:2em;
          color:#9e0001;
          background:url(../img/arr_two.gif) no-repeat 0px 3px;
          padding:0px 0px 0px 15px;
}
.con_place .btn_area a:hover,.con_vip .btn_area a:hover,.con_ecommerce .btn_area a:hover{
          text-decoration:none;
}


/* con_professional 料理達人 */
.con_professional h2 span{
	background-image: url(../img/tit_place_h103.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* con_member 會員獨享 */
.con_member h2 span{
	background:url(../img/tit_member_h2.gif) no-repeat 0px 0px;
}
.con_member .blk_food{
	height:218px;
}

/* con_vip 會員VIP */
.con_vip h2 span{
	background:url(../img/tit_vip_h2.gif) no-repeat 0px 0px;
}
.con_vip .ill_vip {
	float: right;
	margin:15px 10px;
}

/* con_Competition 美食排行榜 */
.con_Competition h2 span{
	background-image: url(../img/tit_place_h101.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_push 主廚推薦 */
.con_push h2 span{
	background-image: url(../img/tit_place_h102.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_GoodFood 手工港式點心 */
.con_GoodFood h2 span{
	background-image: url(../img/tit_place_h104.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_VGoodFood 手工港式點心 */
.con_VGoodFood h2 span{
	background-image: url(../img/tit_place_h1044.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_Vegetable 素食料理 */
.con_Vegetable h2 span{
	background-image: url(../img/tit_place_h114.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_information 餐飲情報 */
.con_information h2 span{
	background-image: url(../img/tit_push_h8.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_special 美食專欄 */
.con_special h2 span{
	background-image: url(../img/tit_place_h106.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_member 尊爵會員優惠區 */
.con_member h2 span{
	background-image: url(../img/tit_place_h107.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* con_make 預約訂購, */
.con_make h2 span{
	background-image: url(../img/tit_place_h108.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* 推薦美食區塊 */
.blk_food{
	width:185px;
	margin:15px 9px 5px 9px;
	-margin:15px 4px 5px 4px;
	float:left;
	height:255px;
}
.blk_food img{
	background:url(../img/bg_blkfood.gif) no-repeat 0px 0px;
	padding:10px;
	margin:0px 0px 0px 0px;
}
.blk_food h3{
	font-size:13px;
	font-weight:bold;
	color:#9e0001;
	letter-spacing:1px;
	padding:3px 10px;
	margin:3px 0px 0px 0px;

}
.blk_food p{
	line-height:1.5em;
	overflow:hidden;
	margin:5px 10px;	
}
.con_push .blk_food{
	height:255px;
}
.con_push .blk_food p{
	height:4.5em;
}

/* con_ecommerce 網購便利家廚 */
.con_ecommerce h2 span{
	background:url(../img/tit_place_h109.jpg) no-repeat 0px 0px;
}
.media {
	text-align:center;
	margin:10px auto;
}

/* copyright 版權說明 */
#copyright{
	font-size:11px;	
	line-height:1.8em;
	color:#94823e;
	height:63px;
	text-align:center;
	background:#9e0001;
	padding:10px 0px 0px 0px;
	border-top:solid 1px #94823e;
}
#copyright a{
	color:#d4b4ac;
	text-decoration:none;
	margin:0px 14px;
}
#copyright a:hover{
	color:#ecda97;
	text-decoration:underline;
}


/* SEO 強調關鍵字 */
#header #SEO_PageHeader{
	display:inline;
	color:#bc9a91;
	position:relative;
	left: 230px;
	top: -25px;
	width: 450px;
	height: 20px;
	z-index: 1;
	text-align:left;	
}
#header #SEO_PageHeader h1{
	width: 450px;
	height: 20px;
	display:inline; 
}
#header #SEO_PageHeader strong{
	display:inline;
	font-weight: normal;
}

.newss {
	color: #993300;
	text-align: left;
	line-height: 22px;
	position: relative;
}
.newss td{
	vertical-align:text-top;	
}
#wrapper #content .main_content td {
	font-size: 14px;
	color: #996600;
}
.recommend h2 span {
	background:url(../img/tit_place_h101.jpg) no-repeat 0px 0px;
}
#wrapper #content .main_content con_special table {
	font-size: 10px;
	color: #000066;
}


/*最新消息asp表格使用*/

#resnews { line-height:24px;}
#resnews { border-spacing:15px;}

#resnews a:link {
	text-decoration: none;
	color: #FF6633;
}
#resnews a:visited {
	text-decoration: none;
	color: #666666;
}
#resnews a:hover {
	text-decoration: underline;
	color: #FF0000;
}
#resnews a:active {
	text-decoration: none;
	color: #666666;
}

.ind_main_content td.icon{ 
	 	vertical-align:middle;

}
.ind_main_content td.icon img{	
	border: 0;
	width:10px;
	vertical-align:middle;

}


.ind_main_content td.date{
	width: 70px;
	font-size: 13px;
	color: #666666;
	vertical-align:middle;
}

.ind_main_content td.title{
	width: 200px;
	font-size: 13px;
	color: #666666;
	text-align: left;
}