@charset "big5";

/* TOP PAGE
---------------------------------------------*/

/* TOP NAVIGATION */

#tnav {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom:20px;
}

#tnav li {
	float: left;
	width: 200px;
	text-indent: -9999px;}

#tnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 45px;
	padding-top: 30px;
	background-image: url(/img/top/topnavi.gif);
}
	
	
.tnv01 a {background-position: 0 0;}
.tnv02 a {background-position: -215px 0;}
.tnv03 a {background-position: -430px 0;}
.tnv04 a {background-position: -645px 0;}
.tnv05 a {background-position: -860px 0;}

.tnv01,.tnv02,.tnv03,.tnv04 {margin-right: 15px;}

/* WORKS LIST */

#top h2 {display: none;}

#top .workslist {margin-top: 50px;}


.workslist  {
	position: relative;
	width: 1075px;}

.workslist li {
	float: left;
	display: block;
	width: 200px;
	height: 200px;
	font-size: 10px;
	margin-right: 15px;}

.workslist li div.hidden {display: none;}

.workslist li dt {margin-bottom: 2em;}

.workslist li dd strong {
	display: block;
	line-height: 1.2em;
	font-weight:normal;
	}

.workslist img {
	border-bottom:#d5d5d5 1px dotted;
	border-top:#d5d5d5 1px dotted;
	border-left:#d5d5d5 1px dotted;
	border-right:#d5d5d5 1px dotted;
}

/* INFO WRAP */

#infowrap {
	margin-top: 0px;
	border-top: 1px solid #E5E5E5;
	padding-top:50px;

}

#infowrap div {float: left;}

#infowrap div h3 {margin-bottom: 1em;}

/* INFORMATION */

#info {
	width: 300px;
	margin-right: 15px;}

#info dt {padding: 15px 0;}
#info dd {padding: 3px 0;}

#info dt {
	float: left;
	width: 80px;}

#info dd {
	float: left;
	width: 220px;}

#info dd a:hover {text-decoration: underline;}



/* SERVICES */

#service {
	width: 300px;
	margin-left: 115px;}
	

#service dt {padding: 15px 0;}
#service dd {padding: 3px 0;}

#service dt {
	float: left;
	width: 80px;}

#service dd {
	float: left;
	width: 220px;}

#service dd a:hover {text-decoration: underline;}
	
	

/* CONTACT */

#contact {
	width: 200px;
	margin-left: 130px;
}

#contact .mail {margin-top: 1em;}

#contact .mail a {
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif,"新細明體";
	padding-left: 24px;
	background: url(/img/top/icn_mail.gif) left center no-repeat;}