body{
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: "Courier", "新細明體";
	color: #666666;
	font-size: 12px;
	line-height: 20px;
}
form{
	margin: 0px 0px 0px 0px;
}
ul,ol{
	margin-top: 0px;
	margin-bottom: 0px;
}
textarea{
	font-family: "Courier", "新細明體";
	color: #000000;
	font-size: 12px;
	line-height: 20px;
}
a, a:link, a:visited, a:active{
	font-family: "Courier", "新細明體";
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}               
a:hover{
	color: #6E9623;
	text-decoration: underline;
}


/*上方區域*/
#TopArea{
	width: 970px;
	height: 129px;
	margin: 0px auto -2px auto;
}


/*中間區域*/
#MiddleArea{
	width: 970px;
	margin: 0px auto 0px auto;
}
/*中間區域 - 登入選單區域*/
#LoginMeun{
	float: left;
	width: 182px;
	text-align: center;
	vertical-align: top;
}
/*中間區域 - 登入選單區域*/
#LoginID{
	margin: 0px 0px 5px 0px;
}
#LoginID .logintext{
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
}
/*中間區域 - 主要內容*/
#MainBody{
	float: right;
	width: 775px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 13px;
}

/*中間區域 - 主要內容(首頁)*/
#IndexMainBody{
	float: left;
	width: 522px;
	text-align: center;
	vertical-align: top;
	padding: 0px 13px 10px 13px;
}
#IndexMainBody .line{
	background-image: url(../images/index/title_border_1.gif);
	border-top: 1px dashed #D9D9D9;
	text-align: left;
	padding: 3px 15px 3px 20px;
	text-indent: -12px;
}
#IndexMainBody .pic1{
	background-color: #F1FBD8;
	border: 1px solid #DBDBDB;
	padding: 8px 8px 8px 8px;
	margin: 5px 5px 5px 5px;
}
#IndexMainBody .pic2{
	width: 140px;
	background-color: #ffffff;
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
/*中間區域 - 分類連結(首頁)*/
#IndexCatLink{
	float: right;
	width: 240px;
	vertical-align: top;
}
/*中間區域 - 分類連結(首頁) - 路徑搜尋(首頁)*/
#IndexRouteSearch, #RouteSearch{
	margin: 0px 0px 5px 0px;
}
#IndexRouteSearch .keywordtext, #RouteSearch .keywordtext{
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
}
/*中間區域 - 路徑搜尋*/
#RouteSearch h2, #RouteSearch h2 a:link, #RouteSearch h2 a:visited{
	margin: 0px 0px 0px 0px;
	font-family: "Courier", "新細明體";
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	font-weight: lighter;
	text-decoration: none;
}
#RouteSearch h2 a:hover{
	color: #6E9623;
	text-decoration: underline;
}
/*中間區域 - 主要內容 - 分類列出 - h1標籤*/
#CatMenu h1{
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #ffffff;
	font-size: 15px;
}
/*中間區域 - 主要內容 - 分類列出 - 話題討論*/
#CatMenu .colloquyBg{
	background-color: #829EC3;
}
#CatMenu .colloquyCat1{
	display: block;
	width: 108px;
	height: 20px;
	padding: 19px 6px 6px 6px;
	background-image: url(../images/colloquy/btn_off.gif);
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .colloquyCat2{
	display: block;
	width: 108px;
	height: 33px;
	padding: 6px 6px 6px 6px;
	background-image: url(../images/colloquy/btn_on.gif);
	text-align: center;
	font-size: 16px;
	color: #6787B0;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .colloquyBtn{
	background-color: #737373;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #FFFFFF;
	text-decoration: none;
}
#CatMenu a.colloquyBtn:hover{
	background-color: #FFFFFF;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #737373;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 分類列出 - 文章發表*/
#CatMenu .articleBg{
	background-color: #CBA073;
}
#CatMenu .articleCat1{
	display: block;
	width: 108px;
	height: 20px;
	padding: 19px 6px 6px 6px;
	background-image: url(../images/article/btn_off.gif);
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .articleCat2{
	display: block;
	width: 108px;
	height: 33px;
	padding: 6px 6px 6px 6px;
	background-image: url(../images/article/btn_on.gif);
	text-align: center;
	font-size: 16px;
	color: #B58348;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .articleBtn{
	background-color: #FAF1C6;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #956C40;
	text-decoration: none;
}
#CatMenu a.articleBtn:hover{
	background-color: #956C40;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #FAF1C6;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 分類列出 - 健康採購*/
