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

/*-----------------------------------------------------------------about內容區塊---------*/
/*-內容左*/
.con_left{
	width:302px;
	padding-left:33px;
	padding-top:61px;
	float:left;
	display:none;
}
.con_left02 {
	width:302px;
	padding-left:33px;
	padding-top:61px;
	float:left;
}
/*--*/
.tit{
	width:302px;
	margin-bottom:57px;
}
.left_p{
	width:302px;
}
/*-內容右*/
.con_right{
	width:530px;
	height:400px;
	float:left;
	margin-top:140px;
	letter-spacing: 0.1em;
    line-height: 18px;
	display:none;
}
.con_right02{
	width:530px;
	height:400px;
	float:left;
	margin-top:140px;
	letter-spacing: 0.1em;
    line-height: 18px;
}
/*-選單頁千*/
#ab-block {
		width: 588px;
		padding-left:27px;
	}
	#ab-block ul, #ab-block li {
		list-style: none;
		margin: 0;
		padding: 0;
		color:#ffffff;
	}
	#ab-block #tabs li {

	height:11px;
	padding: 8px 0 11px 0;
	cursor: pointer;
	background-image: url(../images/ex_list_bg.png);
	background-repeat: repeat-x;
	margin:1px 1px 0 0;
	width:128px;
	}
	#ab-block #tabs li.active {
	  padding: 8px 0 11px 0;
	  background-image: url(../images/ex_list_hoverbg.png);
	  background-repeat: repeat-x;
	}
	#ab-block #tabs li.hover{
		padding: 8px 0 11px 0;
	  background-image: url(../images/ex_list_hoverbg.png);
	  background-repeat: repeat-x;
	}
	/*
	#ab-block #tabs span {
		display: block;
		float: left;
		overflow: hidden;
	}-*/
	#ab-block .tab_container {
		clear: both;
		overflow: hidden;
		margin-top:61px;
	}
	#ab-block .tab_container ul {
		position: relative;
		height: 390px;
		overflow: hidden;
		margin-top:32px;
	}
	#ab-block .tab_container .tab_content li {
		position: absolute;
		width: 588px;
		height: 100%;
		line-height:23px;
		z-index:999;
	}
	
	
/*--2013-12-12-*/
.about_list {
	position:absolute;
		width: 588px;
		padding-left:335px;
	}
	.about_list ul, .about_list li {
		list-style: none;
		margin: 0;
		padding: 0;
		color:#ffffff;
	}
	.about_list #tabs li {
	float: left;
	height:11px;
	padding: 8px 0 11px 0;
	cursor: pointer;
	background-image: url(../images/ex_list_bg.png);
	background-repeat: repeat-x;
	margin:1px 1px 0 0;
	width:128px;
	display:block;
	}
	.menu_hover_02 span a.active{
		padding: 8px 0 11px 0;
	  background-image: url(../images/ex_list_hoverbg.png);
	  background-repeat: repeat-x;
	}

	#about_menu,#about_menu02,#about_menu03,#about_menu04 {
	width:130px;
	height:32px;
	float:left;
	}
/*--關於我們拉罷-*/
#scrollbar_order {
	width: 587px;
	/*-width: 595px;-*/
	clear: both;
	z-index:998;
}
#scrollbar_order .viewport {
	width: 588px;
	height: 390px;
	overflow: hidden;
}
#scrollbar_order .overview { width:523px; list-style: none; position: absolute; left: 0; top: 0;  }
#scrollbar_order .thumb .end,#scrollbar_order .thumb { background:url(../images/bar.png); background-repeat:no-repeat;}
#scrollbar_order .scrollbar {  position: relative; float: right; width: 12px;}
#scrollbar_order .track { background:url(../images/bar_bg.jpg); height: 100%; width:12px; position: relative; padding: 0 1px; }
#scrollbar_order .thumb { height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_order .thumb .end { overflow: hidden; height: 5px; width: 12px; }
#scrollbar_order .disable{ display: none; }

