@charset "utf-8";

/* ----------------------------------- */
/* GLOBLE SET */
/* ----------------------------------- */

*{ margin:0; padding:0; font-size:12px; font-family: Arial, sans-serif, Verdana, Tahoma; color:#333; }
html{ height:100%; overflow:-moz-scrollbars-vertical; }
body{ background:#cae2ca; height:100%; }
table { border-collapse:collapse; border-spacing:0; }
ol,ul{ list-style:none; }
img{ border:none; vertical-align:middle; }

a{ blr:expression(this.onFocus=this.blur()); text-decoration:none; color:#000; }
a:focus{ -moz-outline-style: none; }
a:hover{ text-decoration:underline; }

/* ----------------------------------- */
/* SEETING */
/* ----------------------------------- */

.flt{ float:left; }
.frt{ float:right; }
.clr{ clear:both;}
.hide{ display:none; }
.bold{ font-weight:bold; }
.red { color: #CC0000;}
.hr{ border:none; border-bottom:1px solid #aaa; clear:both; margin:10px 0px; }
.dhr{ border:none; border-bottom:1px dashed #aaa; clear:both; margin:10px 0px; }
.under{ text-decoration:underline; }
.gray{ color:#666; }
.black{ color:#fff; background:#000; }
.red { font-weight:bold; color: #c30c1e; }
.sbh { font-weight:bold; font-size:12px; }
.mbh { font-weight:bold; font-size:15px; }
.lbh { font-weight:bold; font-size:17px; }

/* ----------------------------------- */
/* TEMPLATE */
/* ----------------------------------- */

/* INDEX */
/*
.idxArea{ width:1240px; margin:0 auto; }
.idxBanner{ text-align:center; max-height:826px; }
.idxBanner #idxSlider img{ cursor:pointer; }
.idxFooter{ text-align:center; padding-top:10px; }
.idxFooter .copyright{ color:#666; font-size:14px; font-weight:bold; }
*/

/* CONTAINTER BODY */
.mnArea{ width:980px; height:100%; margin:0 auto; }

/* HEADER */
.mnHead{ width:100%; }	
	.mnBanner{ height:130px; cursor:pointer; }
	.mnhd_0{ background:url(../upimg/head_0.jpg) no-repeat left top; }
	.mnhd_1{ background:url(../upimg/head_1.jpg) no-repeat left top; }
	.mnhd_2{ background:url(../upimg/head_2.jpg) no-repeat left top; }
	.mnhd_3{ background:url(../upimg/head_3.jpg) no-repeat left top; }
	.mnhd_4{ background:url(../upimg/head_4.jpg) no-repeat left top; }
	.mnhd_5{ background:url(../upimg/head_5.jpg) no-repeat left top; }
	.mnhd_6{ background:url(../upimg/head_6.jpg) no-repeat left top; }

	.mnmenu{ background:#000; }
	.mnmenu ul{ position:relative; }
	.mnmenu ul li{ display:inline; }
	.mnmenu li a{ display:block; float:left; color:#fff; text-align:center; width:155px; /*width:163px;*/ height:26px; padding-top:12px; }
	.mnmenu li a:hover{ text-decoration:none; }
	/*.mnmenu li a.selov{ background:url(../images/menu_ov.gif) no-repeat; }*/
	/*.mnmenu li a.selou{ background:url(../images/menu_ou.gif) no-repeat; }*/
	.mnmenu li a.selov{ background:url(../images/menu2_ov.jpg) no-repeat; }
	.mnmenu li a.selou{ background:url(../images/menu2_ou.jpg) no-repeat; }
	.mnmenu li a.lang{ color:#cc0000; width: 50px; background:url(../images/menu_lang_ou.jpg) no-repeat; }

/* ----------------------------------- */
/* BANNER */
/* ----------------------------------- */

/* 首頁 */
/* 若上下頁中包含區塊，則IE8須在包含區塊的外層區塊中設立背景(透明)，避免hover找不到物件 */
.idx0_Banner{ width:100%; height:370px; margin:0 auto; }
	.idx0_Banner #bannerGallery{ position:relative; height:370px; overflow:hidden; }
	.idx0_Banner #bannerPrev{ width:150px; height:370px; background:url(../images/pager.gif) no-repeat left top; position:absolute; left:0; cursor:pointer; z-index:100; }
	.idx0_Banner #bannerNext{ width:150px; height:370px; background:url(../images/pager.gif) no-repeat left top; position:absolute; right:0; cursor:pointer; z-index:100; }
	.idx0_Banner #bannerPrev #prev{ display:none; height:370px; background:url(../images/prevlabel.gif) no-repeat left center; }
	.idx0_Banner #bannerNext #next{ display:none; height:370px; background:url(../images/nextlabel.gif) no-repeat right center; }
	.idx0_Banner #bannerPager{ position:absolute; right:20px; bottom:23px; z-index:101; display:none; }
	.idx0_Banner #bannerPager a{ display:block; width:28px; height:28px; float:right; margin:0px 4px; color:#ccc; background:url(../images/pagers_ou.png) no-repeat left top; }
	.idx0_Banner #bannerPager a.activeSlide{ display:block; width:28px; height:28px; float:right; margin:0px 4px; color:#f19601; background:url(../images/pagers_ov.png) no-repeat left top; }
	.idx0_Banner #bannerPager a:hover{ text-decoration:none; }
	.idx0_Banner #bannerBox{}


/* ----------------------------------- */
/* CONTENT */
/* ----------------------------------- */

.mnCont{ width:100%; background:#fff; margin:0px 0px; }
	
	/* 線上訂位 版面 */
	.container_1{ width:940px; padding:50px 20px; margin:0 auto; }/* 與BANNER同寬 */
	.container_1 .idx1_lt{ float:left; }
	.container_1 .idx1_lt .idx1_ltDesk{ width:240px; padding-left:60px; }
	.container_1 .idx1_rt{ float:right; }	
	.container_1 .idx1_rt .idx1_rtDesk{ width:600px; }
	.container_1 .idx1_rt .idx1_rtDesk iframe{ border:none; }
	
		/* 線上訂位 左欄區塊 */
		.idx1_ltDesk{}
	
	/* 最新消息 列表版面 */
	.container_0{ width:940px; padding:20px; margin:0 auto; }/* 與BANNER同寬 */
	.container_0 .idx0_lt{ float:left; width:620px; }/* w940-r292=l620 */
	.container_0 .idx0_rt{ float:right; width:292px; }
	
		/* 最新消息 左欄區塊 */
		.idx0_ltDesk{}
		
			/* 好康報報 標題 */
			.idx0_lt_head{ padding-bottom:10px; }
			.idx0_lt_head label{  }
			.idx0_lt_head em{ position:relative; top:-2px; }
			.idx0_lt_head em img{ width:16px; }
			
			/* 最新消息 列表 */
			.idx0_lt_cont{}
			.idx0_lt_cont .idx0_news_item{ width:600px; padding:10px; border:1px solid #aaaaaa; margin-bottom:15px; }
			.idx0_lt_cont .idx0_news_item:hover{ border:1px solid #333; }
						  .idx0_news_item .news_lt{ float:left; width:230px; }
						  .idx0_news_item .news_rt{ float:right; width:370px; }
						  				  .news_rt .news_tit{ font-size:13px; font-weight:bold; color:#C00; }
						  				  .news_rt .news_date{ font-size:11px; color:#999; padding-top:5px; }
						  				  .news_rt .news_txt{ line-height:1.6em; }
										  .news_rt .news_url{ padding:10px 0px; }
										  .news_rt .news_url a{ font-weight:bold; color:#C00; }
										  .news_rt .news_plugin{ float:right; height:20px; padding-top:15px; }
										  /* addthis 
										  .news_rt .news_plugin .addthis_button_facebook_like{ position:relative; right:-8px; }
										  .news_rt .news_plugin a.addthis_button_compact span{ font-size:11px; color:#fff; position:relative; top:1px; }
										  */
										  /* plugin */ 
										  .news_rt .news_plugin span.tt_share{ display:inline-block; }
										  .news_rt .news_plugin span.fb_share{ display:inline-block; position:relative; top:-8px; }
										  .news_rt .news_plugin span.fb_like{ display:inline-block; position:relative; right:-18px; }
										  /* facebook tools */
										  .connect_widget_button_count_count{ font-size:11px; }
										  .FBConnectButton_Text{ font-size:10px; line-height:1em; }
										  
	
			/* 最新消息 內容 */
			.idx0_lt_cont .idx0_cont_item{ width:600px; padding:10px; border:1px solid #aaaaaa; }
						  .idx0_cont_item .news_tit{ font-size:13px; font-weight:bold; color:#C00; }
						  .idx0_cont_item .news_date{ font-size:11px; color:#999; }
						  .idx0_cont_item .news_txt{ line-height:1.6em; min-height:400px; }
						  .idx0_cont_item .news_txt div{ margin-bottom:8px; }
						  .idx0_cont_item .news_plugin{ float:right; padding-right:20px; height:20px; }
						  /* addthis 
						  .idx0_cont_item .news_plugin .addthis_button_facebook_like{ position:relative; right:-8px; }
						  .idx0_cont_item .news_plugin a.addthis_button_compact span{ font-size:11px; color:#fff; position:relative; top:1px; }
						  */
						  /* plugin */
						  .idx0_cont_item .news_plugin span.tt_share{ display:inline-block; position:relative; right:-40px; }
						  .idx0_cont_item .news_plugin span.fb_share{ display:inline-block; position:relative; top:-8px; right:-30px; }
						  .idx0_cont_item .news_plugin span.fb_like{ display:inline-block; position:relative; right:-40px; }
						  						  
						  .idx0_cont_item .news_plugin span.btn_back{ display:inline-block; position:relative; top:2px; padding-left:15px; }
						  .idx0_cont_item .news_plugin span.btn_back a{ padding:1px 10px; background-color:#eee; text-decoration:none; border:1px solid #aaa;-moz-border-radius: 5px; }
						  .idx0_cont_item .news_plugin span.btn_back a{ -moz-border-radius: 5px 5px; -webkit-border-radius: 5px; }/* 順序上左下右、上右下左*/
										  
	
		/* 最新消息 右欄區塊 */
		.idx0_rtDesk{ margin-bottom:20px; }
		
			/* facebook likebox */
			.idx0_likebox{}
		
			/* QRcode */
			.idx0_QRcode{ padding:10px; border:1px solid #aaaaaa; }
			.idx0_QRcode .qrcode_lt{ float:left; width:134px; }
			.idx0_QRcode .qrcode_rt{ float:right; width:136px; padding:10px 0px; line-height:1.6em; }/* 總寬292-間距20-框線2-左寬134=剩餘空間136 */
			
	
	
	/* 關於我們 神祕訪客 版面 */
	.container_5{ width:940px; padding:20px 0px; margin:0 auto; }/* 與最新消息BANNER同寬 */
	.container_5 .idx5_lt{ float:left; width:620px; }/* w940-292=620 */
	.container_5 .idx5_rt{ float:right; width:292px; }
	
			/* 關於我們 神祕訪客 內容 */
			.idx5_lt_cont .idx5_cont_item{ width:600px; padding:10px; }
			.idx5_lt_cont .idx5_cont_item div{ margin-bottom:10px; }
						  .idx5_cont_item .news_tit{ height:40px; background:url(../images/title.gif) no-repeat left top; }
						  .idx5_cont_item .news_tit label{ display:block; width:120px; padding-top:7px; text-align:center; color:#fff; font-weight:bold; }
						  .idx5_cont_item .news_img{ text-align:center; }
						  .idx5_cont_item .news_txt{ line-height:1.6em; padding:0px 10px; }
	
	
	/* 分店資訊 版面 */
	.container_3{ width:940px; padding:20px 0px; margin:0 auto; }/* 與最新消息BANNER同寬 */
	.container_3 .idx3_lt{ float:left; width:180px; }
	.container_3 .idx3_rt{ float:right; width:700px; padding:0px 20px; border-left:1px dashed #aaaaaa; min-height:480px; }

			/* 分店資訊 縣市別 */
			.idx3_ltDesk{ border:1px solid #aaaaaa; border-top:12px solid #c20f24; }
			.idx3_ltDesk .idx3_ltCont{ padding:10px 15px; }
			.idx3_ltDesk .idx3_ltCont .idx3_item a{ text-decoration:none; display:block; padding:8px 0px 8px 28px; }
			.idx3_ltDesk .idx3_ltCont .idx3_item a.ou{ color:#666666; }
			.idx3_ltDesk .idx3_ltCont .idx3_item a.ov{ color:#c20f24; background:url(../images/icon_arror_rt.gif) no-repeat left center #f9d4c4; }													 
			.idx3_ltDesk .idx3_ltCont .idx3_sub_ov{ display:block; }
			.idx3_ltDesk .idx3_ltCont .idx3_sub_ov .select{ color:#c20f24; }
			.idx3_ltDesk .idx3_ltCont .idx3_sub_ou{ display:none; }			
			
			/* 分店資訊 店家別 */
			.idx3_rtDesk{ }
			.idx3_rtDesk .idx3_rtCont{ margin-top:15px; padding-bottom:10px; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_lt{ float:left; width:500px; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_lt .store_tit{ font-size:13px; font-weight:bold; padding-left:20px; background:url(../images/icon_squre.gif) no-repeat left center; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_lt .store_txt{ padding:10px 0px 0px 30px; line-height:1.6em; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_lt .store_txt a{ color:#0288cf; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_lt .store_map{ margin-left:30px; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_lt .store_addr{ padding:10px 0px 0px 30px; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_lt .store_tel{ padding:5px 0px 0px 30px; }
			.idx3_rtDesk .idx3_rtCont .idx3_item_rt{ float:right; text-align:center; }
	
	
	/* 看見美味 版面 */
	.container_2{ width:940px; padding:20px 0px; margin:0 auto; }/* 與最新消息BANNER同寬 */
	.container_2 .idx2_lt{ float:left; width:180px; }
	.container_2 .idx2_rt{ float:right; width:700px; padding:0px 20px; border-left:1px dashed #aaaaaa; min-height:480px; }

			/* 看見美味 菜色別 */
			.idx2_ltDesk{ border:1px solid #aaaaaa; border-top:12px solid #c20f24; }
			.idx2_ltDesk .idx2_ltCont{ padding:10px 15px; }
			/* 主類別 */
			.idx2_ltDesk .idx2_ltCont .idx2_item a{ text-decoration:none; display:block; padding:8px 0px 8px 28px; }
			.idx2_ltDesk .idx2_ltCont .idx2_item a.mou{ color:#666666; }
			.idx2_ltDesk .idx2_ltCont .idx2_item a.mov{ color:#c20f24; background:url(../images/icon_arror_rt.gif) no-repeat left center #f9d4c4; }
			/* 次類別 */			
			.idx2_ltDesk .idx2_ltCont .idx2_item .submenu{ }
			.idx2_ltDesk .idx2_ltCont .idx2_item .submenu a{ text-decoration:none; display:block; padding:4px 0px 4px 28px; }
			.idx2_ltDesk .idx2_ltCont .idx2_item .submenu a.sou{ color:#666666; }
			.idx2_ltDesk .idx2_ltCont .idx2_item .submenu a.sov{ color:#c20f24; }			
			
			/* 看見美味 價格表 */
			.idx2_rtDesk{ }
			.idx2_rtDesk .idx2_rtCont{ margin-bottom:20px; }
			.idx2_rtDesk .idx2_rtCont .tit{ background:url(../images/title.gif) no-repeat left top; height:40px; padding-left:10px; text-align:left; }
			.idx2_rtDesk .idx2_rtCont .tit label{ 
				display:inline-block; 
				min-width:133px; 
				height:33px; 
				padding:7px 10px 0px 0px; 
				color:#fff; 
				font-weight:bold; 
				background:url(../images/title_rt.gif) no-repeat right top; 
				}
			.idx2_rtDesk .idx2_rtCont .txt{ padding:0px 5px; line-height:1.6em; }
			.idx2_rtDesk .idx2_rtCont .txt .red{ font-weight:bold; color: #c30c1e; }	
			.idx2_rtDesk .idx2_rtCont .txt .sbh{ font-weight:bold; }
			.idx2_rtDesk .idx2_rtCont .txt .mbh{ font-weight:bold; font-size:15px; }
			.idx2_rtDesk .idx2_rtCont .txt .lbh{ font-weight:bold; font-size:17px; }
			.idx2_rtDesk .idx2_rtCont .pic{ }
			.idx2_rtDesk .idx2_rtCont .menu{ background:url(../images/icon_desh.gif) no-repeat left center; }
			.idx2_rtDesk .idx2_rtCont .menu span{ display:inline-block; background:#fff; }
			.idx2_rtDesk .idx2_rtCont .menu label{ }
			.idx2_rtDesk .idx2_rtCont .menu .name{ padding:0px 15px 0px 5px; }
			.idx2_rtDesk .idx2_rtCont .menu .en{ color:#666; font-size:11px; padding-right:15px; }
			.idx2_rtDesk .idx2_rtCont .menu .new{ color:#c20f24; padding-right:15px; }
			.idx2_rtDesk .idx2_rtCont .menu .price{ padding:0px 20px 0px 15px; }/* 價格 */
			
/* ----------------------------------- */
/* PAGER */
/* ----------------------------------- */

.idx_lt_pagers{ text-align:center; padding:10px 0px; }

	/* 最新消息 頁次 */
	.idx0_pager_item{}
	.idx0_pager_item a.pager{ padding:0px 3px; color:#666; }
	.idx0_pager_item a.pager:hover{ color:#333; }
	.idx0_pager_item a.prev{ }
	.idx0_pager_item a.next{ }
	.idx0_pager_item a.ou{ }
	.idx0_pager_item a.ov{ color:#C00; }

/* ----------------------------------- */
/* FOOTER */
/* ----------------------------------- */

.mnFoot{ width:100%; padding:5px 0px; background:#cdcdcd; }
.mnFoot .copyright{ padding:12px; text-align:center; color:#333; font-size:14px; }
.mnFoot .copyright a{ color:#333; }