@charset "utf-8";
/* CSS Document */
/*-------------------------產品_d------*/
html,body {
	-webkit-text-size-adjust:none;
	padding: 0;
	margin: 0;
}/*chrome font-size<12px */

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #bdbdbd;
	overflow:hidden;
	background-color: #000;
}
/*-*/
#wrapper{
	position:absolute;
	width:100%;
	height:100%;
}





/*背景大圖*/
#banner_list div._imgs {
	width: 100%;
	height: 100%;
	overflow: hidden;
	float: left;
}
#banner_list div img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;

}
#banner_list {
	width:100%;
	height:100%;
	z-index:-1;
}
/*左圖左右鍵*/
#btn_prev{
	position: absolute;
	left:0px;
	margin-left:47px;
	width: 56px;
	height: 55px;
	top:50%;
	margin-top:-75px;
}
#btn_next{
	clear:both;
	position: absolute;
	right:0;
	margin-right:47px;
	width: 56px;
	height: 55px;
	top:50%;
	margin-top:-75px;
}
/*
.prev:hover {
	background-position: 0 -80px;
}-*/
/*-
.next:hover {
	background-position: -39px -80px;
}-*/
a {
	text-decoration:none;
}
/*-小圖區塊-*/
/*---*/
.bp_con{
	position:absolute;
	left:0;
	top:0;
	margin-left:124px;
	margin-top:85px;
	color:#bdbdbd;
	line-height:23px;
	width:306px;
	height:424px;
	padding:28px 0 28px 28px;
	background-image: url(../images/in_con_bg.png);
	background-repeat: repeat;
}
.bp_con_space{
	height:38px;
	width:284px;
}
.bp_con_t{
	width:284px;
}
.bp_con_space02{
	height:23px;
	width:284px;
}




/*------------------------------------------------------*/
/*service*/
#service {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left:0px;
	z-index:1;
	background-color: #FFF;
}
#service #big_block {
				width: 100%;
				height: 100%;
				position: absolute;
				overflow:hidden;
}
#service #images {
	width:100%;
	height:100%;
	z-index:-1;
}

.service_item_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	float: left;
}
.loading{
  background:url(../images/loading.gif) no-repeat center center;
}

			/*--大箭頭按鈕
			#service_control {
		      display: block;
	          overflow: hidden;
		      z-index:1000;
		      width: 100%;
		      height: 60px;
		      position: absolute;
		      top:50%;
		      margin-top:-39px;
			}
			#service_control #prev{
	           left:0px;
			}
			 #service_control #next {
				 right:0;
			 }
			 ----*/
			/*
			#service_control #prev {
				background-position: 0 0;
				left:0px;
			}
			#service_control #prev:hover {
				background-position: 0px -88px;
			}
			#service_control #next {
				background-position: -63px 0px;
				right:0px;
			}
			#service_control #next:hover {
				background-position: -63px -88px;
			}
            -*/
			/*---*/

/*-小左右建-*/
			#service_s_control {
				width:10px;
				height:16px;
				bottom:0;
				z-index:1000;
			}
			#service_s_control #prev, #service_s_control #next {
				display: block;
				width: 10px;
				height: 16px;
				z-index:1000;
			}
			#service_s_control #prev {
				width:10px;
				height:16px;
				z-index:999;
				display: block;
			}
			#service_s_control #next {
				width:10px;
				height:16px;
				z-index:999;
				display: block;
			}




/*-小圖-*/
#service #thumbs{
	width:330px;
	height:49px;
}
#service #thumbs .service_s_item {
	position:relative;
	width: 49px;
	height: 49px;
	padding: 0;
	cursor:pointer;
	float: left;
	margin-right: 1px;
}
/*滑鼠滑過去時的邊框*/
.service_s_item_border_mask{
  position:absolute;
  top:0px;
  left:0px;
  border:5px solid #ffffff;
  width:39px; /*原始物件的寬度 - (線寬*2) */
  height:39px; /*原始物件的高度 - (線寬*2) */
  cursor:pointer;
  z-index:999;
}
<!---->
#service #thumbs .service_s_item_over {
	width: 49px;
	height: 49px;
	position:absolute;
}
.spblock02{
	position:absolute;
	left:50%;
	bottom:0;
	margin-bottom:26px;
	margin-left:-180px;
	z-index:999;
}



/*---------------------*/
/*-*/
.languge{
	position:absolute;
	z-index:998;
	top:0;
	right:0;
	margin-top:13px;
	margin-right:68px;
	width:39px;
	height:11px;
}
.languge ul{
	margin:0;padding:0;list-style:none;
}
.languge li{
	float:left;
	display:block;
}


/*-----------------------------------------返回---*/
.back{
	position:absolute;
	z-index:999;
	top:71px;
	right:93px;
	width:57px;
	height:57px;
}

