@charset "big5";
/* use color:5a3521咖啡,ebe7c9米1,eeeadd米2,f0ece5米3,eae7c7米4,f2e9bf米黃,d1ba5f深駝,e9d799淺駝,006633綠,6b6d41墨綠,5c3b22深咖啡*/

body {
	margin-top:0px;
	font-size: 12px;
	font-family: "微軟正黑體", "蘋果儷中黑", "新細明體", "細明體", "標楷體";
	background-image: url(images/main_wrapper_bg.jpg);
	background-repeat: repeat-x;
	}
h1 {/* 指定最大標圖*/
	font-size:16px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-color:#006633;
	}
h3 {
	font:Arial, Helvetica;
	margin-top:0 px;
	padding-left:10px;
	}

p {
	font:Arial, Helvetica;
	color:#333333;
	}
h4 {/* 左邊字*/
	font-size:12px;
	margin-top:0 px;
	text-align:left;
	padding-left:15px;
	}
.title {
	font-size:15px;
	margin-top:0 px;
	text-align:left;
	color:#006600;
	}
.titles {
	font-size:14px;
	margin-top:0 px;
	text-align:left;
	color:#006600;
	}
.title2 {
	font-size:16px;
	margin-top:0 px;
	margin-bottom:30px;
	
	text-align:left;
	font-weight:bolder;
	color:#006600;
	}	

.title3 {
	font-size:18px;
	margin-top:0 px;
	margin-bottom:20 px;
	text-align:left;
	font-weight:bolder;
	color:#000000;
	padding-left:10;
	border-bottom: 1px solid #006600;
	border-left: 6px solid #006600;
	background:#b8ea42;
	}	
	
.small_word {
	font-size:10px;
	margin-top:0 px;
	text-align:left;
	font-weight:100;
	color:#5f5f5f;
	}	
.all content {
	font-size:14px;
	margin-top:0 px;
	text-align:left;
	font-weight:300;
	color:#000000;
	}	
	
	.small_word2 {
	font-size:10px;
	margin-top:0 px;
	text-align:right;
	font-weight:100;
	color:#000000;
	padding-left:10;
	padding-top:15px;
	border-bottom: 1px solid #006600;
	background:#b8ea42;
	}	
#wrapper {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0 px;
	margin:auto;
	word-spacing: normal;
	background: #FFFFFF;/* 指定全部底色*/
	height:auto;
	min-height:800px;
	}

#header {
	position: relative;
	z-index: 100;
	margin-top:0px;
	height:100px;
	background:url(../images/header.gif) top repeat-x;
	background-color: #006600;
}

#logo {
	position: absolute;
	left:30px;
	top:0;
}
#home {
	float: right;
	text-align:right;
	padding-right:30px;
	margin-top:5px;
	color:#333333;
	text-decoration:none;
	font-size:10px;
	}
#home  a:link {
	text-decoration: none;
	color:#000;
	}
#home  a:visited {
	text-decoration:none ;
	color:#000;
	}
#home  a:hover { /* 滑鼠移上*/
	text-decoration:none;
	color:#999;
	}
#home  a:active {
	text-decoration: none;
	color:#000;
	}
	

