/* CSS Document */
/*全局設定
=======================================================================================================*/
body { 
	margin:0px;
	padding:0px;
	text-align: center;
	background: url(../images/bg.jpg) top center repeat-y;
	font-family: Arial,"新細明體";
	font-size:12px;
	color:#7a7979;
	line-height:150%;
}
form{margin:0;padding:0;}
.form{border:1px solid #ccc;}
.clear { /* 此類應當放在 div 或 break 元素上，而且該元素應當是完全包含浮動的容器關閉之前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 a{
	color:#707070;
	text-decoration:none;
}
a:hover{
	color:#00AEC0;
}

#container { 
	width: 960px;  
	margin: 15px auto; 
	text-align: left; 
	height:auto;

}
.input {	BORDER: #c5c5c5 1px solid; FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 18px;  BACKGROUND-COLOR: #f3f3f3;}
.textarea{BORDER: #c5c5c5 1px solid; FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 18px;  BACKGROUND-COLOR: #f3f3f3;}
h4{color:#ff9200;border-bottom:1px dashed #ccc;padding:2px 0;}
/*頁數樣式
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:5px 10px;
	font-size:12px;
	color:#5f5f5f;
}
.PagerWrap a{
	font-size:11px;
	color:#5f5f5f;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#a7e049;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}
/*首頁設定
=======================================================================================================*/
.index_news{width:305px;padding:10px 10px 0 20px;float:left;}
.index_news a strong{color:#ff8a00;font-size:14px;}
.index_news a{color:#4d4d4d;line-height:150%;}
.index_news a:hover{
	color:#3c94b1;
	text-decoration:underline;
	position:relative;
	top:1px;
	left:1px;
}
.index_profile{float:right;width:430px;}

/*頁頭設定
=======================================================================================================*/
#header {
	height: 259px;
	width: 960px;
	margin: 0 auto; 
} 
#header h1 {
	margin: 0;
	padding: 5px 20px;
	font-size:13px;
	height:15px;
	text-align:right;
	font-weight: lighter;
}
#header ul,li{margin:0;padding:0;float:left; list-style:none;}

/*左側菜單設定
=======================================================================================================*/
#sidebar {
	float: left; 
	width: 189px; 
	height:auto;
	background: url(../images/contact_title.jpg) no-repeat;
}

#sidebar p{padding:70px 5px 0 15px;}
#sidebar a{
	color:#ff6600;
	text-decoration:underline;
}
#sidebar a:hover{
	position:relative;
	top:1px;
	left:1px;
	text-decoration:none;
}

#sidebar_menu{
	float: left; 
	width: 189px; 
	
	height:auto;
	background: url(../images/products_menubg.jpg) repeat-y;

}
#sidebar_menu dl dt{
	text-align:left;
	background:url(../images/menu_bg01.gif) no-repeat ;
	height:23px;
	margin:0 0px 0 30px;
	padding:7px 0 0 28px;
}
#sidebar_menu dl{margin:0;padding:0;}


/*==菜单列表==*/
ul{
margin: 0;
padding: 0;
list-style: none;
}

#treenav {
overflow:hide;
margin: 0px 0 0 20px;
text-align: left;
}

#treenav ul li {
margin: 1px 0;
font-size: 12px;
}

#treenav ul.expanded {
display: block;
}

#treenav ul.expanded,#treenav ul.collapsed {
margin: 0px 0px 5px 0px;
}

#treenav ul.collapsed {
display: none;
}

.expanded li,.collapsed li{
/*border-bottom: 1px dashed #CCCCCC;*/
width: 100px;
border:0px solid #ccd;
background:url(../images/listmenu_icon2.gif) 3px left no-repeat ;
padding:0 0 0 10px;
}

.listhead {
font-weight: bold;
display: block;
font-size: 12px;
height:22px;
color: #333333;
background: url(../images/menu_btnbg.jpg) no-repeat;
padding: 5px 0 0 35px;
width: 105px;
margin: 5px 0;
}


#treenav a {
text-decoration: none;
color:#666; 
}

#treenav a:hover {
color: #ccc;
}
#treenav a.listhead { color: #000;text-decoration:none;}
#treenav a.listhead:hover{ color:#666;}

/*右側内容設定
=======================================================================================================*/
#mainContent { 
	margin: 0 0 0 184px; 
} 

.r_title_bg{
	background:url(../images/address_bg.jpg) left no-repeat ;
	height:74px;
	padding-top:5px;
}
.r_title{
	color:#1181a2;
	font-size:15px;
	width:200px;
	float:left;
	padding-left:20px;
	padding-top:8px;
}

.address{
	width:300px;
	float:right;
	font-size:12px;
	color:#707070;
	text-align:right;
	padding:18px 40px 0px 0px;
}
.address a{
	color:#707070;
	text-decoration:none;
}
.address a:hover{
	text-decoration:underline;
}
.address span{
	font-size:9px;
 	font-family: Arial, Helvetica, sans-serif;
	
	margin:0 5px;
}
#mainContent .p{border:5px solid #eeeeee;
margin:8px;padding:15px;line-height:200%; letter-spacing:3px; }

#mainContent .p a{color:#ff8800;}
#mainContent .p a:hover{color:#ff0000;}

.news a{
	color:#939393;
	text-decoration:none;
	background:url(../images/icon_point.gif) 5px 5px no-repeat;
	padding-left:15px;
}
.news a:hover{
	color:#4c8bc1;
	position:relative;
	top:1px;
	left:1px;
}
.pic{ float:left; width:154px;text-align:center;margin:4px 10px 10px 10px ;border-bottom:1px dashed #ccc;}
.pic a{color:#2ba59d}

.s_pic {width:120px;height:82px;float:left;margin:3px;}
.s_pic img{border:1px solid #ccc;}
/*頁腳設定
=======================================================================================================*/

#footer { 
	padding: 0 10px 0 20px; 
	background:url(../images/footer_bg.jpg) repeat-x;
	width:930px;
	margin:30px auto 0;
	height:90px;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
	font-family: Arial,"新細明體";
	font-size:11px;
	text-align:center;
}
#footer a{color:#b2b2b2;}
#footer a:hover{color:#4c8bc1;text-decotion:none;}