/* design by showhau */
/*----------抬頭地方要加-----------------------------
<meta name="Robots" content="All" />
<meta name="Author" content="showhau,hau,dpi" />
<meta name="keywords" content="showhau, hau, design, dpi, web, web design" />
-----------------------------------------------------*/
/*----------消虛線---------*/
a {noFocusLine:expression(this.onFocus=this.blur())}      /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none}                         /* For Firefox */

body{
	font-family:Arial, "新細明體", "細明體";
}

/*--------------------------  ---*/
#main{
	margin:auto;
	width:910px;
	clear:both;
}
/*========================  lan   ======*/
.lan{
	font-size:11px;
	position:absolute;
	text-align:right;
	margin-top:30px;
	width:900px;
}
.lan a{
	color:#333333;
	margin-right:20px;
	padding-left:5px;
	text-decoration:none;
}
.lan a:hover{
	color:#FF0000;
	text-decoration:underline;
}
/*--------------*/
#right{
	float:right;
	width:725px;
	background:url(../images/rightbg.jpg) ;
}	

.mnS{
	font-size:17px;
	float:left;
	line-height:28px;
}
/*===================================================    mn  ============*/
.mn{
	font-size:12px;
	font-weight:bold;
	background:url(../images/mn_bg.jpg) no-repeat;
	float:left;
	width:150px;
	height:285px;
	line-height:24px;
	padding-top:20px;
	padding-left:30px;
}
.mn a{
	background:url(../images/icon_mn.jpg) no-repeat;
	background-position:7px 7px;
	border-bottom:1px solid #e1e1e1;
	color:#7c7373;
	display:block;
	text-decoration:none;
	padding-left:20px;
	width:100px;
	margin-top:2px;
}
.mn a:hover{
	background:url(../images/icon_mn2.jpg) no-repeat #929292;
	background-position:7px 7px;
	color:#FFFFFF;
}
.emn{
	font-size:12px;
	font-weight:bold;
	background:url(../images/mn_bg.jpg) no-repeat;
	float:left;
	width:150px;
	height:285px;
	line-height:24px;
	padding-top:20px;
	padding-left:30px;
}
.emn a{
	background:url(../images/icon_mn.jpg) no-repeat;
	background-position:5px 9px;
	border-bottom:1px solid #e1e1e1;
	color:#7c7373;
	display:block;
	text-decoration:none;
	padding-left:10px;
	width:115px;
	margin-top:2px;
}
.emn a:hover{
	background:url(../images/icon_mn2.jpg) no-repeat #929292;
	background-position:5px 9px;
	color:#FFFFFF;
}
#menu01 a:hover{
	background:url(../images/icon_mn3.jpg) no-repeat #FFFFFF;
	background-position:8px 9px;
	color:#FF0000;
}
#menu02 a:hover{
	background:url(../images/icon_mn3.jpg) no-repeat #FFFFFF;
	background-position:8px 9px;
	color:#FF0000;
}
#menu01 a{
	background:url(../images/icon_mn2.jpg) no-repeat #FFFFFF;
	background-position:8px 9px;
	color:#7c7373;
}
#menu02 a{
	background:url(../images/icon_mn2.jpg) no-repeat #FFFFFF;
	background-position:8px 9px;
	color:#7c7373;
}
/*============================================================    tit     =====*/
#tit{
	border-bottom:1px #d5d5d5 solid;
	width:700px;
	height:30px;
	margin:auto;	
	padding-top:15px;
}
.tit{
	float:left;
}
.info{
	font-size:11px;
	color:#7b7575;
	float:right;
	margin-top:7px;
}
.info a{
	color:#FF0000;
}
.info a:hover{
	color:#999999;
	text-decoration:none;
}
.info b{
	font-weight:normal;
	color:#000000;
}
/*==========================================  company   ==============*/
.com{
	margin:auto;
	width:630px;
}
.com span{
	font-size:13px;
	color:#000000;
	line-height:26px;
	padding:70px 300px 0 0;
	text-indent:26px;
	display:block;
}
.com a{
	font-size:13px;
	color:#000000;
	line-height:26px;
	text-indent:26px;
	display:block;
}
.com2{
	margin-top:10px;
	margin-left:50px;
	padding-bottom:20px;
}
.com2 tr{
	vertical-align:middle;
	padding-bottom:10px;
	padding-right:5px;
}
.com2 tr td span{
	font-size:16px;
	font-weight:bold;
	color:#0b1b7a;
	background:url(../images/com_p.jpg) no-repeat;
	width:73px;
	height:65px;
	float:left;
	text-align:center;
	margin:0px 7px;
	line-height:70px;
}
.com2 tr th{
	font-style:italic;
	font-size:14px;
	background-position:5px 0px;
	width:500px;
	height:32px;
	display:block;
	line-height:24px;
	margin-top:10px;
	text-align:left;
	padding-left:10px;
}
.com2 tr th b{
	color:#64a300;
}
.com2 tr td img{
	margin-left:6px;
}
/*=========================================  tech    ======*/
.tech{
	font-size:13px;
	line-height:26px;
	padding:15px 34px;
}
.tech span{
	display:block;
	text-indent:26px;
}
.tech b{
	background:url(../images/tech.jpg) no-repeat;
	background-position:0px 1px;
	color:#FFFFFF;
	display:block;
	padding-left:25px;
	height:24px;
}
.tech a{
	font-size:13px;
	border-bottom:1px #1b5bdf solid;
	margin-left:10px;
}

