@charset "utf-8";

body{
background-color: #1b1b1b;
}
.whitebg {
	background-color: #FFFFFF;
}


/*首頁*/
#header h1{
	display: block;
	position: absolute;
	top: 260px;
	left: 20px;
}

#header h1 span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #535353;
}



/*背景*/
#wapper{
	display:block;
	width:auto;
	height:180px;
	background-image:url(images/index_bg.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: 0px 60px;
	}

/*標題*/
#title{
	display:block;
	position: absolute;
	top: 45px;
	left: 260px;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}

#title h3{	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;}

/* menu */
#menu {	position: absolute;
	top: 170px;
	left: 20px;}
#menu ul {}

#menu li {float:left;padding:0px  5px;}

#menu li  a{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
	text-decoration: none;
}

#menu li a:hover {
	color: #666666;
}


/* footer */
#footer{
	font-family: Arial, Helvetica, sans-serif;
	}
	


.table_col1 {
	display: block;
	float: left;
	height: 100px;
	width: 180px;
	position: static;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}



.table_col2 {
	display: block;
	float: left;
	height: 134px;
	width: 134px;
	position: static;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
}




/* 關於我們*/
#about{
	font-size: 11px;
	color: #CCCCCC;
	display: block;
	height: 500px;
	width: 500px;
	background-image: url(../images/about_bg.gif);
	background-repeat: no-repeat;
}

#about h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #999999;
	font-weight: normal;
	position: relative;
	height: 60px;
	width: 340px;
	left: 160px;
	top: 117px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #434343;
}

 #about h3 span{
	font-family: "Times New Roman", Times, serif;
	font-size: 10.5px;
	color: #999999;
	position: relative;
}


#about_text{
	font-size: 10.5px;
	color: #999999;
	display: block;
	height: auto;
	width: 320px;
	position: relative;
	top: 145px;
	left: 160px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}









/*服務項目*/
#works{
	font-size: 11px;
	color: #CCCCCC;
	display: block;
	height: 500px;
	width: 500px;
	background-image: url(../images/works_bg.gif);
	background-repeat: no-repeat;
}


#works h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #999999;
	font-weight: normal;
	position: relative;
	height: 60px;
	width: 180px;
	left: 30px;
	top: 320px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #434343;
}

 #works h3 span{
	font-family: "Times New Roman", Times, serif;
	font-size: 10.5px;
	color: #999999;
	position: relative;
}



#works_text{
	font-size: 10.5px;
	color: #707070;
	display: block;
	height: auto;
	width: 200px;
	position: relative;
	top: -10px;
	left: 245px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;

}

/* 服務項目的小標題*/
.word11{
	font-size: 11px;
	color: #a0a0a0;
}



/* flash-mlab*/
#mlab{
	font-size: 11px;
	color: #CCCCCC;
	display: block;
	height: 520px;
	width: 600px;
	background-color: #FFFFFF;
		float:left
}

#mlab h3{
	text-indent: -99999px;
}


#mlab_flash{
	font-size: 11px;
	color: #CCCCCC;
	display: block;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: auto;
	width: auto;
}

#mlab_text{
	font-size: 11px;
	display: block;
	width: 400px;
	margin:auto;
	padding:auto;
}

#mlab_text ul{
	width: 500px;

}

#mlab_text li{
	margin-top: 15px;
	float:left;
	margin-right: 30px;
}

#mlab_text li.m1 a{
	background-image: url(../images/m_bug.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}

#mlab_text li.m1 a:hover{
	border: 1px solid #999999;}


#mlab_text li.m2 a{
	background-image: url(../images/m_colorface.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}


#mlab_text li.m2 a:hover{
	border: 1px solid #999999;}

#mlab_text li.m3 a{
	background-image: url(../images/m_cycle.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}


#mlab_text li.m3 a:hover{
	border: 1px solid #999999;}


#mlab_text li.m4 a{
	background-image: url(../images/m_db01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}


#mlab_text li.m4 a:hover{
	border: 1px solid #999999;}


#mlab_text li.m5 a{
	background-image: url(../images/m_db02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 35px;
	text-indent: -9999px;
}

#mlab_text li.m5 a:hover{
	border: 1px solid #999999;
}


#mlab_text li a:hover{}

/*攝影*/
#photography{
	background-color: #FFFFFF;
	display: block;
	height: 450px;
	width: 600px;
	position: relative;
}
#photography #my-glider {
	display: block;
	height: 360px;
	width: 600px;
	position: relative;
}



/*攝影作品滑動視窗開始*/
div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width:500px; /*外框*/
	height:340px;
	position: relative;
	display: block;
	margin-top: 20px;
	margin-left: 50px;
	overflow: hidden;
	}
	div.scroller div.section {
	overflow:hidden;






		padding:;								height: 340px;
	width: 500px;
	position: relative;
	display: block;
	float: left;
	margin-right: 40px;
		}
	div.scroller div.content {
	width: 10000px;
		}

	div#section2 {
		background:#FFFFFF;/* 每一頁個別的樣式*/	
		color:#ffffff;
		}
		
	#link{
	display: block;
	height: 45px;
	width: 600px;
	position: relative;
	margin-top: 40px;
	float: left;


} 
#link .btn {
	display: block;
	height: 50px;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	position: relative;
	float: left;
}


#link  ul{
	display: block;
	height: 45px;
	width: 500px;
	position: relative;
	float: left;
}


#link li{
	float: left;
	position: relative;
	display: block;
	width: 50px;
	height: 45px;
	text-align: center;
	vertical-align: middle;
}

#link li a{

}
#link li a:hover{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-top-style: none;
	border-left-style: none;
}

/*攝影作品滑動視窗結束*/		
		

/* 聯絡我們*/

#contact{
	font-size: 11px;
	color: #CCCCCC;
	display: block;
	height: 500px;
	width: 500px;
}


#contact h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #999999;
	font-weight: normal;
	position: relative;
	height: 185px;
	width: 440px;
	left: 30px;
	top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

 #contact h3 span{
	font-family: "Times New Roman", Times, serif;
	font-size: 10.5px;
	color: #999999;
	position: relative;
}



#contact_text{
	font-size: 10.5px;
	color: #707070;
	display: block;
	height: auto;
	width: 200px;
	position: relative;
	top: -105px;
	left: 30px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
}


/* 聯絡我們-表單開始*/
#conn {
	display: block;
	float: left;
	height: 210px;
	width: 446px;
	position: relative;
	background-color: #1b1b1b;
	left: 30px;
	top: -25px;
}
#conn ul {
	background-color: #1b1b1b;
	display: block;
	float: left;
	height: 16px;
	width: 446px;
	position: relative;
}
#conn li {
	background-color: #1b1b1b;
}
#conn .sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	float: left;
	height: 13px;
	width: 85px;
	position: relative;
	text-align: right;
	background-color: #434343;
	padding-right: 3px;
	letter-spacing: 2px;
	line-height: 15px;
	vertical-align: middle;
}
#conn input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	height: 13px;
	width: 355px;
	position: relative;
	background-color: #a0a0a0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#conn #area {
	display: block;
	float: left;
	height: 141px;
	width: 446px;
	position: relative;
}
#conn textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #A0A0A0;
	display: block;
	float: left;
	height: 141px;
	width: 352px;
	position: relative;
}
#conn #btn {
	display: block;
	height: 24px;
	width: 446px;
	float: left;
	position: relative;

}
#conn #btn li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #434343;
	display: block;
	float: right;
	height: 13px;
	width: 60px;
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
	position: relative;
}

#conn #btn li a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10.5px;
	color: #CCCCCC;
}
/* 聯絡我們-表單結束*/