#CatMenu .shoppingBg{
	background-color: #7BDDDC;
}
#CatMenu .shoppingCat1{
	display: block;
	width: 108px;
	height: 20px;
	padding: 19px 6px 6px 6px;
	background-image: url(../images/shopping/btn_off.gif);
	text-align: center;
	font-size: 16px;
	color: #2A8A89;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .shoppingCat2{
	display: block;
	width: 108px;
	height: 33px;
	padding: 6px 6px 6px 6px;
	background-image: url(../images/shopping/btn_on.gif);
	text-align: center;
	font-size: 16px;
	color: #47A9A8;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .shoppingBtn{
	background-color: #6BB9B9;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #ffffff;
	text-decoration: none;
}
#CatMenu a.shoppingBtn:hover{
	background-color: #ffffff;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #6BB9B9;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 分類列出 - 會員服務*/
#CatMenu .memberBg{
	background-color: #E9E9E9;
}
#CatMenu .memberCat1{
	display: block;
	width: 108px;
	height: 20px;
	padding: 19px 6px 6px 6px;
	background-image: url(../images/member/btn_off.gif);
	text-align: center;
	font-size: 16px;
	color: #747474;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .memberCat2{
	display: block;
	width: 108px;
	height: 33px;
	padding: 6px 6px 6px 6px;
	background-image: url(../images/member/btn_on.gif);
	text-align: center;
	font-size: 16px;
	color: #747474;
	font-weight: bold;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 分類列出 - 活動訊息*/
#CatMenu .eventBg{
	background-color: #9DBC76;
}
#CatMenu .eventCat1{
	display: block;
	width: 108px;
	height: 20px;
	padding: 19px 6px 6px 6px;
	background-image: url(../images/event/btn_off.gif);
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .eventCat2{
	display: block;
	width: 108px;
	height: 33px;
	padding: 6px 6px 6px 6px;
	background-image: url(../images/event/btn_on.gif);
	text-align: center;
	font-size: 16px;
	color: #7DA84E;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .eventBtn{
	background-color: #C8EC95;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #4D741B;
	text-decoration: none;
}
#CatMenu a.eventBtn:hover{
	background-color: #4D741B;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #C8EC95;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 分類列出 - 購物相關問題*/
#CatMenu .shopping_questionBg{
	background-color: #7BDDDC;
}
#CatMenu .shopping_questionCat1{
	display: block;
	width: 108px;
	height: 20px;
	padding: 19px 6px 6px 6px;
	background-image: url(../images/shopping/btn_off.gif);
	text-align: center;
	font-size: 16px;
	color: #2A8A89;
	font-weight: bold;
	text-decoration: none;
}
#CatMenu .shopping_questionCat2{
	display: block;
	width: 108px;
	height: 33px;
	padding: 6px 6px 6px 6px;
	background-image: url(../images/shopping/btn_on.gif);
	text-align: center;
	font-size: 16px;
	color: #47A9A8;
	font-weight: bold;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 縮小圖片區域*/
#MainBody .pic1{
	width: 100px;
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
#MainBody .pic2{
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
/*中間區域 - 主要內容 - 圖片區域*/
#MainBody .pic2{
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
}
/*中間區域 - 主要內容 - 各欄位內容*/
#MainBody .other{
	color: #996600;
}
#MainBody .bgcolor1 {
	text-align: center;
	background-color: #F6F6F6;
}
#MainBody .bgcolor2 {
	text-align: center;
	background-color: #F2F2F2;
}
/*中間區域 - 主要內容 - 內容顯示區域*/
#colloquy, #article, #shopping, #shop_cart, #shopping_question, #member, #member_explain, #event, #contact, #sitemap, #search{
	text-align: left;
	vertical-align: top;
	padding: 10px 30px 10px 30px;
}
/*中間區域 - 主要內容 - 話題討論內容顯示區域*/
#colloquy h3{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: lighter;
}
#colloquy h4{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: lighter;
}
/*中間區域 - 主要內容 - 文章發表內容顯示區域*/
#article h3{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
#article h4{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: lighter;
}
#article .btn{
	background-color: #E9E9E9;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #868686;
	text-decoration: none;
}
#article a.btn:hover{
	background-color: #868686;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #E9E9E9;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 健康採購內容顯示區域*/
#shopping h3{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
#shopping h4{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: lighter;
}
#shopping .btn, #about .btn{
	background-color: #6BB9B9;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #ffffff;
	text-decoration: none;
}
#shopping a.btn:hover, #about a.btn:hover{
	background-color: #ffffff;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #6BB9B9;
	text-decoration: none;
}
#shopping .line-bg{
	height: 10px;
	background-image: url(../images/shopping/line.jpg);
	background-repeat: repeat-x;
	background-position: center;
}
/*中間區域 - 主要內容 - 健康採購內容顯示區域 - 相關內容*/
#about .title{
	width: 100%;
	height: 29px;
	text-align: center;
	background-image: url(../images/shopping/title_about_link_pg.gif);
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 2px 0px;
}
#about .list{
	border: 1px solid #D5EAEB;
	text-align: center;
}
/*中間區域 - 主要內容 - 會員服務內容顯示區域*/
#member h3{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #009999;
}
#member h4{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: lighter;
}
#member .btn{
	background-color: #737373;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #ffffff;
	text-decoration: none;
}
#member a.btn:hover{
	background-color: #ffffff;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #737373;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 活動訊息內容顯示區域*/