.techs{
	font-size:13px;
	line-height:26px;
	padding:15px 34px;
}
.techs span{
	display:block;
	text-indent:26px;
}
.techs b{
	background:url(../images/techs.jpg) no-repeat;
	background-position:0px 1px;
	color:#FFFFFF;
	display:block;
	padding-left:25px;
	height:24px;
}
.techs a{
	font-size:13px;
	border-bottom:1px #1b5bdf solid;
	margin-left:10px;
}

.tech2{
	margin-left:25px;
	padding:0px 3px;
}
.tech2 tr td b{
	font-size:13px;
	color:#333333;
	background:url(../images/tech2.jpg) no-repeat center;
	text-align:center;
	display:block;
	padding:2px 5px;
	width:75px;
	line-height:80px;
}

.techniq{
	text-align:center;
	padding:10px 5px 5px 5px;
}
.techniq tr{
	vertical-align:bottom;
}
.techniq tr td img{
	border:none;
}

.etech{
	font-size:13px;
	line-height:26px;
	padding:15px 34px;
}
.etech span{
	display:block;
	text-indent:26px;
}
.etech b{
	background:url(../images/etech.jpg) no-repeat;
	background-position:0px 3px;
	color:#FFFFFF;
	display:block;
	padding-left:25px;
	height:24px;
}
.etech a{
	font-size:13px;
	border-bottom:1px #1b5bdf solid;
	margin-left:10px;
}

.etechs{
	font-size:13px;
	line-height:26px;
	padding:15px 34px;
}
.etechs span{
	display:block;
	text-indent:26px;
}
.etechs b{
	background:url(../images/etechs.jpg) no-repeat;
	background-position:0px 3px;
	color:#FFFFFF;
	display:block;
	padding-left:25px;
	height:24px;
}
.etechs a{
	font-size:13px;
	border-bottom:1px #1b5bdf solid;
	margin-left:10px;
}

.etech2{
	margin-left:25px;
	padding:0px 3px;
}
.etech2 tr td b{
	font-size:13px;
	color:#333333;
	background:url(../images/tech2.jpg) no-repeat center;
	text-align:center;
	display:block;
	padding:2px 5px;
	width:75px;
	height:80px;
	line-height:18px;
}

.etechniq{
	text-align:center;
	padding:10px 5px 5px 5px;
}
.etechniq tr{
	vertical-align:bottom;
}
.etechniq tr td img{
	border:none;
}
/*=======================================================  site  map  =====*/
.p4{
	background:url(../images/4p_line.jpg) no-repeat;
	font-size:15px;
	margin:auto;
	margin-top:20px;
	text-align:center;
	width:625px;
	height:130px;
}
.p42{
	font-size:12px;
	color:#737373;
	line-height:16px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.p42 tr td{
	width:280px;
	padding:0 15px 20px 15px;
	vertical-align:top;
}
.p42 tr td img{
	display:block;
	margin-bottom:5px;
}
.p42 tr td a{
	color:#FF0000;
}



/*===========================================================  footer ===========*/
.footer{
	clear:both;
	border-top:2px #e5e5e5 solid;
	line-height:18px;
	margin-top:10px;
}
.foot{
	font-size:10px;
	color:#797979;
	width:860px;
	margin:auto;
	/* background:url(../images/foot_logo2.jpg) no-repeat;*/
	height:60px;
	padding:12px 0 0 0px;
}
.foot b{
	font-size:13px;
	color:#7f7d7d;
}
.foot span{
	font-size:11px;
	color:#797979;
}
.foot img{
	padding-left:5px;
}
.copy, .copy a{
	color:#9a9a9a;
	text-decoration:none;
	cursor:text;
}