/*---關於我們左側按鈕-*/
.about_btn{
	position:absolute;
	right: 0px;
	margin-right:0px;
	height: 480px;
	width: 37px;
	margin-top:-31px;
	overflow: hidden;
	z-index:1000;
}
/*-*/
.about_con_btn{
	width:615px;
	height:480px;
	background-image: url(../images/about_con_btn_bg.png);
	background-repeat: no-repeat;
	background-position:right center;
}
/*-*/
.about_con{
	background-color:#212121;
	height:50px;
	width:500px;
	padding:0 60px 0 px;
}
/*-*/
.about_con02{
	 background-color:#151515;
	 height:47px;
	 padding:0 20px 0 26px;
}
.page{
	width:553px;
	text-align: right;
	color:#b7b7b7;
	font-family:"Myriad Pro", "Arial Unicode MS";
	position:absolute;
	margin-top: -40px;
}
.page_active{
	color:#ffffff;
}
#ab_con_p02 ,#ab_con_p02_2 ,#ab_con_p02_3{
	width:553px;
	height:233px;
	padding-bottom:30px;
	padding-left:36px;
	padding-top:50px;
}
#ab_con_p02 ul,#ab_con_p02_2 ul,#ab_con_p02_3 ul{
	margin:0;
	padding:0;
}
#ab_con_p02 li,#ab_con_p02_2 li,#ab_con_p02_3 li{
	float:left;
	display:block;
	width:171px;
	color:#b7b7b7;
	text-align: center;
}
#ab_con_p02 a,#ab_con_p02_2 a,#ab_con_p02_3 a{
	color:#b7b7b7;
	text-decoration:none;
}
#ab_con_p02 a:hoover,#ab_con_p02_2 a:hoover,#ab_con_p02_3 a:hoover{
	color:#ffffff;
	text-decoration:none;
}
.abs_icon{
	width:553px;
	text-align:center;
	padding-left:30px;
}
#about_block01 {
	width: 1000px;
	position:absolute;
	text-decoration: none;
}
#about_block02,#about_block03,#about_block04 {
	width: 1000px;
	position:absolute;
	text-decoration: none;
}
/*----------------------------------------------------服務項目service---------*/
.service_con{
	padding:40px 0 0 12px;
}
.service_con_tit{
	float:left;
	width:800px;
	margin-left:50px;
}
.service_con_t{
	float:left;
	width:800px;
	height:170px;
	margin-top:20px;
	margin-left:60px;
}
.service_con_t ul{
	margin:0;
	padding:0;
	list-style:none;
}
.service_con_t li{
	float:left;
}
.service_con_t02{
	float:left;
	width:990px;
	height:170px;
	margin-top:10px;
}
.service_con_t02 ul{
	margin:0;
	padding:0;
	list-style:none;
}
.service_con_t02 li{
	float:left;
	list-style-type:none;
}
/*--區塊--*/
.service_p01{
	float:left;
	margin-left:50px;
	background-image: url(../images/eng/service_p.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width:110px; 
	height:156px; 
	float:left;
}
.service_t01{
	float:left;
	width:130;
	height:180;
	z-index:-1; 
	margin-left:-140px;
	filter:alpha(opacity=0);opacity:0;

}
.service_p02{
	float:left;
	margin-left:30px;
	background-image: url(../images/eng/service_p02.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width:110px; 
	height:156px; 
	float:left;
	
}
.service_t02{
	float:left;
	width:130;
	height:180;
	z-index:-1;  
	margin-left:-140px;
	filter:alpha(opacity=0);opacity:0;
}

.service_p03{
	float:left;
	margin-left:30px;
	background-image: url(../images/eng/service_p03.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width:130px; 
	height:156px; 
	float:left;
}
.service_t03{
	float:left;
	width:130;
	height:180;
	position:relative;
	z-index:-1; 
	margin-left:-140px;
	dispaly:block;
	filter:alpha(opacity=0);opacity:0;
}
.service_p04{
	float:left;
	margin-left:20px;
	background-image: url(../images/eng/service_p04.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width:110px; 
	height:156px; 
}
.service_t04{
	float:left;
	width:130;
	height:180;
	position:relative;
	z-index:-1;   
	margin-left:-140px;
	dispaly:block;
	filter:alpha(opacity=0);opacity:0;
}
.service_p05{
	float:left;
	margin-left:20px;
	background-image: url(../images/eng/service_p05.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width:110px; 
	height:156px; 
	float:left;
}
.service_t05{
	float:left;
	width:130;
	height:180;
	position:relative;
	z-index:-1;  
	margin-left:-140px;
	dispaly:block;
	filter:alpha(opacity=0);opacity:0;
}
.service_p06{
	float:left;
	margin-left:20px;
	background-image: url(../images/eng/service_p06.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width:110px; 
	height:156px; 
	float:left;
}
.service_t06{
	float:left;
	width:130;
	height:180;
	position:relative;
	z-index:-1;  
	margin-left:-140px;
	dispaly:block;
	filter:alpha(opacity=0);opacity:0;
}
.service_p07{
	float:left;
	margin-left:15px;
	background-image: url(../images/eng/service_p07.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width:140px; 
	height:156px; 
	float:left;
}
.service_t07{
	float:left;
	width:130;
	height:180;
	position:relative;
	z-index:-1;
	margin-left:-140px;
	dispaly:block;
	filter:alpha(opacity=0);opacity:0;
}
.service_t01 ul,.service_t02 ul,.service_t03 ul,.service_t04 ul,.service_t05 ul,.service_t06 ul,.service_t07 ul{
	margin:0;
	padding:0;
	list-style:none;
}
.service_t01 li,.service_t02 li,.service_t03 li,.service_t04 li,.service_t05 li,.service_t06 li,.service_t07 li{
	float: none;
	background-image: url(../images/service_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-bottom: 10px;
	padding-left: 19px;
	display:block;
}
.on {
 display:block;
}
/*-箭頭-*/
.right_btn02{
	padding:38px 17px 0 0;
}
/*------------------------------------------------------------------專案實績----------*/
.pro_tit{
	text-align:center;
	padding-bottom:23px;
}
/*-*/
.pro_year{
	text-align:center;
	font-family:"Myriad Pro", "Arial Unicode MS";
	font-size:14px;
	padding-bottom:15px;
}
.pro_year A:link , .pro_year A:visited{
	color:#3a3a3a;
	text-decoration:none;
}
.pro_year A:hover , .pro_year A:active{
	color:#c6171f;
	text-decoration:none;
}
.pro_year_ahover A:link , .pro_year_ahover A:visited{
	color:#c6171f;
	text-decoration:none;
}
/*-*/
.pro_con{
	height:484px;
	overflow:hidden;
}
.pro_con ul{
	margin:0;
	padding:0;
	list-style:none;
}
.pro_con li{
	float:left;
	height:484px;
}
/*-紅色區塊*/
._item{
  position:relative;
  display:block;
  width:233px;
  height:242px;
  opacity:0;
  margin-right:150px;
}
/*滑鼠滑過去時的邊框*/
._item_border_mask{
	position:absolute;
	top:0px;
	left:0px;
	width:233px; /*原始物件的寬度 - (線寬*2) */
	height:242px; /*原始物件的高度 - (線寬*2) */
	cursor:pointer;
	z-index:999;
	color:#ffffff;
	background-image: url(../images/service_ahover_bg.png);
	background-repeat: repeat-x;
}
/*-*/
.pro_con_p{
	width:233px;
	height:172px;
}
.pro_con_p img a:hover{
	background-color:#c6171f;
}
.pro_con_t{
	padding-top:21px;
	padding-bottom:18px;
	color:#7a7a7a;
}
.pro_tit02 {
    display: none;
}
/*-------------------------------------------------search----*/
.search_t{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	height:20px;
	color:#7a7a7a;
	padding-left:47px;
}
.search_t2{
	color:#1e1e1e;
}
.search_t3{
	color:#1e1e1e;
	font-weight:bold;
}

/*--------------------------------------------------------------------contact-----------*/
.contact_tit{
	margin-left:34px;
	margin-top:60px;
}
.contact_con{
	margin-top:164px;
	margin-left:34px;
	margin-bottom:54px;
	width:675px;
	color:#d5d5d5;
	font-family:"華康儷中黑(P)","微軟正黑體", "新細明體";
}
.contact_list{
	padding:24px 41px 54px 41px;
}
.contact_line{
	border-left:1px solid #7c7c7c;
}
.contact_list_con{
	border:1px solid #d0d0d0; background-color:#ffffff; color:#000000; padding:4px;
}
.contact_box{
	border:none; background-color:#ffffff;color:#000000; width:180px;
}
.contact_box02{
	border:none; background-color:#ffffff;color:#000000; width:460px;
}
.contact_box03{
	border:none; background-color:#ffffff;color:#000000; width:510px; height:40px;
}
.pager {
				text-align: center;
		}
.pager a {
				text-decoration: none;
				display:inline-block;
				width:6px;
				height:6px;
				background: transparent url(images/ab_icon.jpg) no-repeat;
			}
.pager a.selected {
				text-decoration: underline;
				background: transparent url(images/ab_icon_2.jpg) no-repeat;				
			}