﻿html {FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}

#master_container {
position: relative; margin: 0 auto; width: 980px; text-align: left;
}

#TabMenu { FONT-SIZE: 10pt; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal;BORDER-BOTTOM: #F87C1F 1px solid}
#TabMenu UL { PADDING-RIGHT: 10px; PADDING-LEFT:10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none }
#TabMenu LI { PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
#TabMenu A.li { PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(../img/tableftC.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none }
#TabMenu A SPAN { PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(../img/tabrightC.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 5px }
#TabMenu A:hover SPAN { CURSOR: pointer; COLOR: black ;BACKGROUND-POSITION: 100% -42px;}
#TabMenu A:hover { BACKGROUND-POSITION: 0% -42px }
#TabMenu LI#current SPAN { FONT-WEIGHT: bold; COLOR:black}
#TabMenu .login { PADDING-RIGHT: 10px; PADDING-LEFT: 4px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none }

.mainrightad {
	margin-bottom:5px;
}
.mainrightad img{
	border:1px solid #959595;
}

#banner_food_right {
	margin-bottom:10px;
}

#banner_food_left,#banner_food_res_left {
	margin-top:10px;
}

A:link { COLOR: #003399; TEXT-DECORATION: none ;}
A:active { TEXT-DECORATION: underline;color: #0072bc;}
A:visited { COLOR: #0072bc; TEXT-DECORATION: none ;}
A:hover { COLOR: #FF6600; TEXT-DECORATION: underline ;}

A.stylemore:link { COLOR: #ff6600; font-weight: bold ;TEXT-DECORATION: none ;}
A.stylemore:active { TEXT-DECORATION:underline;font-weight: bold ; color: #ff6600;}
A.stylemore:visited { COLOR: #ff6600;font-weight: bold ; TEXT-DECORATION: none ;}
A.stylemore:hover { COLOR:#ff6600;font-weight: bold ; TEXT-DECORATION: underline ;}

A.styleWh:link { COLOR: #ffffff; TEXT-DECORATION: none ;}
A.styleWh:active { TEXT-DECORATION: none ;color: #ffffff ;}
A.styleWh:visited { COLOR: #ffffff; TEXT-DECORATION: none ;}
A.styleWh:hover { COLOR: #ffffff; TEXT-DECORATION: underline ;}

A.t10org:link { COLOR: #ff6600; TEXT-DECORATION: none ;}
A.t10org:active { TEXT-DECORATION: none ;color: #ff6600 ;}
A.t10org:visited { COLOR: #ff6600; TEXT-DECORATION: none ;}
A.t10org:hover { COLOR: #ff6600; TEXT-DECORATION: underline ;}

.t7 {	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 7pt}
.t8 {	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt; line-height: 10pt}
.t8org
{
	font-size: 8pt;
	line-height: 12pt;
	color: #ff6600;
}
.t9 {FONT-SIZE: 9pt; line-height: 12pt}
.t9red {FONT-SIZE: 9pt; line-height: 10pt ;color: #ff0000;}
.t9gray {FONT-SIZE: 9pt;	color: #333333;}
.t9green {FONT-SIZE: 9pt;	color: #66ff00;}
.t12 {FONT-SIZE: 12pt; line-height: 15pt}
.t12R
{
	font-size: 12pt;
	line-height: 15pt;
	color: #b50c13;
	font-weight: bold;
}
.t121R {
	FONT-SIZE: 12pt;
	line-height: 15pt;
	color: #ff0000;
	font-weight: bold;
}
.t121green {
	FONT-SIZE: 12pt;
	line-height: 15pt;
	color: #339900;	
}
.t12RB {
	FONT-SIZE: 12pt;
	line-height: 15pt;
	color: #ff0000;
	font-weight: bold;
}
.t12pink {
	FONT-SIZE: 12pt;
	line-height: 15pt;
	color: #ff0066;
	font-weight: bold;
}
.t12purp {
	FONT-SIZE: 12pt;
	line-height: 15pt;
	color: #cc0099;
	font-weight: bold;
}
.t12org
{
	font-size: 12pt;
	color: #ff3300;
}
.t13RB
{
	font-size: 13pt;
	line-height: 15pt;
	color: #ff0000;
	font-weight: bold;
}
.t15RB {
	FONT-SIZE: 16pt;
	line-height: 15pt;
	color: #ff0000;
	font-weight: bold;
}
.t10 {
	font-size: 10pt;line-height: 13pt;
		color: #009900;}
.t10Gray {
	font-size: 10pt;
	line-height: 15pt;
	color: #333333;}
.t10Gray2 {
	font-size: 10pt; color: #5A5A5A;}
.t10Graylight {
	font-size: 10pt; color: #CECECE;}
	
.t10Blue {
	font-size: 10pt;
	line-height: 15pt;
	color: #0072bc;}
.t10Blue2 {
	font-size: 10pt;
	line-height: 15pt;
	color: #3399ff;}

.t10org
{
	font-size: 10pt;
	line-height: 15pt;
	color: #ff6600;
}

.t10orgd {
	font-size: 10pt;
	line-height: 15pt;
	color: #cc6600;}
		
.t10B {
	font-size: 10pt;
	line-height: 13pt;
	color: #000000;}
.t10R {	font-size: 10pt;	line-height: 15pt;	color: #FF0000;}
.t10pink {font-size: 10pt;	line-height: 15pt;	color: #FF0066;}
.t10purp {font-size: 10pt;	line-height: 15pt;	color: #cc0099;}
.t10purp2 {font-size: 10pt;	line-height: 15pt;	color: #660066;}
.t10white {font-size: 10pt;	line-height: 15pt;		color: #ffffff;}
.t10whitenoline {font-size: 10pt;		color: #ffffff;}
.t10line {
	font-size: 10pt;
	line-height: 12pt;
	color: #339900;
	text-decoration: line-through;}
.t10lineG {
	font-size: 10pt;
	line-height: 12pt;
	color: #cccccc;
	text-decoration: line-through;}	
	
.t103 {
	font-size: 10pt;line-height: 15pt;	color: #009900;}
.t102 {font-size: 9pt; line-height: 13pt}
.t11 {font-size: 11pt; line-height: 17pt ;	color:#0072bc}
.t11B {font-size: 11pt; line-height: 17pt ;	color:#0072bc; font-weight: bold}
.t14B {font-size: 14pt; line-height: 17pt ;	color:#0072bc; font-weight: bold}
.t13 {FONT-SIZE: 13pt}
.t14 {FONT-SIZE: 14pt}
.t14org {FONT-SIZE: 14pt ; color: #ff3300}

.line { line-height: 11pt; FONT-SIZE: 10pt}

.noline {  text-decoration: none; font-size: 10pt}

.tt10 {font-size: 10pt; line-height: 17pt}
.t110 {font-size: 10pt; line-height: 17pt}

.tableline {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9933;
}
.tablelineGrey {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
}


 LABEL.tagClass {
	    FONT-SIZE: 12px; CURSOR: pointer; COLOR: #004ea6; MARGIN-RIGHT: 5px
}

.f10 {font-size: 10pt; line-height: 15pt;}
.f11 {font-size: 11pt;}

#block_g_top {
	width:542px;
	height:10px;
	line-height:10px;
	background-image:url(http://food.suiis.com/img/border_g_top.gif);
	background-repeat:no-repeat;
	margin-bottom:0px;
}
#block_g_mar {
	width:542px;
	height:auto;
	background-image:url(http://food.suiis.com/img/border_g_mar.gif);
	background-repeat:repeat-y;
	padding:5 10 5 10px;
	font-size: 10pt;
	line-height:15pt;
	color:#000000;
}
#block_drodro {
	float:right;
	width:68px;
	height:78px;
	margin:-40 10 0 0px;
	position:relative;
	background-image:url(http://food.suiis.com/img/drodro.gif);
	background-repeat:no-repeat
}
#block_g_bottom {
	width:542px;
	height:10px;
	background-image:url(http://food.suiis.com/img/border_g_bottom.gif);
	background-repeat:no-repeat;
	margin-top:0px;
}

#block_g_top_s {
	width:542px;
	height:10px;
	line-height:10px;
	background-image:url(http://food.suiis.com/img/border_g_top_s.gif);
	background-repeat:no-repeat;
	margin-bottom:0px;
}
#block_g_mar_s {
	width:542px;
	height:auto;
	background-image:url(http://food.suiis.com/img/border_g_mar_s.gif);
	background-repeat:repeat-y;
	padding:5 0 5 5px;
	font-size: 10pt;
	line-height:15pt;
	color:#000000;
}
#block_g_bottom_s {
	width:542px;
	height:10px;
	background-image:url(http://food.suiis.com/img/border_g_bottom_s.gif);
	background-repeat:no-repeat;
	margin-top:0px;
}
.menu_att {
padding: 2px;
margin:2px;}
.att_vegan {background-color: #99FF66;}
.att_egg{background-color: #FFFF99;}
.att_milk{background-color: #FFFFFF;}


/* ADD BY OSCAR 2010/07/26 提供表格格線專用 CSS */
/* 框：上、右、下、左 */
.YYYY     {
           border:            1px solid #000000;
          }

.XYYY     {
           border-right:      1px solid #000000;
           border-bottom:     1px solid #000000;
           border-left:       1px solid #000000;
           }
.YXYY     {
           border-top:        1px solid #000000;
           border-bottom:     1px solid #000000;
           border-left:       1px solid #000000;
           }
.YYXY     {
           border-top:        1px solid #000000;
           border-right:      1px solid #000000;
           border-left:       1px solid #000000;
           }
.YYYX     {
           border-top:        1px solid #000000;
           border-right:      1px solid #000000;
           border-bottom:     1px solid #000000;
           }
.XXYY     {
           border-bottom:     1px solid #000000;
           border-left:       1px solid #000000;
           }
.XYXY     {
           border-right:      1px solid #000000;
           border-left:       1px solid #000000;
           }
.XYYX     {
           border-right:      1px solid #000000;
           border-bottom:     1px solid #000000;
           }
.YXXY     {
           border-top:        1px solid #000000;
           border-left:       1px solid #000000;
           }
.YXYX     {
           border-top:        1px solid #000000;
           border-bottom:     1px solid #000000;
           }
.YYXX     {
           border-top:        1px solid #000000;
           border-right:      1px solid #000000;
           }
.XXXY     {
           border-left:       1px solid #000000;
           }
.XXYX     {
           border-bottom:     1px solid #000000;
           }
.XYXX     {
           border-right:      1px solid #000000;
           }
.YXXX     {
           border-top:        1px solid #000000;
           }

/* 框顏色 */
.BD       {border-color:#000000;}       /* 黑 */
.BF       {border-color:#FFFFFF;}       /* 白 */
.BR       {border-color:#CC0000;}       /* 紅 */
.BN       {border-color:#0033CC;}       /* 藍 */
.BG       {border-color:#008800;}       /* 綠 */
.BH       {border-color:#cccccc;}       /* 灰 */
.BO       {border-color:#F8B861;}       /* 橘 */
.BK       {border-color:#DAA520;}       /* 黃 */
.smallwin{
margin-bottom: 8px; WIDTH: 194px;text-align:left
}
.smallwin_top{
background:url(/img/070613_t3a.gif);
width:194px;height:10px
}
.smallwin_bg{
width: 100%; background: url(/img/070613_t3bgs.gif)
}
.smallwin_content{
width:180px;margin-left: auto; margin-right: auto;
}
.smallwin_title{
margin-top:5px;padding-top:3px; float:left;background: url(/img/070613_t4bgs.gif) repeat-x; width:120px;height:21px;
}
.smallwin_title_r{
margin-top:5px;float:left;background: url(/img/070613_t4b.gif);width:8px;height:21px
}
.smallwin_bottom{
background:url(/img/070613_t3b.gif);
width:194px;height:10px
}
.smallwin_new{
float:left;background: url(/img/070613_t6.gif);width:41px;height:26px
}
.smallwin_hot{
float:left;background: url(/img/070613_t4a.gif);width:41px;height:26px
}

/* 設定大廣告圖檔之相關 CSS */
#banner_index {
	clear:both;margin:auto;text-align:center;
	padding-bottom:10px;
	width:580px;
	height:120px;
	border:0px;
	overflow:hidden;margin:0 auto;position:relative;background:url(about:blank);
}

#banner_index ul.listNum{position:absolute;right:10px;bottom:12px;float:left;;list-style-type:none;font-size:12px;z-index:99;margin: 0;}
#banner_index ul.listNum li {
  float:left;
  border:1px solid #F47600;
  width:14px;
  height:14px;
  text-align:center;
  line-height:14px;
  background:url(/img/sw_hz_206.gif) repeat-x 0 0;
  margin-left:5px;
  vertical-align:middle;
}
#banner_index ul.listNum li a {color:#C93D00}
#banner_index ul.listNum li.selected{background-position:0 -15px;font-weight:bold;color:#FFF;}
#banner_index img{ border:0px;}