/* navigation---------------------------------------------*/
	#nav {  /* 橫向導覽列*/
	background-color:#006633;/* 指定整條顏色*/
	padding-right:430px;/* bar右避30px*/
	background-image: url(../images/nav_bg2.gif); 
	}
	#nav ul {
	list-style: none;
	margin: 0; 
	padding: 0px;
	height:28px;/* nav高度*/
	overflow:hidden;  /* 超出框框則隱藏*/
	}
	#nav li {
	float: right; /* 此處可設定nav再左邊或右邊*/
	width: 70px; /* 此處可設定寬度*/
	margin: 0; 
	padding: 0;
	text-decoration:none;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}
	#nav a {/* 此處指定未移動時的設定，為單一區塊*/
	display:block;/* 以區塊顯示*/
	width:100%;/* 很重要一定要設*/
	padding:6px 0 6px 0;
	color:#FFFFFF;
	background-color:#006633;/* 指定小區塊顏色*/
	background-image: url(../images/); /* 指定滑鼠未移到連結上方時顯示的底圖 */
	background-position: left top; /* 滑鼠未移到連結上方時，底圖顯示位置為對齊左上角 */
	text-decoration: none;
	text-align: center;
	}
	#nav a:hover {
	background-color: #fff; /* 指定滑鼠移到連結上方時顯示的顏色 */
	border-top:3px solid #5c3b22; 
	background-image: url(../images/); /* 指定滑鼠未移到連結上方時顯示的底圖 */
	background-position: right top; /* 滑鼠移到連結上方時，底圖顯示位置為對齊右上角 */
	color:#5c3b22;/* 指定滑鼠移到連結上方時字的顏色 */
	}
	.nav {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin-top:0 px;
	font-size:12px;
	}
	/* end of navigation ---------------------------------------------*/
	#content {
	width: 600px;
	border-top:2px solid #d1ba5f;
	border-bottom:1px solid #d1ba5f;
	background-color:#eeeadd;
	min-height:500px;
	}
	#primary {
	width: 100%; 
	background-color: ;
	margin-top:10px;
	margin:auto;
	width:950px;
	}
	#pic {/* 圖片產生處 */
	margin-top:10px;
	float: left;
	width:310px;
	height:500px;
	}
	#rateit {/* 評分產生處 */
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	}	
	#box	 {/* 資料產生處 */
	margin-left:15px;
	margin-right:20px;
	}
	#button	 {
	width:300px;
	margin-top:3px;
	padding-left:5px;
	}
	.style1 {/* 產品最大標*//* 高度設在這裡會影響到content*/
	color: #006633;
	font:  100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
}
.style2 {/*產品內文*/
	color:#444;
	font:  100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:10px;
	line-height:1.5;
		margin-right:10px;

	}
	.rateit {/*評分*/
	font-weight:bolder;
	color: #ff0000;
	font:  100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* small_tag ---------------------------------------------*/
	#small_tag{
	border-bottom:1px solid  #eeeadd; /* use color:5a3521咖啡,ebe7c9米1,eeeadd米2,f0ece5米3,eae7c7米4,f2e9bf米黃,d1ba5f深駝,e9d799淺駝,006633綠,6b6d41墨綠,5c3b22深咖啡*/

	}
	#small_tag ul,#small_tag li,#small_tag a {
	display:block;
	margin:0;
	padding:0;
		
	}
	#small_tag li {
	float:left;
	list-style:none;
	font-size:small;
	white-space:nowrap;
	}
	#small_tag a {
	text-decoration:none;
	color:#5a3521;
	background:transparent;
	}
	#small_tag a:hover {
	color:#FFFFFF;
	background:#6b6d41;
	border-top:3px solid #ebe7c9;
	}
	#small_tag a,#small_tag .small_tag {
	padding:4px 10px;
	}
	
/* columR ---------------------------------------------*/
	#columR {
	float:right;
	width: 200px;
	font-size:12px;
	margin-left:20px;
	margin-top:0px;
	}
	
	#map{
	min-height:150px;
	margin-top:20px;
	}
	
	
.Username{
	color:#000000;
	font:  100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:18px;
	height:auto;
}
.Username  a:link {
	text-decoration: none;
	color:#000;
	}
.Username  a:visited {
	text-decoration:none ;
	color:#000;
	}
.Username  a:hover { /* 滑鼠移上*/
	text-decoration:none;
	color:#999;
	}
.Username  a:active {
	text-decoration: none;
	color:#000;
	}
/* comment--------------------------------------------*/
#comment {
	float: left;
	width:550px;
	background-color:#FFFFFF;
	margin-left:20px;
	margin-bottom:10px;
	}
＃answer {
		}
/* shelf---------------------------------------------*/
#shelf{
	min-height:100px;
	margin-top:20px;
	}
	#shelf_bg{
	background: url(../images/shelfok_02.jpg) top left no-repeat;
	height:120px;
	}
	.mug{
	width:100px;
	height:100px;
	margin:45px;
	margin-top:45px;
	}
	.arrow{
	width:50px;
	height:10px;
	margin:5px;
	}
/* friends ---------------------------------------------*/
	#friends{
	margin-top:20px;
	min-height:150px;
	}
	.left_pic{
	width:50px;
	height:50px;
	margin:2px;
	border:thin solid #999999;
	float:left;
	}
/* table1 ---------------------------------------------*/
#table1 {
	border-collapse:collapse;
	border:none;
	border-collapse:collapse;
	}	
#table1 th,td {
	padding:0.3em 1em;
	border-right:none;
	border-left:none;
	empty-cells:show;
	}
#table1 thead {
	color:#5c3b22;
	}

#table2 {
	border:none;
	border-collapse:collapse;
	margin:2em auto;
	}	


#table2 th,td {
	padding:0.3em 1em;
	border-right:none;
	border-left:none;
	}
#table2 thead {
	color:#5c3b22;
	border-bottom:2px solid #5a3521;
	}
	
/*map  ---------------------------------------------*/
	.product_name {
	line-height:30px;
	padding-left:5px;
	}
/* advertisement  ---------------------------------------------*/
	#advertisement {
	min-height:150px;
	}
/* footer  ---------------------------------------------*/
#footer {
	clear:both;
	font-size:13px;
	color: #005522;
	text-align:left;
	padding-left:5px;
	height:1;
	padding-top:10px;
	padding-bottom:10px;
	}
#footer  a:link {
	text-decoration: none;
	color:#005522;
	}
#footer  a:visited {
	text-decoration:none ;
	color:#005522;
	}
#footer  a:hover {
	text-decoration:none;
	color:#bfff4f;
	}
#footer  a:active {
	text-decoration: none;
	color:#005522;
	}