@charset "utf-8";

/* CSS Document */

#box {
	width:1000px;
	background-color:#FFF;
	}

.line {
	background-image:url(line.png);
	}
	
p {
	margin-left:49px;
	margin-right:130px;
	margin-top:10px;
	font-family:Arial, "微軟正黑體", "新細明體";
	font-size:12px;
	text-align:justify;
	line-height:1.6em;
	letter-spacing:1px;
	word-spacing:2px;
	 }

.name p {
	margin-left:49px;
	margin-right:48px;
	margin-top:40px;
	font-family:Arial, "微軟正黑體", "新細明體";
	font-size:12px;
	text-align:justify;
	line-height:1.6em;
	letter-spacing:1px;
	word-spacing:2px;
	 }

#name9 p {
	margin-left:49px;
	margin-right:160px;
	margin-top:10px;
	font-family:Arial, "微軟正黑體", "新細明體";
	font-size:12px;
	text-align:justify;
	line-height:1.6em;
	letter-spacing:1px;
	word-spacing:2px;
	 }


	 
h2 {
	display:block;
    margin-top:10px;
	margin-left:48px;
	margin-right:49px;
	margin-bottom:0px;
	text-indent:-9999px;
	widows:403px;
	height:103px;
}

h3 {
	display:block;
	width:320px;
	font-family:"微軟正黑體";
	font-size:22px;
	color:#2cafd6;
	letter-spacing:0.5px;
	font-weight:bold;
	border:1px solid #CCC;
	padding-left:7px;
}

.join h2  { 
height:80px;
background-image: url(images/join_company.png);
background-repeat:no-repeat;
 }
 
.join P  {
	font-size:14px;
	color: #666;
	margin-right:300px;
	line-height:2.3em;
 }

.join {
	background-image:url(images/join_company_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	}

.about h2  { 
height:80px;
background-image: url(images/about.png);
background-repeat:no-repeat;
 }

 
.about P  {
	font-size:14px;
	color: #666;
	margin-right:300px;
	line-height:2.3em;
 }

.about {
	background-image:url(images/about_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	}

#title {
	width:1000px;
	margin:0 auto;
	background-image:url(images/title_bg.png);
	background-repeat:no-repeat; 
	height:250px;
	margin-bottom:30px;
	}

#title h1{
	text-indent:-9999px;
	}	

h4{
    display:block;
	width:1000px;
    margin:0 auto;
	font-family:Arial, "微軟正黑體", "新細明體";
	font-size:13px;
	line-height:1.6em;
	letter-spacing:1px;
	word-spacing:2px;
	}
	
#bot a{
font-family:"微軟正黑體", "新細明體", "細明體";
font-size:14px;
color:#333;
text-align:justify;
letter-spacing:1px;
line-height:1.5em;
text-decoration:none;
	}

.bot {
	border-bottom:dotted 1px #CCC;
	}

	 
#name1 h2 { background-image:url(images/porject_name_1.png); }
#name2 h2 { background-image:url(images/porject_name_2.png); }
#name3 h2 { background-image:url(images/porject_name_3.png); }	 
#name4 h2 { background-image:url(images/porject_name_4.png); }
#name5 h2 { background-image:url(images/porject_name_5.png); }
#name6 h2 { background-image:url(images/porject_name_6.png); }
#name7 h2 { background-image:url(images/porject_name_7.png); }
#name8 h2 { background-image:url(images/porject_name_8.png); }
#name9 h2 { background-image:url(images/porject_name_9.png); }

#name1 {
	background-image:url(images/porject_name_1_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }

#name2 {
	background-image:url(images/porject_name_2_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }

	 
#name3 {
	background-image:url(images/porject_name_3_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }
	 
	 
#name4 {
	background-image:url(images/porject_name_4_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }
	 
 
#name5 {
	background-image:url(images/porject_name_5_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }
	 
	 
#name6 {
	background-image:url(images/porject_name_6_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }
	 
 
#name7 {
	background-image:url(images/porject_name_7_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }
	
 
#name8 {
	background-image:url(images/porject_name_8_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }

#name9 {
	background-image:url(images/porject_name_9_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	 }
	 


	 

/* 照片輪播燈箱1 */
#abgneBlock01 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock01 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock01 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock01 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock01 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock01 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock01 ul.playerControl li.current { 
		background-position: 0 0;
	}
	

/* 照片輪播燈箱2 */
#abgneBlock02 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock02 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock02 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock02 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock02 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock02 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock02 ul.playerControl li.current { 
		background-position: 0 0;
	}

/* 照片輪播燈箱3 */
#abgneBlock03 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock03 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock03 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock03 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock03 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock03 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock03 ul.playerControl li.current { 
		background-position: 0 0;
	}

/* 照片輪播燈箱4 */
#abgneBlock04 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock04 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock04 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock04 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock04 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock04 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock04 ul.playerControl li.current { 
		background-position: 0 0;
	}

/* 照片輪播燈箱5 */
#abgneBlock05 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock05 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock05 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock05 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock05 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock05 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock05 ul.playerControl li.current { 
		background-position: 0 0;
	}
	
/* 照片輪播燈箱6 */
#abgneBlock06 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock06 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock06 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock06 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock06 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock06 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock06 ul.playerControl li.current { 
		background-position: 0 0;
	}
	
/* 照片輪播燈箱7 */
#abgneBlock07 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock07 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock07 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock07 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock07 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock07 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock07 ul.playerControl li.current { 
		background-position: 0 0;
	}
	

/* 照片輪播燈箱8 */
#abgneBlock08 {
		width: 500px;
		height: 297px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	#abgneBlock08 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock08 ul.list li {
		float: left;
		width: 500px;
		height: 100%;
	}
	#abgneBlock08 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock08 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock08 ul.playerControl li {
		float: left;
		width: 10px;
		height: 10px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(images/cir_ctrl.png) no-repeat -10px 0;
	}
	#abgneBlock08 ul.playerControl li.current { 
		background-position: 0 0;
	}