@charset "utf-8";

/*CSS RESET*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}


img {border: 0;}
a img{border: 0;}

ol, ul, li {list-style: none;}

a{ text-decoration:none;
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}/*去除連結虛線框*/

body{
	
	font-family: "微軟正黑體";
	background-color: #ffffff;
	/*background-size: cover;*/
}

#wrapper{
	width: 100%;
	/*position:relative;*/
	margin: 0 auto;
		}
		
#header{
	width: 1024px;
	height: 119px;
	position:relative;
	margin: 0 auto;
		
} 

#logo{float:left;
	width: 564px;
	height: 119px;

}
#icon{
	float: left;
	position: absolute;
	left: 788px;
	top: -3px;
}



/*-------nav-------------------------*/
#nav{width: 1024px;margin: 0 auto;}

ul.td_menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.td_nav > li {
	position: relative;
	float: left;
	
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	ransition: background 300ms linear;
}
ul.td_nav > li a {
	display: block;
	width: 100%;
	height: 100%;
}
ul.td_nav > li.nav_01 {
	width: 128px;
	height: 53px;
	background-image: url(../images/dwt_04.png);
	background-repeat: no-repeat;
	
}
ul.td_nav > li.nav_01:hover {
	width: 128px;
	height: 53px;
	background-image: url(../images/dwt_04.5.png);
	
}
ul.td_nav > li.nav_02 {
	width: 109px;
	height: 53px;
	background-image: url(../images/dwt_05.png);
	
	
}
ul.td_nav > li.nav_02:hover {
	width: 109px;
	height: 53px;
	background-image: url(../images/dwt_05.5.png);
}
ul.td_nav > li.nav_03 {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_06.png);
	
}
ul.td_nav > li.nav_03:hover {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_06.5.png);
}
ul.td_nav > li.nav_04 {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_07.png);
	
}
ul.td_nav > li.nav_04:hover {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_07.5.png);
}
ul.td_nav > li.nav_05 {
	width: 109px;
	height: 53px;
	background-image: url(../images/dwt_08.png);
	
}
ul.td_nav > li.nav_05:hover {
	width: 109px;
	height: 53px;
	background-image: url(../images/dwt_08.5.png);
}
ul.td_nav > li.nav_06 {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_09.png);
	
}
ul.td_nav > li.nav_06:hover {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_09.5.png);
}
ul.td_nav > li.nav_07 {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_10.png);
	
}
ul.td_nav > li.nav_07:hover {
	width: 110px;
	height: 53px;
	background-image: url(../images/dwt_10.5.png);
}
ul.td_nav > li.nav_08 {
	width: 108px;
	height: 53px;
	background-image: url(../images/dwt_11.png);
	
}
ul.td_nav > li.nav_08:hover {
	width: 108px;
	height: 53px;
	background-image: url(../images/dwt_11.5.png);
}
ul.td_nav > li.nav_09 {
	width: 130px;
	height: 53px;
	background-image: url(../images/dwt_12.png);
	
}
ul.td_nav > li.nav_09:hover {
	width: 130px;
	height: 53px;
	background-image: url(../images/dwt_12.5.png);
}

/*-------nav-------------------------*/


/*content*/
#content{
	
	width: 1024px;
	height: auto;
	margin: 0 auto;
	
} 
/*content*/


/*左列內容*/
#left-menu{float:left; margin:20px 10px 30px 10px;width: 269px; } 
/*左列內容*/
#left-menu_bg{
	float: left;
	width: 269px;
	
	padding:5px 0 15px 0px;
} 

/*右列內容*/
#right-content{
	width: 717px;
	 margin:20px 5px 30px 0px;
	float: left;
	}
/*右列內容*/
#right-content_bg{
	width: 716px;
	padding: 15px 18px 20px 18px;
	float: left;
	}
.box_bg {
	border: 1px solid #CCCCCC;
}

.contact_bg{
	background-image: url(../images/contact_07.png);
	height: 38px;
	width: 717px;	
	}
.project_bg{
	background-image: url(../images/project_07.png);
	height: 38px;
	width: 717px;	
	}
.case_bg{
	background-image: url(../images/case_07.png);
	height: 38px;
	width: 717px;	
	}
.service_bg{
	background-image: url(../images/service_07.png);
	height: 38px;
	width: 717px;	
	}
.design	{
	background-image: url(../images/design_07.png);
	height: 38px;
	width: 717px;	
	}

.advisory	{
	background-image: url(../images/advisory_07.png);
	height: 38px;
	width: 717px;	
	}
.news	{
	background-image: url(../images/news_07.png);
	height: 38px;
	width: 717px;	
	}
.aboutus{
	background-image: url(../images/aboutus_07.png);
	height: 38px;
	width: 717px;	
	}
.products{
	background-image: url(../images/products_07.png);
	height: 38px;
	width: 717px;	
	}
	
	
	
	
	
	
	
.project_bg2{
	float:left;margin:15px 0px 15px 0px;width:685px;font-size: 12pt;
	line-height: 22px;		
	}



#footer{
	width: 1024px;
	height: 107px;
	margin: 0 auto;
	
} 

.p3 {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
}
.p3 a:link {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none; 
}
.p3 a:visited {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p3 a:hover {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #999999;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p3 a:active {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}

.p4 {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #333333;
	word-wrap: break-word;
	word-break: break-all;
	font-weight: bold;
}

.p5 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #333333;
	word-wrap: break-word;
	word-break: break-all;
}

.p5 a:link {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #333333;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none; 
}
.p5 a:visited {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #333333;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p5 a:hover {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p5 a:active {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #333333;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
/*分頁*/
.page{
	margin-top:20px;
	clear: both;
	text-align:center;
	padding:2px;font-weight:bolder;font-size:12px;}/*分頁整體間距;字體粗體;字體大小*/
.page a{
	border: 1px solid #ccc;
	padding: 0 5px 0 5px;
	margin: 2px;
	text-decoration: none;
	color: #666;
	border-radius: 5px;
} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/

.page span{
	padding: 0 5px 0 5px;/*內間距*/
	margin: 2px;/*外間距*/
	color: #fff;/*字顏色*/
	border-radius: 5px;
	border: 1px solid #999; /*邊框顏色*/
	background-color: #8E8C8C;/*背景色*/
}