/*---*/
.pro_d_year{
	font-size:14px;
	font-family:"Myriad Pro", "Arial Unicode MS";
	color:#ffffff;
}
.sp_ahover{
	background-image: url(../images/pro_d_sp_ahover.png);
	background-repeat: no-repeat;
	position: absolute;
	width:49px;
	height:49px;
	z-index:9999;
	cursor:pointer;
}


/*--專案實績拉罷-*/
/*partners*/
#partners {
	width:100%;
	height:100%;
	position:absolute;
}
#partners_info {
	width:312px;
	height:325px;
	position:absolute;
	z-index:2
}
#partners #content{
	width:312px; /*內容+捲軸寬度+間距  253 + 14 + 30*/
	height:220px;
}
#partners #scroll .viewport {
	overflow:hidden;
	width:294px;
	height:220px;
	position: absolute;
}
#partners #scroll .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; color:#fafafa; letter-spacing:0.1em}
#partners #scroll .scrollbar{ position: absolute; right:0px; width: 14px;z-index:2;}
#partners #scroll .track { height: 100%; width:14px; position: relative; padding: 2px; }
#partners #scroll .thumb { background:url(../images/bar.png) no-repeat; height: 66px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0;z-index:91;}
#partners #scroll .disable { display: none; }
#partners #scroll{
	height:100%;
	overflow:hidden;
}
/*--關於我們拉罷-*/
#about {
}
#about_info {
	width:520px;
	height:325px;
	position:absolute;
	z-index:2
}
#about #content02{
	width:520px; /*內容+捲軸寬度+間距  253 + 14 + 30*/
	height:220px;
}
#about #scroll02 .viewport {
	overflow:hidden;
	width:520px;
	height:220px;
	position: absolute;
}
#about #scroll02 .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:12px; line-height:18px; color:#bdbdbd; letter-spacing:0.1em}
#about #scroll02 .scrollbar{ position: absolute; right:0px; width: 14px;z-index:2;}
#about #scroll02 .track { height: 100%; width:14px; position: relative; padding: 103px; }
#about #scroll02 .thumb { background:url(../images/bar.png) no-repeat; height: 66px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0;z-index:91;}
#about #scroll02 .disable { display: none; }
#about #scroll02{
	height:100%;
	overflow:hidden;
}
/*--關於我們拉罷2-*/
#about_2 {
}
#about_info_2 {
	width:520px;
	height:325px;
	position:absolute;
	z-index:2
}
#about_2 #content02_2{
	width:520px; /*內容+捲軸寬度+間距  253 + 14 + 30*/
	height:220px;
}
#about_2 #scroll02_2 .viewport {
	overflow:hidden;
	width:520px;
	height:220px;
	position: absolute;
}
#about_2 #scroll02_2 .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:12px; line-height:18px; color:#bdbdbd; letter-spacing:0.1em}
#about_2 #scroll02_2 .scrollbar{ position: absolute; right:0px; width: 14px;z-index:2;}
#about_2 #scroll02_2 .track { height: 100%; width:14px; position: relative; padding: 103px; }
#about_2 #scroll02_2 .thumb { background:url(../images/bar.png) no-repeat; height: 66px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0;z-index:91;}
#about_2 #scroll02_2 .disable { display: none; }
#about_2 #scroll02_2{
	height:100%;
	overflow:hidden;
}
/*--關於我們拉罷3-*/
#about_3 {
}
#about_info_3 {
	width:520px;
	height:325px;
	position:absolute;
	z-index:2
}
#about_3 #content02_3{
	width:520px; /*內容+捲軸寬度+間距  253 + 14 + 30*/
	height:220px;
}
#about_3 #scroll02_3 .viewport {
	overflow:hidden;
	width:520px;
	height:220px;
	position: absolute;
}
#about_3 #scroll02_3 .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:12px; line-height:18px; color:#bdbdbd; letter-spacing:0.1em}
#about_3 #scroll02_3 .scrollbar{ position: absolute; right:0px; width: 14px;z-index:2;}
#about_3 #scroll02_3 .track { height: 100%; width:14px; position: relative; padding: 103px; }
#about_3 #scroll02_3 .thumb { background:url(../images/bar.png) no-repeat; height: 66px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0;z-index:91;}
#about_3 #scroll02_3 .disable { display: none; }
#about_3 #scroll02_3{
	height:100%;
	overflow:hidden;
}
/*--關於我們拉罷4-*/
#about_4 {
}
#about_info_4 {
	width:520px;
	height:325px;
	position:absolute;
	z-index:2
}
#about_4 #content02_4{
	width:520px; /*內容+捲軸寬度+間距  253 + 14 + 30*/
	height:220px;
}
#about_4 #scroll02_4 .viewport {
	overflow:hidden;
	width:520px;
	height:220px;
	position: absolute;
}
#about_4 #scroll02_4 .overview { list-style: none; position: absolute; left: 0; top: 0; font-size:12px; line-height:18px; color:#bdbdbd; letter-spacing:0.1em}
#about_4 #scroll02_4 .scrollbar{ position: absolute; right:0px; width: 14px;z-index:2;}
#about_4 #scroll02_4 .track { height: 100%; width:14px; position: relative; padding: 103px; }
#about_4 #scroll02_4 .thumb { background:url(../images/bar.png) no-repeat; height: 66px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0;z-index:91;}
#about_4 #scroll02_4 .disable { display: none; }
#about_4 #scroll02_4{
	height:100%;
	overflow:hidden;
}

