/* 	
    區塊寬度、高度、背景圖、背景色、對齊方式
	width:650px;                                            寬度
 	height:265px;                                           高度
	background-color:#FFFFFF;                               背景色
 	background-image: url(images/clouds_1.jpg);             背景圖
    background-repeat:no-repeat;                            如果區塊有背景圖，不要重複
	background-attachment:fixed;                            如果區塊有背景圖，不要捲動
    background-position:center left;                        如果區塊有背景圖，置放位置為 中間 左邊
	float: left;                                            區塊靠左對齊(擇1使用)
	float: right;                                           區塊靠右對齊(擇1使用)
    
	
	
	文字樣式設定
	font-family: Verdana, Arial, Helvetica, sans-serif;     文字字體
    font-size: 12px;                                        文字字級
	color: #000000;                                         文字顏色
	font-weight: bold;                                      粗體字
    text-align: right;                                      區塊內文字對齊右方(改為left為對齊左方)
	text-align:justify;                                     讓文字齊行 
	text-justify:distribute;                                讓文字左右齊行    
    
	區塊間距設定
	margin: 0px auto;                                       區塊間距上下左右為0(如設定auto為自動對齊中間)                                   
	margin-top: 10px;                                       區塊間距上為10px
	margin-right: 10px;                                     區塊間距右為10px
	margin-bottom: 10px;                                    區塊間距下為10px
	margin-left: 40px;                                      區塊間距左為40px
	
	
	區塊內距設定
	padding:5px;                                            區塊內距上下左右各5(如果只設定一個)
	padding-top: 4px;                                       單獨設定上方內距4px
	padding-right: 4px;                                     單獨設定右方內距4px
	padding-bottom: 4px;                                    單獨設定下方內距4px
	padding-left: 4px;                                      單獨設定左方內距4px
	
	
	區塊邊框線統一設定
	border: 1px solid #000000;                              所有邊框線都為1、實線、顏色為黑色
	
	區塊邊框線分別設定
	border-right-width: 1px;                                右方框線寬度1
	border-bottom-width: 1px;                               下方框線寬度1
	border-left-width: 1px;                                 左方框線寬度1
	
	border-top-style: none;                                 上方框線樣式為無                             
	border-right-style: dotted;                             右方框線樣式為點狀線
	border-bottom-style: dashed;                            下方框線樣式為虛線 
	border-left-style: solid;                               左方框線樣式為實線 
	
	border-right-color: #FF0000;                            右方框線顏色為紅 
	border-bottom-color: #00FF00;                           下方框線顏色為綠 
	border-left-color: #0000FF;                             左方框線顏色為藍 
	
	
	
	上、下、左、右、中間等名詞
	center                                                  中間
	top                                                     上方
	right                                                   右方
	bottom                                                  下方
	left                                                    左方
*/
/* */

.test {
/*CSS Hack*/
background:red \9; /*IE8 背景變紅色*/
*background:green; /*IE7 背景變綠色*/
_background:blue;  /*IE6 背景變藍色*/
	}

/*齊行文字效果*/
.test_font {
	color: #4e4e54;
	font-size: 13px;
	line-height: 17px;
    text-align:justify;      /*讓文字齊行*/ 
	text-justify:distribute; /*讓文字左右齊行*/
	font-family: "新細明體",Verdana, Arial, Helvetica, sans-serif;
	}	
	
