@charset "utf-8";
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	margin:0;
	padding:0;
	background:url(../images/index_else/bg_2px.jpg) no-repeat center -70px;
}
p{  /*\*/
	letter-spacing: 0.1em;
	/**/
	margin:0 0 10px 0;}
a{
	text-decoration:none;
	color:#666666 ;
}
ul,li{
list-style-type:none;
}
#container_all {
	text-align:left;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#container {
	text-align:left;
	position: relative;
	margin: 0 auto;
	width: 970px;
}
#header{
	height:156px;
}
/*logo*/
#logo {
	float: left;
	padding: 24px 0 0 17px;
	width:375px;
	height:132px;
}
/*選單*/
#navigation {
	float: left;
	padding: 47px 0 0 0;
}
#navigation li {
	float: left;
	width:114px;
	height:51px;
	background:url(../images/index_else/nav_line.jpg) no-repeat right center;
}
#navigation .nav05{
    background:none;
}
#navigation li a{
    padding:15px 0 0 33px;
	display:block;
	overflow:hidden;
	width:80px;
	height:36px;
}
#navigation .nav01 a{
    background: url(../images/nav/nav_01.jpg) no-repeat center top;
}
#navigation .nav02 a{
    background: url(../images/nav/nav_02.jpg) no-repeat center top;
}
#navigation .nav03 a{
    background: url(../images/nav/nav_03.jpg) no-repeat center top;
}
#navigation .nav04 a{
    background: url(../images/nav/nav_04.jpg) no-repeat center top;
}
#navigation .nav05 a{
    background: url(../images/nav/nav_05.jpg) no-repeat center top;
}
#navigation li a:hover{
    color:#ffffff;
}
#navigation .nav01 a:hover{
    background: url(../images/nav/nav_01_1.jpg) no-repeat center top;
}
#navigation .nav02 a:hover{
    background: url(../images/nav/nav_02_1.jpg) no-repeat center top;
}
#navigation .nav03 a:hover{
    background: url(../images/nav/nav_03_1.jpg) no-repeat center top;
}
#navigation .nav04 a:hover{
    background: url(../images/nav/nav_04_1.jpg) no-repeat center top;
}
#navigation .nav05 a:hover{
    background: url(../images/nav/nav_05_1.jpg) no-repeat center top;
}

/*選單*/
#homeleft {
	position: absolute;
	top: 260px;
	z-index:1;
}
#navigation2 {
	float: left;
	width: 200px;
}
#navigation2 li {
	float: left;
	width:150px;
	height:50px;
	background: url(../images/index_else/arrow.gif) no-repeat 19px 17px;
}
#navigation2 .nav05{
    background:none;
}
#navigation2 li a{
	padding:15px 0 0 30px;
	display:block;
	overflow:hidden;
	width:150px;
	height:35px;
}
#navigation2 .nav21 a{
	background: url(../images/nav/nav_01.gif) no-repeat 80px 22px;
	color: #666666;
}
#navigation2 .nav21 a:hover{
	background: url(../images/nav/nav_01.gif) no-repeat 80px 22px;
	color: #c20000;
}
#navigation2 .nav22 a{
	background: url(../images/nav/nav_02.gif) no-repeat 85px 21px;
	color: #666666;
}
#navigation2 .nav22 a:hover{
	background: url(../images/nav/nav_02.gif) no-repeat 85px 21px;
	color: #c20000;
}
#navigation2 .nav23 a{
	background: url(../images/nav/nav_03.gif) no-repeat 85px 21px;
	color: #666666;
}
#navigation2 .nav23 a:hover{
	background: url(../images/nav/nav_03.gif) no-repeat 85px 21px;
	color: #c20000;
}
#navigation2 .nav24 a{
	background: url(../images/nav/nav_04.gif) no-repeat 85px 21px;
	color: #666666;
}
#navigation2 .nav24 a:hover{
	background: url(../images/nav/nav_04.gif) no-repeat 85px 21px;
	color: #c20000;
}
#navigation2 .nav25 a{
	background: url(../images/nav/nav_05.gif) no-repeat 80px 22px;
	color: #666666;
}
#navigation2 .nav25 a:hover{
	background: url(../images/nav/nav_05.gif) no-repeat 80px 22px;
	color: #c20000;
}
#navigation2 li a:hover{
    color:#ffffff;
}

/*flash 區*/
#flashcontent {
	z-index:0;
	text-align:center;
}

/* #main原本應在top:671px處*/
/* #main20091112原本應在top:587px處*/
#main {
	position: absolute;
	top: 575px;
	z-index:1;
}
#main #ework_intro {
	float: left;
	width:412px;
	height:180px;
}
#main #ework_intro .intro_pic{
	float: left;
	width:199px;
	height:158px;
}
#main #ework_intro .ework_word{
	float: left;
	width:203px;
	padding:0 0 0 10px;
	line-height: 1.7;
}
/*有逗點的標題*/
#main .ti,#main .ti02 {
	font-size: 13px;
	font-weight: bold;
	display:block;
	padding:0 0 5px 0;
}
#main .ti{width:203px;}
#main .ti02{width:518px;}
#ework_intro .ework_word .more {
	padding: 10px 0 0 150px;
}
/*為什麼要選一化*/
#main #why_choice {
	float: left;
	width:518px;
	height:180px;
	padding:0 0 0 40px;
}
#why_choice ul {
	line-height: 1.6;
}
#why_choice li{padding:0 0 0 22px;margin:0 0 5px 0;}
#why_choice .red01 {
    background:url(../images/index_else/why_01.jpg) no-repeat left top;}
#why_choice .red01 h2,#why_choice .red02 h2,#why_choice .red03 h2{color:#c20000; display:inline; font-weight:bold;}
#why_choice .red02 {
    background:url(../images/index_else/why_02.jpg) no-repeat left top;}
#why_choice .red03 {
    background:url(../images/index_else/why_03.jpg) no-repeat left top;}
/*專案側寫*/
#main #special_case {
	float: left;
	width:631px;
	padding:0 45px 0 0;
	height:222px;
	background:url(../images/index_else/special_case_bg.jpg) no-repeat left top;
}
#special_case .special_ti {
	padding: 10px 0 0 30px;
	font-size:13px;
	font-weight:bold;
}
#special_case .special_ti .special_ti_e {
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#bbbbbb;
	padding:0 0 0 5px;
}
/*文章發表*/
#main #writings {
    float:left;
    background:url(../images/index_else/writings.jpg) no-repeat left top;
	width:255px;
	height:202px;
	padding:10px 10px 10px 18px;	
}
#writings li {
    padding:0 0 6px 0;
	line-height:1.4;
}
/*footer*/
/* #footer20091112原本應在top:1019px處*/
#footer{
	text-align:center;
	position: absolute;
	top:1102px;
	margin: 0 auto;
	width:100%;
	padding:0 0 30px 0;
}
#footer .gray_area{
    background-color:#a1a1a1;
    padding:8px 0 0 0;
    height:22px;
	color:#ffffff;
	margin:0 0 5px 0;	
}
#footer .gray_area a{
    color:#ffffff;
}
#footer .gray_area a:hover{
    color:#9a0e0e;
}
.flash_else {
	width:570px;
	height:47px;
	position: absolute;
	left:392px;
	top:0;
}
/*改碼開始*/
#ework_intro .ework_word .ti h1 {
	display: inline;
	font-weight:bold;
}
#footer strong {
    color:#b1b1b1;
}
.w3c{
    float:right;
	margin:-14px 0 0 0;
	
}
.w3c p{
    float:left;
	margin:0 3px 0 0;
}