@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body{ 
	font-family: 微軟正黑體, Arial, Helvetica, Verdana, san-serif;
	font-size: 12px; 
	line-height: 24px; 
	color: #cecece; 
	background: #000;

}
#index {
	

}

a { 
	text-decoration:none;}

p {
	line-height: 26px;
	font-size: 13px;
	color: ;
}
.clear {
	clear: both;
}



/*標題input樣式*/

h2 { 
	font-weight:normal; 
	font-size:12px;
}
h3 {
	color:#d8e0c7;
	font-size: 15px;
	font-weight:normal;
	margin: 10px 0; 
}
h4 {
	font-weight:normal; 
	font-size:15px;
}
h5 { 
	font-size: 5px; 
	color: #2b2b2b; 
	line-height: 5px; 
	font-weight: normal;
}
/*input { 
	background-color: #000; 
	line-height: 22px; 
	height: 22px; 
	border: 1px #272b12 solid; 
	color: #d8e0c7; 
	font-family:Verdana, Geneva, sans-serif;
}
textarea { 
	background-color:#000; 
	line-height:19px;
	border:1px #272b12 solid;
	color:#d8e0c7; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px;
}*/

#TotalWrapper {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	width: 1010px;
	margin: 0 auto;
	background: #2b2b2b;
}

#Header{ 
	width:960px;	 
	height:232px; 
	position:relative;
	margin:0 auto;
	/*background:url(../images/index_bg_2.gif) bottom repeat-x #000;*/
	padding: 0 25px;
	background:url(../images/index_bg_2.jpg);
}

#Index_Header #Logo, #Header #Logo { 
	position: absolute;
	width: 178px;
	height: 39px;
	left: 20px;
	top: 48px;
	
}
#Index_Header h1,#Header h1 {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 10px;
	color: #464849;
	line-height: 10px
}
#Index_Header #menu, #Header #menu {
	display: block;
	width: 540px;
	height: 60px;
	float: right;
	margin: 50px 0 0px 0;
}
#menu ul {}
#menu ul li {
	display: block; 
	float: left;
	width: 90px;
}
#menu ul li a{ 
	display: block; 
	padding:0; 
	text-align:center; 
	line-height:60px;
	font-family:"Helvetica", Arial, , sans-serif; 
	font-size:15px; 
	width: 90px;
	color: #cecece;
}
#menu ul li a:hover{ 
	color: #fff;
	text-shadow: 0 0 5px #fff;
/*		background: #a3cd39;*/
}

#Index_Header{ 
	width:960px;
	padding: 0 25px;
	height:374px; 
	position:relative; 
	margin:0 auto;
	clear: both;
	/*background:url(../images/index_bg_2.gif) top repeat-x #000;*/
	background:url(../images/header_bg.jpg) top;
}

/*main_pic*/
#indexbanner{ 
	width:960px;
	height:250px;
	overflow: hidden;
	position: relative;
}
#indexbanner * {
}
#indexbanner .link {
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 20px;
	width: 180px;
	z-index: 1002;
}
#indexbanner .link ul {
	width: 180px;
	height: 50px;
	display: block; 
	padding-top: 1px;
}
#indexbanner .link ul li { 
	font-size: 3px;
	font-family: Helvetica, Arial;
	text-indent: -9999px;
	width: 8px; 
	height: 8px;
	line-height: 15px; 
	float: left; 
	background: #93c748; 
	color: #fff; 
	border:1px #93c748 solid; 
	display: block; 
	text-align: center; 
	margin: 2px; 
	cursor: pointer;
	/* support Safari, Chrome */
	-webkit-border-radius: 5px;
	/* support firefox */
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#indexbanner .link ul li.on {
	background: #93c748;
	color: #93c748; 
	border:1px #93c748 solid;
}
#indexbanner .link ul li.off { 
	background: #d6d6d6;
	color: #d6d6d6;
	border:1px #d6d6d6 solid; 
}
#indexbanner .list a { 
	display: block; 
	width: 1000px; 
	height: 520px;
	position: absolute;
	overflow: hidden;
}
#indexbanner .list a img { 
	border: 0;
}


