@charset "utf-8";
/* CSS Document */
@import url ('design_shopping.css');
body {
    margin:0px;
	font: 9pt Arial, Helvetica, sans-serif;}
	
a {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
}
a:hover {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: underline;
	left: 1px;
	top: 1px;
	position: relative;
}
.table_style {
    border-top:1px solid #9DA970;
	border-left:1px solid #9DA970;
	}
.table_style  td{
    border-right:1px solid #9DA970;
	border-bottom:1px solid #9DA970;
	}
	
.red {
	color: #CC3300;
	}
	
/***************************排版設定LAYOUT*****************************/

#index #container {
	width:992px;
	padding-bottom:15px;
	background: url(../images/bg.gif) repeat-y;
}
#sabafish #container,#news #container,#cook #container,#products-intro #container,#shopping #container,#shopping-push #container ,#eat #container,#travel #container,#contact #container {
	width:992px;
	padding-bottom:15px;
	background: url(../images/bg2.gif) repeat-y;
}



#title {
   height:133px;
}
#logo {
   width:195px;
   height:133px;
   float:left;
}
#count {
	width:195px;
	height:32px;
	background: url(../images/count-bg.jpg);
}
#flash {
   float:left;
}
#mainmenu {
   float:left;
}
/****************主題設定****************/
.submenu {
	float:right;
	margin:20px 20px 0px 20px;
	font-size: 13px;
	font-weight: bold;
	color: #CC3300;
}
    .submenu a{
	color: #CC3300;
	font-size: 13px;
	}
	.submenu a:hover{
	color: #CC3300;
	}
#heading h1{
display:none;
}
#sabafish #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/sabafish.gif) no-repeat;
}
#news #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/news.gif) no-repeat;
}
#cook #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/cook.gif) no-repeat;
}
#shopping #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/shopping.gif) no-repeat;
}
#products-intro #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/products-intro.gif) no-repeat;
}
#shopping-push #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/shopping-push.gif) no-repeat;
}
#eat #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/eat.gif) no-repeat;
}
#travel #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/travel.gif) no-repeat;
}
#contact #heading {
	width:783px;-width:783px;
	height:64px;
	background: url(../images/heading/contact.gif) no-repeat;
}

/****************左邊區塊設定****************/
#secondary {
	float:left;
	width:209px;
}
#news-area {/****最新消息區塊****/
	width:209px;
	text-align:left;
	background: url(../images/news/news-bg.jpg) repeat-y;
}
	   #news-area ul {
	   margin:0px 10px;
	   padding:2px 10px;
	   }
	   #news-area ul li{
		padding:1px 10px 2px 15px ;
		background: url(../images/news/icon.gif) no-repeat left;
		list-style: none;
	   }
	   
#products-search {/****產品搜尋區塊****/
	height:56px;
	background: url(../images/search/bg.gif) no-repeat;
	text-align: left;
}
  .products-search-textfeild {/****產品搜尋的文字輸入欄位設定****/
	width:100px;
	position: relative;
	top: -20px;
  }
#products-menu {/****產品目錄區塊****/
	width:209px;
	background: url(../images/products-menu/menu-bg.gif) repeat-y;
}
  .products-list01 {/****產品清單第一層****/
	margin-left:20px;
	font:12pt;
	padding:2px;
	text-align:left;
	color: #666666;
  }
  .products-list02 {/****產品清單第二層****/
	margin-left:40px;
	font:12pt;
	padding:2px;
	text-align:left;
	color: #666666;
  }
  
/****************中間主要區塊設定****************/
#main-content {
padding-bottom:15px;
}
#index #main-content {
   float:left;
   width:557px;-width:557px;
}
.more {
    clear:both;
}

#sabafish #main-content,#news #main-content,#cook #main-content ,#products-intro #main-content,#shopping #main-content,#shopping-push #main-content,#eat #main-content,#travel #main-content,#contact #main-content {
   float:left;
   width:783px;-width:783px;
   text-align:left;
}
#contact-area {
padding:0px 10px;}


/****************右邊區塊設定(只有首頁有)****************/
#third {
	float:left;
	width:226px;
}
 
/****************版權區塊設定****************/
#footer {
	width:962px;
	height:120px;
	clear:both;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	margin:15px 0px 0px 0px;
}
   .footer-logo {
      width:194px;
	  height:98px;
	  float:left;
   }
   .footer-count {
      width:600px;
	  margin:10px 0px 0px 0px;
   }
   #footer p {
      width:600px;
	  float:left;
	  margin:20px 0px 0px 25px;
	  line-height:1.8em;
	  text-align:left;
	  color:#666666;
   }
   #footer a {
      color:#666666;
   }
   #top {/*****回頂層按鈕*****/
   width:96px;
   height:60px;
   float:left;
   margin:20px 0px;
   }
   #top a{/*****回頂層按鈕*****/
	width:96px;
	height:60px;
	display:block;
	background: url(../images/footer/top.gif) no-repeat;
   }
	   #top a:hover{/*****回頂層按鈕*****/
		width:96px;
		height:60px;
		display:block;
		background: url(../images/footer/top-hover.gif) no-repeat;
	   }