#event h3{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
#event h4{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: lighter;
}
#event .btn{
	background-color: #E9E9E9;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #868686;
	text-decoration: none;
}
#event a.btn:hover{
	background-color: #868686;
	padding: 3px 5px 1px 5px;
	border: 1px solid #DDDDDD;
	color: #E9E9E9;
	text-decoration: none;
}
/*中間區域 - 主要內容 - 網站導覽內容顯示區域*/
#sitemap h3{
	padding: 0px 0px 0px 15px;
	margin: 0px 15px 0px -15px;
	border-bottom: 1px solid #666666;
}
#sitemap h3 a:link, #sitemap h3 a:visited {
	margin: 0px 0px 0px 0px;
	color: #009999;
}
#sitemap h3 a:hover {
	color: #990000;
	text-decoration: none;
}
#sitemap h4{
	margin: 0px 0px 0px 15px;
	font-size: 12px;
	font-weight: lighter;
}
/*中間區域 - 主要內容 - 站內搜尋內容顯示區域*/
#search h1{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
}
#search h3{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}


/*分類快速連結 - 精選文章*/
#TopArticle{
	margin: 0px 0px 5px 0px;
}
#TopArticle .bg{
	margin: 10px 15px 10px 15px;
}
#TopArticle .pic1{
	width: 140px;
	background-color: #ffffff;
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 5px;
}
/*分類快速連結 - 健康報導*/
#HealthNews{
	margin: 0px 0px 5px 0px;
}
#HealthNews .bg{
	margin: 10px 15px 10px 15px;
}
#HealthNews .pic1{
	width: 140px;
	background-color: #ffffff;
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 5px;
}
/*分類快速連結 - 文章快訊*/
#ArticleMsg{
	margin: 0px 0px 5px 0px;
}
#ArticleMsg .title{
	margin-top: -29px;
}
#ArticleMsg .hot{
	padding: 8px 13px 9px 23px;
	color: #708E29;
	line-height: 29px;
	font-weight: bold;
}
#ArticleMsg .total{
	padding: 8px 23px 9px 13px;
	color: #708E29;
	line-height: 29px;
	font-weight: bold;
}
#ArticleMsg .body{
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 12px;
	text-align: left;
	text-indent: -12px;
}
/*分類快速連結 - 產品快訊*/
#ShoppingMsg{
	margin: 0px 0px 5px 0px;
}
#ShoppingMsg .bg{
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 0px 10px;
}
#ShoppingMsg .pic1{
	width: 130px;
	border: 1px solid #DBDBDB;
	padding: 5px 5px 5px 5px;
}
/*分類快速連結 - 最新活動*/
#EventMsg{
	margin: 0px 0px 5px 0px;
	text-align: left;
}
#EventMsg .body{
	margin: 0px 0px 0px 12px;
	text-indent: -12px;
}
#EventMsg .date{
	color: #FE9000;
}
#EventMsg .bg{
	border-bottom: 1px dotted #B7B7B7;
}
/*顯示訊息*/
#MsgDiv{
	position: absolute;
	top: 45%;
	left: 45%;
	width: 200px;
	height: 72px;
	background-image: url(../images/caution_bg.gif);
	text-align: center;
	vertical-align: middle;
	padding: 30px 5px 10px 5px;
	color: #2B570D ;
}


/*下方區域*/
#BottomArea{
	clear: both;
	width: 100%;
	background-color: #F2F2F2;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
#BottomArea .width{
	width: 970px;
	margin: 0px auto 0px auto;
}
#BottomArea .logo{
	width: 200px;
	text-align: right;
	vertical-align: middle;
}
#BottomArea .text{
	width: 870px;
	text-align: left;
	vertical-align: middle;
}


/*滑出購物車選單*/
#shop_cart_open{
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	visibility:visible;
}
#shop_cart_close{
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	visibility:hidden;
}
#shop_cart_close .btn, #shop_cart_close a.btn:link, #shop_cart_close a.btn:visited {
	display: block;
	width: 140px;
	height: 20px;
	background-color: #E5F2D8;
	padding: 5px 5px 3px 5px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #3C6316;
	text-align: left;
	color: #3C6316;
	text-decoration: none;
}
#shop_cart_close a.btn:hover {
	background-color: #B9DC97;
	border: 1px solid #3C6316;
	color: #3C6316;
}