#Header .Top_BN { 
	position: absolute; 
	top:102px; 
	display:block; 
	width:980px; 
	height:115px;
	text-indent:-9999px;
}
#TOP_BN1 { 
	background:url(../images/page_top_1.jpg) no-repeat;
}
#TOP_BN2 { 
	background:url(../images/page_top_2.jpg) no-repeat;
}
#TOP_BN3 { 
	background:url(../images/page_top_3.jpg) no-repeat;
}
#TOP_BN4 { 
	background:url(../images/page_top_4.jpg) no-repeat;
}
#TOP_BN5 { 
	background:url(../images/page_top_5.jpg) no-repeat;
}
#TOP_BN6 { 
	background:url(../images/page_top_6.jpg) no-repeat;
}

/*內容*/
#Wrapper {
	margin: 0 auto;
	padding: 30px 0;
}
#Content { 
	width:940px;  
	margin:0 auto;
}
#Content2 { 
	width:920px; 
	eight:auto; 
	margin:0 auto;
}


/*Footer*/
#Footer {
	width: 960px;
	font-size: 12px;
	color: #888;
	line-height: 18px;
	margin: 0 auto;
	padding: 16px 25px 16px 25px;
	/*background: url('../images/footer_bg.gif') repeat-x top #404241;*/
	background: url('../images/footer_bg.jpg') top ;
}
#Footer_L { 
	width:500px;  
	float:left;

}
#Footer_L a { 
	color:#C4D7A8;
}
#Footer_L a:hover { 
	color:#abc035;
}
#Footer_R { 
	width:330px;  
	float:right; 
	text-align:right;
	
	font-size: 11px;
	
}

/*項目樣式*/
.Item_01 { 
	line-height:40px; 
	padding-left:30px; 
	display:block; 
	color: #ececec;
	margin: 10px 0;
}
.Item_02 { 
	line-height:40px; 
	padding-left:30px; 
	display:block; 
	color: #ececec;
	margin: 5px 0;
}
.Item_01 a, .Item_02 a {
	color: #ececec;
}
.item_a {
	background: url('../images/item_1.gif') no-repeat ;
}
.item_b {
	background: url('../images/item_2.gif') no-repeat ;
}
.item_c {
	background: url('../images/item_3.gif') no-repeat ;
}
.item_d {
	background: url('../images/item_4.gif') no-repeat ;
}
.item_e {
	background: url('../images/item_5.gif') no-repeat ;
}
.item_f {
	background: url('../images/item_6.gif') no-repeat ;
}

/*.Item_03{ line-height:26px; padding-left:15px; display:block; background:url(../images/img_ic2.gif) no-repeat left;}
.Item_04 a{ text-align:right; display:block;color:#abc035;}
.Item_04 a:hover{ color:#cecece; text-decoration:underline;}*/

.about_download {
	margin: 20px 10px 0 0px;
	float: right;
	
}
.about_download a {
	text-decoration: none;
	width: 240px;
	height: 30px;
	display: block;
	background: url('../images/orient_about.gif') no-repeat left top;
}
.about_download a:hover {
	background-position: bottom;
}
.about_download a span {
	visibility: hidden;
}

/*字體樣式*/
.Style_01 { 
	color: #000;
}
.Style_02 { 
	color: #d8e0c7;
}
.Style_03 { 
	color: #9eba00;
}
.Style_04 { 
	color: #8d7529;
}
.Style_05 {
	font-size: 15px;
	line-height: 26px;
	color: #888;
}
/*服務左右區塊*/
#Con_SVC1 { 
	width: 480px; 
	float: left; 
	padding-left: 60px;
}
#Con_SVC2 { 
	width: 170px; 
	height: 260px; 
	float: left;
}
#Con_SVC3 { 
	width: 280px; 
	height: 280px; 
	float: right; 
	padding: 26px 20px 0 0;
}