html {
/* 網頁捲軸顏色設定 */
background-attachment : fixed;         /**/
scrollbar-arrow-color:#ef6e1a;         /*箭頭的顏色*/
scrollbar-face-color:#15100c;          /*移動捲軸的顏色*/
scrollbar-3dlight-color:#a2734e;       /*按鈕與移動捲軸-左上外邊框*/
scrollbar-highlight-color:#15100c;     /*按鈕與移動捲軸-左上內邊框*/
scrollbar-base-color:#15100c;          /*整體主色，若其他值有設定，則會被覆蓋*/
scrollbar-darkshadow-color:#15100c;    /*按鈕與移動捲軸-右下外邊框*/
scrollbar-shadow-color:#15100c;        /*按鈕與移動捲軸-右下內邊框*/
scrollbar-track-color:#a2734e;         /*底部顏色*/
}
/*html {scrollbar-base-color:#71b102; }單色捲軸設定*/
body {
/* 網頁背景底圖設定 */
background-image:url(images/pagebg.jpg);
/*background-color: #FFFFFF;              背景色 */
margin: 0px;  /* 網頁邊界對齊設定 */
}
/* 網頁預設文字顏色，一定要是黑色，不要修改，其他要使用顏色另外自訂 */
body,td,th {
	color: #000;
	font-size: 13px;
	line-height: 16px;
	font-family: "新細明體",Verdana, Arial, Helvetica, sans-serif;
}
/* 預設網頁超連結顏色設定 */
a:link,a:active,a:visited { color : #333333;font-family: "新細明體",Verdana, Arial, Helvetica, sans-serif; font-size: 13px;
                            /*移除IE連結外框線*/
							outline: none; /* Firefox,Chrome */
                            hlbr: expression(this.onFocus=this.blur()); /* IE */
}
a:hover { text-decoration: underline; color : #000; 
          /*移除IE連結外框線*/
		  outline: none; /* Firefox,Chrome */
          hlbr: expression(this.onFocus=this.blur()); /* IE */
}
#div_pos_rel {   /*div區塊相對定位用*/
	position: relative;	
	}

.w_white {color : #FFF; }
.w_white a:link {color:#fff;}
.w_white a:visited {color:#fff}
.w_white a:hover {color: #ccc;}  
.w_black {
	color : #000;
	text-decoration: none;
}
.w_black a:link {
	color : #000;
	text-decoration: none;
	}
.w_black a:visited {
	color : #000;
	text-decoration: none;
    }
.w_black a:hover {
	color: #000;
	text-decoration: underline;
    }  
.w_red {color : #F00; }
.w_black {color : #000; }
.w_gray {color : #7a7a7a}

/* 網頁文字設定 */
.gen { font-size : 13px; }
.genmed { font-size : 12px; }
.genmed2 { font-size : 12px;color : #ff0000; }
.gensmall { font-size : 11px; }
.gen,.genmed { color : #333333; }
a.gen,a.genmed { color: #333333; text-decoration: none; }
a.gen:hover,a.genmed:hover { color: #446D8C; text-decoration: underline; }

/* 空白Div高度 */
.tb_height {
	height: 5px;
	overflow: hidden; /*這可以防止IE6時高度變成2倍*/
}
.tb_height2 {
	height: 2px;
	overflow: hidden; /*這可以防止IE6時高度變成2倍*/
}


#shop_ask {
	width: 450px;
	border-right: #754c12 1px solid;
	border-top: #754c12 1px solid;
	border-left: #754c12 1px solid;
	border-bottom: #754c12 1px solid;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding: 4px;
	height:100%;     /*DIV的父容器自動高度撐高*/
    overflow:hidden; /*DIV的父容器自動高度撐高*/
}
#shop_ask2 {
	height: 23px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #754c12;
	height:100%;     /*DIV的父容器自動高度撐高*/
    overflow:hidden; /*DIV的父容器自動高度撐高*/
}

#shop_ask2 .nav { font-weight: bold; font-size: 12px; color : #333333;}
#shop_ask2 a.nav { text-decoration: none; color : #333333; }
#shop_ask2 a.nav:hover { text-decoration: underline; }

.inputstyle {
	color: #9d9c90;
	height: 15px;
	width: 109px;
	font-family: Verdana, Geneva, sans-serif;
	margin-left: 8px;
	border: 1px solid #dbcdc2;
	padding-left: 10px;
}

/*左方樹狀menu寬度*/
#leftbuttonuse {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.newscontent{
	font-size:15px;
	line-height:1.6;
    text-align:justify;      /*讓文字齊行*/ 
	text-justify:distribute; /*讓文字左右齊行*/
}
.newscontent p{margin:0 0 1em 0;}

/*網站圖片用外框*/
.pic_border1 {
	padding: 3px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
.td_underline {
	border-bottom-style: dashed;
	border-bottom-color: #729ec0;
	border-bottom-width: 1px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 8px;
	line-height: 20px;
	}

/*團購區塊*/
#ordergroupdiv {
	position: relative;
	margin-left: 30px;
	}
#ordergroupdivin {
	position: absolute;
	z-index: 1;
	left: -24px;
	top: -50px;
}
/*團購文字標題*/
.ordergrouptitle {font-weight: bold; font-size: 16px ; letter-spacing: 1px; color : #333333}
/*團購區塊///*/

#news_map {  /*新聞地圖顯示用外框*/
	padding: 4px;
	border: 1px solid #CCC;	
	background-color: #FFF;
	}
#news_map2 {  /*新聞地圖顯示用，地圖實際大小*/
	height: 350px;
	width: 100%;
	_width: 99%;
	}
	
	
/*網頁上方區塊、選項按鈕*/
#header {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
    height:260px;     /*DIV的父容器自動高度撐高*/
    overflow:hidden; /*DIV的父容器自動高度撐高*/
	}
#header_1 {
	height:17px;     /*DIV的父容器自動高度撐高*/
	background-image: url(images/back01.gif);
	padding-top: 5px;
	padding-right: 12px;
	}
#header_2 {
	height:238px;     /*DIV的父容器自動高度撐高*/
	position: relative;
	}
#header_apDiv {
	position:absolute;
	left:195px;
	top:45px;
	width:223px;
	height:171px;
	z-index:1;
}
/*網頁上方區塊、選項按鈕*/	


/*網頁中央區塊*/
#main {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height:100%;     /*DIV的父容器自動高度撐高*/
	overflow:hidden; /*DIV的父容器自動高度撐高*/
	background-color: #1e150e;
	padding-bottom: 9px;
	}
#main_1 {
	float: left;
	width: 196px;
	padding-right: 2px;
	padding-left: 4px;
	padding-top: 2px;
	}
