/* css 歸零 */
html, body, div, span, applet, object, iframe-x,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: "Tahoma","Verdana","Arial", "新細明體";	color: #8E9092;
	font-size: 11px;
}

h1 { color:#65635A; font:bold 15px dotum;}

h2 {font-size: 13px; color:#F32C45;}
div{ width:100%;}
ol, ul {list-style: none;}
a{text-decoration:none;}
hr,.br{clear:both;}
img { border: 0;}
a:link, a:visited{color: #8E9092;	text-decoration: none;}
a:hover {color:#8a8579;}
a:active {color: #FF6203;}

/* 主要架構h1 color:#8E9092;*/
#wrapper {
	width:1000px;
	margin:-1px auto;
	font-size:12px;
}

#header {
	 height:114px;
	 background-image:url(./img/head_bg.jpg); 
  	 background-repeat: no-repeat;
}

#left_navi {
	float:left;
	width:71px;
	margin: 8px 10px 0 0;
}

#content {
	float:right;
	width:740px;
	margin: 0 0 0 10px;
}

#footer {
	clear:both;
	height:50px;
	background-image:url(./img/tail_bar.jpg); 
  	background-repeat: repeat-x;
}

#content_left {
	float:left;
	width:435px;
	margin-left:10px;
	}
#content_right {
	float:right;
	margin-left:50px;
	width:225px;
	border-left:solid 1px #e0e0e0;
	}
/*list*/
.bg0 {background-color :#F2F2F2; } 
.bg1 {background-color:#FFF; } 

 .title {color: #1E4580;	text-decoration: none;}
a.title:link, a.title:visited{	color: #1E4580;	text-decoration: none;}
a.title:hover ,a.title:active  {color: #FF6203;}

 .list {border: 0px solid #FFFFFF;}
a.list :link, a.list :visited {color: #1E4580;	text-decoration:none;}
a.list :hover, a.list :active {color: #FF6203;}

 .desc{line-height:22px ; margin-top:0 ; margin-bottom:0;  color:#313131; text-decoration:none;  text-align:justify;}
a.desc:hover,a.desc:visited { color:#0D3C98 ; text-decoration:none }
a.desc:link , a.desc:visited { color: #313131 ; text-decoration:none }

/*view*/
.b{font-weight: bold;}
.hidden, .hide {display: none;}
.left {	float: left;}
.right {float: right;}
.textarea {border: 1px solid #dfdfdf;}
.fc1{color:#111111} 
.fc2{color:#222222} 
.fc3{color:#333333} 
.fc4{color:#444444} 
.linedot {border-bottom: 1px dotted #EFEFEF;cursor: help;}
.linedot2 {border-bottom: 2px dotted #EFEFEF;cursor: help;}
.fs12{font-size:12px} 
.fs14{font-size:14px} 
.pd10{padding:10px} 
.pd20{padding:20px} 
	
/* 首頁設定 */

.index_title {
	 background-image:url(./img/icon_index_title.png); 
  	 background-repeat: no-repeat;
  	 background-position: bottom left; 
  	 padding:0px 0px 0px 18px;
  	 font-weight:bold;
  	 font-size:14px;
  	 height:16px;
  	 }

.index_subtitle {
  	 height:16px;
  	 color:#c9c9c9;
  	 font-weight:bold;
  	 }

.content {
	margin:0px 0 0 10px;
	padding:0px 0px 0px 10px;
	color:#666666;
	line-height:14px;
	}
	
.content_news {

	margin:4px 0 0 0px;
	color:#666666;
	line-height:24px;
	font-size:12px;
	}
	
a.index_news_link:link, a.index_news_link:visited ,a.index_news_link:active{color:#8e8d8d;line-height:24px;}
a.index_news_link:hover {color:#C70808;}

/*Footer 設定*/
.footer_info {
	float:right;
	margin:0px 0 0 0;
	color:#1d669f;
	}
	
/*navi 設定*/
.left_navi_style ul {
	list-style:none;
	margin-top:0px;
	line-height: 24px;
}

.left_navi_style li {
	margin:0;
	padding:0;
}
/*left_navi_style設定	background: url(./img/left_navi_unhover.jpg); 	margin:-10px 0 0 -10px;;*/
.left_navi_style li a, .left_navi_style li a:visited, .left_navi_style li a:active {
	display:block;
	margin:-10px 0 0 0px;
	width:60px;
	height:24px;
	padding:8px 0 0 20px;
	background-repeat: no-repeat;
	color:#65635A;
	font-size:12px;
	
}
/*left_navi_style設定font-weight:bold;*/
.left_navi_style li a:hover {
	background: url(./img/left_navi_hover.gif);
	background-repeat: no-repeat;
	color:#F58752;
}

/*頭部設定*/
.head_sub {
	width:260px;
	float:right;
	margin-top:40px;
}

.header_navi {
	clear:both;
	width:740px;
	height:49px;
	float:right;
	margin-top:10px;
	background: url(./img/head_navi_bg.jpg);
	background-repeat: repeat-x;
	line-height:46px;
	font-weight:bold;
}

a.head_sub_link:link, a.head_sub_link:visited ,a.head_sub_link:active{color:#8a8579;padding-right:20px;font-size:11px;}
a.head_sub_link:hover {color:#8a8579;}

a.head_navi_link:link, a.head_navi_link:visited ,a.head_navi_link:active{color:#d5edff;padding:0px 0 0 46px;font-size:16px;}
a.head_navi_link:hover {color:#FFD400;}

a.head_navi_link1:link, a.head_navi_link1:visited ,a.head_navi_link1:active{color:#d5edff;padding:0px 0 0 20px;font-size:16px;}
a.head_navi_link1:hover {color:#FFD400;}

/*download*/
.bg-left {
	background: url(http://www.hsu-design.com/img/bk-right-interior.jpg) repeat-y right;
} 
.bg-foot {
	background: #FFF url(http://www.hsu-design.com/img/bk-foot-interior.jpg) repeat-x;
} 
.bg-foot1 {
	background: #FFF url(http://www.hsu-design.com/img/bk-foot1-interior.jpg) repeat-x;
} 
.All-Rights {
	color:#8AA9D7;
}
/*navi 設定*/
.left_navi_style {
	list-style:none;
	margin-top:0px;
	line-height: 24px;
}
.service_style {
	list-style:none;
	margin-top:0px;
	line-height: 24px;
}
.service_style ul {
	list-style:none;
	margin-top:0px;
	line-height: 24px;
}

.service_style li {
	margin:0 0 0 10px;
	padding:0 0 0 24px;
	background: url(./img/service_style.gif);
	background-repeat: no-repeat;
}