@charset "utf-8";

body{
	padding:0;
	margin:0;
	background-color: #b7e5fa;
	font-family:'Arial', '新細明體', 'sans-serif';
}
a img{
	border: 0px;
}
#bg {
	margin: 0 auto;
	padding:0;
	width: 1100px;
	background-image:url(../images/boxShadow.jpg);
	background-repeat:repeat-y;
}
#wrapper {
	margin: 0 auto;
	padding:0;
	width: 990px;
	background-image: url(../images/bodyBg.jpg);
	background-repeat: no-repeat;
	background-color:#70C3E8;
}




#header {
	margin:0;
	padding:0;
}
#logo {
	margin: 0;
	padding:22px 0 14px 42px;
	display:inline-block;
}


#nav {
	margin:0 5px;
}
#nav ul{
	margin: 0;
	padding: 0;
	height: 41px;
	background-image: url(../images/navBg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#nav li {
	margin:0;
	padding:0;
	display: block;
	float:left;	
	text-decoration:none;
	list-style:none;
	height: 41px;
}
#nav ul li a {
	display:block;
	float:left;
}

#nav ul li a span {
	display:none;
}
#nav li.home a{
	background-image:url(../images/aIndex.jpg);
	width: 150px;
	height:41px;
}
#nav li.home a:hover{
	background-image:url(../images/hIndex.jpg);
	width: 150px;
	height:41px;
}
#nav li.about a{
	background-image:url(../images/aAbout.jpg);
	width: 150px;
	height:41px;
}
#nav li.about a:hover{
	background-image:url(../images/hAbout.jpg);
	width: 150px;
	height:41px;
}
#nav li.products a{
	background-image:url(../images/aProducts.jpg);
	width: 150px;
	height:41px;
}
#nav li.products a:hover{
	background-image:url(../images/hProducts.jpg);
	width: 150px;
	height:41px;
}
#nav li.contact a{
	background-image:url(../images/aContact.jpg);
	width: 150px;
	height:41px;
}
#nav li.contact a:hover{
	background-image:url(../images/hContact.jpg);
	width: 150px;
	height:41px;
}
#header .banner{
	width:952px;
	margin:0 5px;
	padding:23px 14px 0 14px;
	background-color:#fff;
	background-image: url(../images/bannerBg.jpg);
	background-repeat: repeat-x;
}
#header .banner div{
	width:951px;
	height:287px;	
	margin:0;
	padding:0;
}
.searchArea {
	background-image:url(../images/search.jpg);
	width:282px;
	height:34px;
	display: inline;
	float:right;
	margin: 55px 5px 25px 0;
}
.search_txt{
	background:url(../images/search_textbg.jpg) repeat-x #EEEEEE;
	width:135px;
	height:23px;
	margin:5px 0 5px 92px;
	padding:0px 5px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #CBCBCB;
	color:#000000;
	float:left;
}
.search_btn{	
	background:url(../images/search_btn.jpg) no-repeat;
	cursor:pointer;
	width:23px;
	height:24px;
	border:none;
	display:block;
	margin:5px 0px 0px 5px;
	float:left;
}




#section {
	width:980px;
	margin:0 5px;
	padding: 12px 0 25px 0;
	background-color: #fff;
	background-image: url(../images/contentBgBottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#section .sideBar{
	margin:16px 0 0 16px;
	padding:0 0 0 0;
	width:229px;
	background-color:#eee;
	display:block;
	float:left;

}
#section .sideBarEnd {
	width:229px;
	height:	33px;
	background-image:url(../images/sideBottom.jpg);
	background-repeat:no-repeat;
}

.sideBar a{
	text-decoration:none;
	list-style:none;
	font-size:13px;
	color:#000;
	display:block;
	background-color:#eee;
}
.sideBar #left_column{
	margin:0;
	padding:0 10px 7px 8px;
	background-color:#eee;
}
.sideBar .left_item01 a{
	background-image: url(../images/iconT1.jpg);
	background-repeat:no-repeat;
	padding: 0 8px 0 40px;
	padding-bottom:7px;
	border: 1px solid #eee;
}
.sideBar .left_item01 a:hover{
	border: 1px solid #023859;
	border-radius:5px;	
	
}
.sideBar .left_item01focus a{
	background-image: url(../images/iconT1.jpg);
	background-repeat:no-repeat;
	padding: 0 8px 0 40px;
	padding-bottom:7px;
	border: 1px solid #eee;
	color:#023859;
}
.sideBar .left_item01focus a:hover{
	border: 1px solid #023859;
	border-radius:5px;
}
.sideBar .left_item02 a{
	background-image: url(../images/iconT2.jpg);
	background-repeat:no-repeat;
	margin:7px 2px 7px 43px;
	padding-left:14px;
	border: 1px solid #eee;
}
.sideBar .left_item02 a:hover{
	color:#0d8ad6;
}
.sideBar .left_item02focus a{
	background-image: url(../images/iconT2.jpg);
	background-repeat:no-repeat;
	margin:7px 2px 7px 43px;
	padding-left:14px;
}
.sideBar .left_item02focus a:hover{
	color:#0d8ad6;
}
.sideBar .sideBarEnd{
	background-color:#eee;

}