/*客戶*/
.Client_bk { 
	display: block; 
	width: 410px;
	height: 86px;
	float: left; 
	padding: 5px 0px;
	margin: 15px 16px 0 0;
	border-bottom: 1px solid #999;
	}
.Client_bk a {
	color: #93c748;
	text-decoration: underline;
}	
.Client_bk a:hover {
	color: #f6ffc5;
	text-decoration: underline;
}
.Client_bk ul {
	
}
.Client_bk li { 
	width: 240px;
	display: block; 
	float: left;
	
}
.Client_bk li.CL_Pic { 
	width: 120px; 
	height: 80px; 
}
.Client_bk li.CL_Name {  
	height: 22px; 
	line-height: 20px; 
	color: #ececec; 
	padding: 2px 0 0 8px; 
	overflow: hidden;
	font-size: 15px;
}
.Client_bk li.CL_Content { 
	height:60px; 
	line-height:20px; 
	padding:4px 0 0 8px; 
	overflow:hidden;
	color: #93c748;
	
}
.CL_Img{ display:block; width:120px; height:80px;}

/*案例*/
.Sider { 
	float: left; 
	width: 250px; 
	height: auto; 
	padding: 10px 0 ; 
	/*background: #555;*/
	/*border: 6px solid #999;*/
	border-right: 1px solid #333;
	font-size: 14px;
}
.Sider ul {}
.Sider li { 
	display: block; 
	width: 250px; 
	height: 32px; 
	line-height: 32px; 
	overflow: hidden; 
	margin: 5px 0;
	text-align: right;
	}
.Sider li a { 
	display:block; 
	width:230px; 
	height:32px; 
	color: #cecece; 
	text-decoration:none;
	padding: 0 10px;
}
.Sider li a:hover { 
	text-decoration:none; 
	color: #fff;
	background: #a3cd39;
}
.Sider li.WK_Now a {
	color: #93c748;
}
.Sider li.WK_Now a:hover {
	color: #fff;
}
#Work_all { 
	width: 604px; 
	height: auto; 
	float: right;

}
.Work { 
	float: left; 
	width: 190px; 
	height: 190px; 
	padding: 5px;
	margin: 0 0 8px 0;
}
.Work ul {}
.Work li { display:block; margin:0 auto;line-height:18px; }
.Work li a { display:block; }
.Work li.WK_Pic { 
	width: 180px; 
	display: block;
	margin: 0 auto 6px auto;
}
.Work li.WK_Pic a { 
 
	width: 160px; 
	display:block; 
}
.Work li.WK_Pic a:hover { 
}
.Work li.WK_Date { 
	height: 18px; 
	overflow: hidden; 
	width: 172px;
	color: #d9e7c3;
	padding: 0 4px;
}
.Work li.WK_Title {
	width: 180px;
}
.Work li.WK_Title a { 
	height: 34px; 
	overflow: hidden; 
	color: #cecece;
	width: 172px;
	font-size: 13px;
	padding: 4px;
}
.Work li.WK_Title a:hover{ 
	background: #5d5d5a;
	color: #fff;
}
.WK_Img { 
	display:block; 
	width:180px; 
	
}

#WK_IS { 
	height: 30px; 
	width: 600px; 
	
}
#WK_IS li{ display:block;}
.WK_IS_Title { 
	width: 584px; 
	height: 36px; 
	line-height: 36px; 
	color: #fff; 
	overflow: hidden;
	font-size: 15px;
	border-bottom: 1px solid #93c748;
	padding-left: 16px;
	background:  url('../images/title_icon.gif') no-repeat left top;
}
.WK_IS_Date { 
	width: 70px; 
	height: 28px; 
	float: right;  
	font-size:12px; 
	line-height:30px;	
	color: #bed1a1;
}
#WK_IS_Con { 
	width: 580px; 
	margin: 0 auto; 
	padding: 10px;
	clear: both;
	color: #f0f0f0;
	line-height: 26px;
	font-size: 13px;
}
#WK_IS_Con img { 
	padding: 10px;
}
#WK_IS_Con a { 
	color: #e1eece; 
	text-decoration: underline;
}
#WK_IS_Con a:hover{ 
	color: #fff;
}