/*-白色線框區塊----d1.html*/
._item02{
  position: relative;
  display:block;
  width:49px;
  height:49px;
  z-index:999;
}
/*滑鼠滑過去時的邊框*/
._item_border_mask02{
	position:absolute;
	top:0px;
	left:0px;
	width:37px; /*原始物件的寬度 - (線寬*2) */
	height:37px; /*原始物件的高度 - (線寬*2) */
	cursor:pointer;
	z-index:999;
	border:6px solid #ffffff;
}

.pager {
				text-align: center;
				z-index:1000px;
		}
.pager a {
				margin: 0 10px 0 0;
				text-decoration: none;
				display:inline-block;
				width:6px;
				height:6px;
				background-image: url(../images/ab_icon.jpg);
				background-repeat: no-repeat;
			}
.pager a.selected {
				text-decoration: underline;
				background-image: url(../images/ab_icon_2.jpg);
				background-repeat: no-repeat;
			}
/*---------------------------------------------------------------伸縮小圖-----*/
#carousel_s_pop {
	position:absolute;
	height:37px;
	bottom:60px;
	z-index:6;
}
#carousel_s_pop ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#carousel_s_pop li {
	display: none;
	cursor:pointer;
	position:absolute;
	background-image: url(../images/service_pop_bg.jpg);
	background-repeat: repeat-x;
	padding-left:10px;
	padding-right:10px;
	min-width:83px;
	height:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
	text-align:center;
	bottom:-5px;
}
.carousel_s_pop_word{
	font-size:12px;
	color:#313131;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.carousel_s_pop_arrow {
	width:100%;
	height:7px;
	position:absolute;
	left:0px;
	bottom:-6px;
	background:url(../images/service_arrow.png) center no-repeat;
}

/*----------------------------------------------------------------點第2張小圖-----*/
.bp_con_tit{
	left:0;
	top:0;
	margin-left:148px;
	margin-top:129px;
	font-family:"ProximaNova","Arial", "Arial Unicode MS";
	color:#C6171F;
	font-size:30px;
}

/*--------------------------------------------------------------空間相簿-------*/
.pro_d2_block{
	position:absolute;
	left:0;
	bottom:0;
	margin-left:55px;
	margin-bottom:30px;
	margin-right:25px;
	width:95%;
	z-index:999;
	color:#ffffff;
}
.pro_d2_t{
	color:#e4000f;
}
/*-白色線框塊---------------------------d2.html------*/
._item03{
  position: relative;
  display:block;
  width:73px;
  height:73px;
  z-index:999;
}
/*滑鼠滑過去時的邊框*/
._item_border_mask03{
	position:absolute;
	top:0px;
	left:0px;
	width:61px; /*原始物件的寬度 - (線寬*2) */
	height:61px; /*原始物件的高度 - (線寬*2) */
	cursor:pointer;
	z-index:999;
	border:6px solid #ffffff;
}

/*-*/
#photo_con{
	width:208px;
	background-image: url(../images/photo_middle_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin:0;
	padding:14px 21px 15px 17px;
}
/* ======================= */
/* 下拉選單區塊  */
/* ======================= */
.photo_con ul{
	margin:0;
	padding:0;
	list-style:none;
}
.photo_con li {
	display: block;
	float: left;
}
/* ======================= */
/* 下拉選單的高度 */
/* ======================= */
.photo_con ul li ul {
	margin: 0;
	padding:0;
	display: block;
	overflow: auto;
	width: 208px;
	color: #4c4c4c;
}
.photo_con ul li ul li {
	display:block;
}
.photo_con_bg{
	background-color:#e8e8e8;
	padding:18px 12px 18px 12px;
}
/* 當選到時 */
/* ======================= */
.photo_con .option_selected {
    background: url("../images/dropdown.png") no-repeat scroll 0 0 transparent;
    color: #4c4c4c;
    display: block;
    font-size: 12px;
    line-height: 34px;
    margin-top: 9px;
    padding: 0 8px;
    position: relative;
    width: 200px;
    z-index: 400;
}
.photo_con li{
	float:none;
}
/*--底圖*/
.photo_down{
	background-image: url(../images/photo_down.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:246px;
	height:13px;
}
#ab_con_p02{
	margin-right: auto;
	margin-left: auto;
	width:580px;
	height:250px;
	float:left;
	text-align:center;
}