#section #guide {
	margin-right: 15px;
	font-size:13px;
	float:right;
	color:#000;
}
#section #guide a{
	color:#023859;
	text-decoration:none;	
}
#section #guide a:hover{
	color:#0d8ad6;
	text-decoration:none;	
}
#section #title {
	margin: 0 15px 0 12px;
	padding: 0;	
	display:block;
	float:right;
}
#section #content1{
	width:688px;
	margin: 0 15px 0 6px;
	padding: 10px 10px 20px;
	display:block;
	float:right;
	font-size:13px;
}
#section #content1text{
	width:502px;
	height:110px;
	margin: 14px 0 0 0;
	padding:0;
	display:block;
	float:right;
	font-size:13px;

}
#section #content1 img{
	margin-right:20px;
	padding: 5px 5px;
	border: 1px solid #c5c5c5;
	display:block;
	float:left;
}
#section #content2{
	width:688px;
	margin: 0 15px 0 12px;
	padding: 22px 10px 20px;
	display:block;
	float:right;
	font-size:13px;
}
#section #content{
	width:688px;
	margin: 0 15px 0 12px;
	padding: 22px 10px 10px;
	display:block;
	float:right;
	font-size:13px;
}
#section .newProduct{
	width:709px;
	height:146px;
	margin: 3px 15px 0 0px;
	background-color:#666;
	display:block;
	float:right;
}
#section .newProduct ul {
	margin:0;
	padding:0;
}
#section .newProduct ul li{
	margin:0px;
	padding: 0;
	list-style:none;
	float:left;
}

.proList {
	width:708px;
	margin: 0 5px 0 12px;
	padding: 0 0 20px 0;
	display:block;
	float:right;
}
.proList ul{
	margin:0;
	padding:0;
	list-style:none
}
.proList ul li{
	margin: 0px;
	padding-top: 20px;
	width: 175px;
	height: 210px;
	display: block;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #c5c5c5;
	border-right-color: #c5c5c5;
	border-bottom-color: #c5c5c5;
	border-left-color: #c5c5c5;		
}
.proList .proImg img{
	border: 1px solid #c5c5c5;
	padding: 6px 6px;
}
.proList .proName a{
	padding:8px 6px;
	color:#000;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
	
}
.proList .proName a:hover{
	position:relative;
	top:1px;
	left:1px;
	color:#0d8ad6;
}
.page_tag{
	width:688px;
	margin: 0 15px 0 12px;
	padding: 10px 10px 20px;
	display:block;
	float:right;
	text-align:center;
}
.page_tag a{
	color:#023859;
	text-decoration:none;
	font-size:13px;	
	padding:2px 6px;
	margin:0 6px;
	border: 1px solid #fff;
}
.page_tag a:hover{
	border: 1px solid #023859;
}
.page_tag a:onfocus{
	color:#fff;
	border: 1px solid #023859;
	background-color:#023859;
}
.page_tag a.cross:hover{
	border: 1px solid #fff;
	text-decoration:underline;
}
.page_tag a.onfocus{
	color:#fff;
	border: 1px solid #023859;
	background-color:#023859;
}

.proDetail {
	width:698px;
	margin: 0 15px 0 0;
	padding: 12px 10px 10px 0;
	display:block;
	float:right;	
}
.detailImg img{
	padding:10px 10px;
	border: 1px solid #c5c5c5;
	display:block;
	float:left;
}
.detailTxt {
	margin:0;
	padding: 17px 0 14px 13px;
	display:block;
	float:right;
}
.detailTitle{
	padding-left:22px;
	background-image:url(../images/iconProduct.jpg);
	background-repeat:no-repeat;
	color:#011826;
	font-size:16px;
	font-weight:bold;
	
}
.detailName{
	margin:12px 20px 12px 20px;
	font-size:16px;
}
.detailShort{
	padding:15px 0 15px 27px;
	width: 322px;
	font-size: 13px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c5c5c5;
	border-right-color: #c5c5c5;
	border-bottom-color: #c5c5c5;
	border-left-color: #c5c5c5;	
}
.detailButtons{
	margin-right:8px;
	padding:0;
	display:block;
	float:right;
}
.detailBack{
	margin: 15px 30px;
	display:block;
	float:right;
}

table.pic{
	width:676px;
	margin: 0 10px 20px 0;
	display:block;
	float:right;
}
table.pic td{
	margin:0;
	padding:0;
}
table.pro{
	width:710px;
	padding:0;
	margin: 0 10px 20px 0;
	float:right;
	background-color:#666;
	
}

table.pro td{
	margin:0;
	padding:0;
	background-color:#666;

}

#content .maincontent table.cu03{
	width:685px;
}
#content .maincontent .contactus01 img {
	display: inline;
}
#content .maincontent .contactus01 .cu01 {
	display: inline-block;
}
.cu01 {
width: 685px;
line-height: 24px;
margin: 10px 0px 5px 0px;
padding: 0px 0px 20px 0px;
font-size: 16px;
color: #0171BB;
border-bottom: 1px dotted #CCCCCC;
}

.cu01 img {
float: left;
margin: 0px 20px;
}
.maincontent table .cu03a{
	width: 30%;
	padding:10px 5px;
	
	color:#023859;
	text-align:right;
	font-size:13px;
}
.maincontent table .cu03b{
	font-size:13px;
}




#footer {
	margin: 0;
	padding: 30px 0;
	color: #023859;
	text-align: center;
	font-size: 13px;
}
#shadowBottom {
	width:1100px;
	height:20px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/footerBottom.jpg);
	background-repeat:no-repeat;
}

br.CLEAR {
	clear: both;
	height:0;
	font-size:1px;
	line-height:0;
}