/*消息區*/
.News_all { 
	display: block; 
	width: 860px; 
	margin: 5px auto; 

	
	
}
.News_all a { 
	display:block; 
	margin:0 auto; 
	height:30px; 
	line-height:30px; 
	color: #cecece; 
	
	font-size: 13px;
	padding:4px 0 4px 18px;
	border-bottom: 1px dashed #bed1a1;
	margin: 16px 0;
}
.News_all a:hover{ 
	background: url('../images/title_icon.gif') no-repeat left #555;
	color: #fff;
	
}
.News_Date { 
	padding: 0 4px 0 0; 
	float: left;
}
.News_Title { 
	padding: 0 2px;
	float: left; 
	overflow: hidden; 
	height: 30px; 
	width: 720px; 
	display: block;
	
}
.News_More { 
	padding: 0 4px; 
	float: right; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	isplay: block; 
	color: #cecece; 
	line-height: 30px;
}

#News_IS { 
	width: 800px; 
	height: 36px; 
	line-height: 36px; 
	color: #fff; 
	overflow: hidden;
	
	border-bottom: 1px solid #93c748;
	padding-left: 16px;
	background:  url('../images/title_icon.gif') no-repeat left top;
}
#News_IS li { display:block;}
#News_IS h2{
	font-size: 15px;
}

.News_IS_Title { 
	width:700px; 
	height:36px; 
	line-height:36px; 
	float:left; 
	overflow:hidden;
}
.News_IS_Date{ width:70px; height:28px; float:right;  font-size:11px; line-height:30px;}
#News_IS_Con {
	width: 800px; 
	margin: 0 auto; 
	padding: 20px 10px;
	clear: both;
	color: #f0f0f0;
	line-height: 26px;
	font-size: 13px;
}
#News_IS_Con img{ 
	padding: 10px;
}
#News_IS_Con a{ color:#7e9114;text-decoration:underline;}
#News_IS_Con a:hover{ color:#abc035;}

/*聯絡區*/
#CT_BK { width:400px; height:auto; float:left;}
#CT_BK_Right { 
	width:360px; 
	float:right; 
	height:auto; 
	margin:20px 60px 0 10px;
}
#CT_BK_Right a{color: #C4D7A8;}
#CT_BK_Right a:hover{ text-decoration:underline;}
#CT_BK_title{ width:380px; height:40px; line-height:18px; margin:0 auto; } 
.CT_BK_TB td{ padding:5px;}
.CT_BK_TB01{ text-align:right; vertical-align:top;}
.CT_BT{ display:block; height:22px; width:60px; float:right;border:1PX #152a06 solid; margin:4PX;}
.CT_BT a{ display:block; background-color:#152a06;  text-align:center; color:#8d9b71; line-height:22px;}
.CT_BT a:hover{ background-color:#9eba00; color:#152a06}

/*首頁最新消息區塊*/
#indexContent { 
	width: 960px;
	height: auto; 
	padding: 0px 0 8px 0; 
	margin: 0 auto;
	position: relative;
	
}
#Index_News{ 
	width:480px; 	
	float:left;
	position: relative;
}
#indexContent .In_Title_N { 
	display: block; 
	width: 94px; 
	height: 93px; 
	background: url(../images/index_news_title.png) no-repeat; 
	text-indent: -9999px;
	position: absolute;
}
#Index_News #Index_NewsAll { 
	width:380px; 
	height:auto;
	padding:0 0 2px 0;
	/*margin: 50px 0 0 68px;*/
	top: 50px;
	left: 68px;
	position: absolute;
}
#Index_NewsAll li { 
	display:block;
}
#Index_NewsAll li a { 
	display:block;
	width:370px; 
	height:86px;
	overflow:hidden; 
	padding:5px 5px;
}
#Index_NewsAll li a:hover{ 
	background-color:#5f5f5d;
	
}
#Index_NewsAll li span {
	display:block;
}
#Index_NewsAll .Index_NewsDate { 
	padding: 0 0 0 2px; 
	color: #b8c3a4;
	line-height: 16px;
}
#Index_NewsAll .Index_NewsTitle { 
	height: 22px; 
	color: #a3cd39;
	overflow:hidden; 
	font-size: 14px;
}
#Index_NewsAll { 
	display:block; 	
	clear:both;
	overflow:hidden;
}
.Index_NewsExcerpt {
	width:326px; 
	height:60px; 
	color:#fff; 
	line-height:24px; 
	font-size: 13px;
}