#main_2 {
	float: right;
	width: 698px;	
	}
/*網頁中央區塊*/

/*網頁頁尾區塊*/
#footer {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height:210px;     /*DIV的父容器自動高度撐高*/
	overflow:hidden; /*DIV的父容器自動高度撐高*/
	padding-top: 9px;
	padding-bottom: 48px;
	line-height: 18px;
	}
/*網頁頁尾區塊*/


/*  文字與超連結樣式設定  */

/* 標題文字1 白 */ 
.w_t1,.w_t1 a{

	}

/* 一般文字1 白 */ 
.w_1,.w_1 a { 	

	} 

/*第一種超連結顏色(主要) 白>中灰*/
.w_1 a:link,.w_t1 a:link{color:#fff;}
.w_1 a:visited,.w_t1 a:visited{color:#fff}
.w_1 a:hover,.w_t1 a:hover{color: #ccc;}  

/*超連結底線設定(有) */
.w_t1 a:link{text-decoration: underline;}
.w_t1 a:visited{text-decoration: underline;}
.w_t1 a:hover{text-decoration: underline;}

/*超連結底線設定(無) */
.w_1 a:link{text-decoration: none;}
.w_1 a:visited{text-decoration: none;}
.w_1 a:hover{text-decoration: underline;}

#top_button ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#top_button li {
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	color: #ecb910;
	font-size: 15px;
}
#top_button li a {
	display:block;
	height:17px;
    color: #ecb910;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	background-image:url(images/bt1.gif);
	line-height:25px;
	text-decoration:none;
	padding-top: 8px;
	padding-right: 19px;
	padding-bottom: 11px;
	padding-left: 18px;
	font-size: 15px;
}
#top_button li a:link{color:#ecb910;font-size: 15px;}
#top_button li a:hover {
	background-position:left bottom;
	color:#ecb910;
	font-size: 15px;
	text-decoration: underline;
}
.tb_line_height {
	line-height: 18px;	
	}