/*首頁案例區塊*/
#Index_Work { 
	width:440px; 
	height:240px; 
	float:right;
	overflow: hidden;
/*	border: 1px solid red;*/
}
#indexContent .In_Title_W { 
	display: block; 
	width: 94px; 
	height: 93px; 
	background: url(../images/index_work_title.png) no-repeat; 
	text-indent: -9999px;
	position: absolute;
	left: 480px;
}
.IWork { 
	float:left; 
	width:300px; 
	height:196px; 
	margin: 36px 12px 0 82px;

}
.IWork ul{}
.IWork li{ 
	display:block;
	line-height:18px; 
	float:left;
	/*padding: 0 5px;*/
}
.IWork li a{ 
	display:block;
	width: 380px;
	
}
.IWork li.IWK_Pic{ }

.IWork li.IWK_Date { 
	height:18px; 
	overflow:hidden; 
	width:180px; 
	clear:both; 
	color: #b8c3a4;
	padding: 2px 0;
}
.IWork li.IWK_Title {
	
}
.IWork li.IWK_Title a { 
	height: 20px;
	line-height: 20px; 
	overflow: hidden; 
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}
.IWork li.IWK_Title a:hover{ 
	text-decoration: underline;
}
.IWK_Img{ 
	display:block; 
	width: 284px; 
	height:160px;
}


/*頁數*/
.Page {
	display: block;
	width: 380px;
	height: 26px;
	padding-right: 10px;
	text-align: right;
	padding-top: 6px;
	float: right;
	font-size: 11px;
}
.Page li { 
	display: block;
	float: right;
	margin: 2px;
}
.Page li a {
	padding: 0 6px;
	display: block;
	text-decoration: none; 
	color: #cecece;
}
.Page li a:hover {
	
	color: #fff;
	text-decoration: none;
	background: #93c748;;
}
.Page li a.selected {
	color: #30803d;
}
.Page li.PG_Now a {
	color: #bed1a1;
	/*font-weight: bolder;*/
}

/*大標*/
#Main_Content { 
	width:860px; 
	margin: 10px auto;
}
#Main_Content2 { 
	width:880px; 
	height:auto; 
	padding: 0 5px;

	margin: 25px auto 10px auto;
}
.MainTitle { 
	display:block; 
	width:204px; height:37px; text-indent:-9999px;}
#MT1 { 
	background:url(../images/title_about.gif) no-repeat;
}
#MT2 { 
	background:url(../images/title_service.gif) no-repeat;
}
#MT3 { 
	background:url(../images/title_client.gif) no-repeat;
	}
#MT4 { 
	background:url(../images/title_work.gif) no-repeat;
}
#MT5 { 
	background:url(../images/title_news.gif) no-repeat;
}
#MT6 { background:url(../images/title_contact.gif) no-repeat;
}



#CT_BK {
display: none;
float: left;
height: auto;
width: 400px;
}
#CT_BK_Right h2 {
	font-size: 15px;
	color: #fff;
}
#CT_BK_Right h3 {
	font-size: 13px;
	
}
/*字體樣式*/
.Style01 a{color:#7e9114;}
.Style01 a:hover{ text-decoration:underline;}
.Style02 {
	padding-left: 30px;
}
.clear {
	clear: both;
}