@charset "utf-8";
body{
	margin: 0px;
	background-color: #999999;/*background color*/
	font-family:Arial, Helvetica, sans-serif, "新細明體";
}
#container {
	margin: 0px auto;/*page position center*/	
	width: 990px;
	background-color: #B0BEC9;/*page color*/
}
#main{
	margin: 0 25px 5px 27px;
	background-color: #fff;
}

/*HEADER*/
.logo a img{
	border: 0;
}
.logo {
	height: 113px;
	padding: 16px 0 0 43px;
	background-color: #20365B;
	background-image:url(../images/sectionTop.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*NAVIGATION 1-image*/
.nav {
	margin: 0 25px 5px 27px;
	border-bottom: 3px solid #2B5A78;
}
.nav ul{
	height: 56px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.nav li{
	display: inline;/*for IE6, IE7*/
}
.nav li a{
	height: 56px;
	float: left;
}
.nav span{
	display: none;
}
.nav .home a{
	width: 134px;
	height: 56px;
	background-image: url(../images/navHome.png);
	background-position: 0px 0px;
}
.nav .home a:hover{
	background-position: 0px 56px;
}
.nav .about a{
	width: 134px;
	height: 56px;
	background-image: url(../images/navAbout.png);
	background-position: 0px 0px;
}
.nav .about a:hover{
	background-position: 0px 56px;
}
.nav .news a{
	width: 134px;
	height: 56px;
	background-image: url(../images/navNews.png);
	background-position: 0px 0px;
}
.nav .news a:hover{
	background-position: 0px 56px;
}
.nav .products a{
	width: 134px;
	height: 56px;
	background-image: url(../images/navProducts.png);
	background-position: 0px 0px;
}
.nav .products a:hover{
	background-position: 0px 56px;
}
.nav .proIng a{
	width: 134px;
	height: 56px;
	background-image: url(../images/navProIng.png);
	background-position: 0px 0px;
}
.nav .proIng a:hover{
	background-position: 0px 56px;
}
.nav .proDone a{
	width: 134px;
	height: 56px;
	background-image: url(../images/navProDone.png);
	background-position: 0px 0px;
}
.nav .proDone a:hover{
	background-position: 0px 56px;
}
.nav .contact a{
	width: 134px;
	height: 56px;
	background-image: url(../images/navContact.png);
	background-position: 0px 0px;
}
.nav .contact a:hover{
	background-position: 0px 56px;
}
.banner{
	margin: 0 25px 0 27px;
	border-bottom: 3px solid #2B5A78;
}
.banner a img{
	border: 0;
}
.content{
	width:662px;
	padding-left: 21px;
	float: left;
}
.guideLine{
	padding: 12px 11px 6px 21px; 
	color: #111b2d;
	font-size: 13px;
	float: right;
}
.guideLine a{
	color: #111b2d;
	text-decoration: none;
}
.guideLine a:hover{
	color: #1885E0;
}
.titleBar{
	clear: both;
}

.indexBlock{
	margin-bottom: 27px;
	padding: 8px 11px 18px 13px;	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #12336b;
}
.indexBlock ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.indexBlock li {
	width: 146px;
	height: 150px;
	margin-top: 16px;
	margin-left: 8px;
	display: block;
	float: left;	
	background-color: #A6AFBD;
}
.indexBlock li:nth-child(4n){
	margin-right: 0;
}
.ib4th/*ie6 - ie8*/{
	margin-right: 0;
}
.ib01{
	background-color: #fff;
}
.ib01 a img{
	border: 0;
}
.ib02{
	width: 130px;
	height: 24px;
	padding: 8px 8px;
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
	background-color: #A6AFBD;
}
.ib02 a{
	text-decoration: none;
	color: #1d2e3a;
}
.ib02 a:hover{
	color: #2d7fc3;
}
/*SIDE BAR*/
.side{	
	width:202px;
	margin:8px 15px 30px 0;
	padding: 12px 12px 36px 12px;
	display: block;
	float: right;
	background-color: #12336B;	
}
.sideBar{
	width:202px;
	margin:24px 0 0 0;
	padding:0;	
	display:block;
	float:left;
}
#left_column{
	margin:0;
	padding:0;
	background-color: #12336B;
}
.left_item01focus a{
	margin: 0 0px 0 8px;
	padding:0px 0px 6px 22px;
	font-size:16px;
	color:#ffe900;
	display: block;
	text-decoration: none;
	background-image: url(../images/t1Bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.left_item01focus a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}
.left_item01 a{
	margin: 0 0px 0 8px;
	padding:0px 0px 6px 22px;
	font-size:16px;
	color:#a3d0f7;
	display: block;
	text-decoration: none;
	background-image: url(../images/t1Bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.left_item01 a:hover{
	color: #ffe900;
	position: relative;
	top: 1px;
	left: 1px;
}
.left_item02focus a{
	margin:5px 12px 0 30px;
	padding:0px 3px 6px 18px;
	display: block;
	color: #f3ffa6;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../images/t2Bullet.jpg);
	background-repeat: no-repeat;
}
.left_item02focus a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}
.left_item02 a{
	margin:5px 12px 0 30px;
	padding:0px 3px 6px 18px;
	display: block;
	color: #e4e5e6;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../images/t2Bullet.jpg);
	background-repeat: no-repeat;
}
 .left_item02 a:hover{
 	color: #f3ffa6;
	position: relative;
	top: 1px;
	left: 1px;
}
/*SEARCH*/
.srch {
	width:205px;
	height: 39px;
	padding: 38px 0 0 12px;
	background-image: url(../images/srchBg.jpg);
	background-repeat: no-repeat;
	float: left;
}
.search_txt{
	width: 130px;
	height: 19px;		
	padding-left: 5px;
	float: left;
	border: 0;
	background-image: url(../images/srchTxt.jpg);
	background-repeat: no-repeat;
}
.search_btn{
	width: 42px;
	height: 22px;
	margin-left: 7px;	
	border: 0;
	background-image: url(../images/srchBtn.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	float: left;
}


/*PRODUCT LIST*/
.proList{
	width: 662px;
}
.proList ul{
	margin: 0;
	padding:0 0 0 0;
	list-style: none;
}
.proList li{
	width: 205px;	
	height: 204px;
	margin: 30px 22px 25px 0;
	padding: 0;	
	display: block;
	float: left;
	background-color: #DBDFE5;
	overflow: hidden;
}
.proList li:nth-child(3n){
	margin-right: 0;
}
li.pl3rd{
	margin-right: 0;
}
.proList a img{
	width: 205px;
	height: 154px;
	border: 0;
}
.proName a{
	margin: 6px 8px;
	color: #1d2e3a;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.proName a:hover{
	color: #1885E0;
	position: relative;
	top: 1px;
	left: 1px;
}
.proIntro{
	margin: 8px 0;
	color: #1d2e3a;
	font-size: 13px;
}
/*PAGE TAG*/
.page_tag{
	width: 662px;/*content width*/
	margin: 25px auto 30px auto;
	float: left;
	display:block;
	text-align:center;
}
.page_tag a{
	color:#1d2e3a;
	text-decoration:none;
	font-size:13px;	
	padding:4px 6px;
	margin:0 6px;
	border: 1px solid #fff;
}
.page_tag a:hover{
	color: #1d2e3a;
	border: 1px solid #1d2e3a;
}
.page_tag a.cross{
	margin: 0 20px;
	padding:4px 10px;
	border: 1px solid #1d2e3a;
}
.page_tag a.cross:hover{
	color:#fff;
	background: #1d2e3a;
}
.page_tag a.onfocus{
	color:#fff;
	background: #1d2e3a;
}
/*PRODUCT ING*/
.proListIng{
	width: 662px;
}
.proListIng ul{
	margin: 0;
	padding:0 0 0 0;
	list-style: none;
}
.proListIng li{
	width: 205px;	
	height: 204px;
	margin: 30px 22px 25px 0;
	padding: 0;	
	display: block;
	float: left;
	background-color: #DBDFE5;
	overflow: hidden;
}
.proListIng li:nth-child(3n){
	margin-right: 0;
}
li.pli3rd{
	margin-right: 0;
}
.proListIng a img{
	width: 205px;
	height: 154px;
	border: 0;
}
.proNameIng{
    margin: 6px 8px;
    color: #1d2e3a;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.proNameIng a{
	margin: 6px 8px;
	color: #1d2e3a;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.proNameIng a:hover{
	color: #1885E0;
	position: relative;
	top: 1px;
	left: 1px;
}
/*PRODUCT DONE*/
.proListDone{
	width: 662px;
}
.proListDone ul{
	margin: 0;
	padding:0 0 0 0;
	list-style: none;
}
.proListDone li{
	width: 205px;	
	height: 204px;
	margin: 30px 22px 25px 0;
	padding: 0;	
	display: block;
	float: left;
	background-color: #DBDFE5;
	overflow: hidden;
}
.proListDone li:nth-child(3n){
	margin-right: 0;
}
li.pli3rd{
	margin-right: 0;
}
.proListDone a img{
	width: 205px;
	height: 154px;
	border: 0;
}
.proNameDone a{
	margin: 6px 8px;
	color: #1d2e3a;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.proNameDone a:hover{
	color: #1885E0;
	position: relative;
	top: 1px;
	left: 1px;
}
/*PRODUCT DETAIL*/
.proDetail{
	width: 662px;
	margin: 0 0 32px 0;
}
.detailImg {
	width: 308px;
	height: 230px;
	margin: 12px 33px 24px 0px;
	padding: 5px 6px;
	border:1px solid #1d2e3a;
	float: left;
}
.detailTxt{
	min-height: 203px;
	width: 292px;
	float: left;
}
.detailTitle{
	padding: 17px 0 16px 0;
	font-weight: bold;
	color: #188aea;
	font-size: 34px;
}
.detailName {	
	font-size: 16px;
	color: #1d2e3a;
}
.detailButtons{
}
.detailButtons div a{
	float: right;
	margin: 9px 11px 0 0;
	background-color: #d21034;
	color: #fff;
	text-decoration: none;
}
.detailButtons div a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}
.picRow{
	float: left;
	width: 629px;
	padding-bottom: 38px;
}
.contentEnd{
	width: 629px;
	text-align: center;
	margin: 77px auto 64px auto;
}
.backBtn a{
	width: 223px;
	
}
.backBtn a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}
.detailContent{
	color: #1d2e3a;
	margin: 12px 12px 0px 14px;
	font-size: 16px;
	line-height: 1.5;
}
.contentAbout{
	margin: 12px 0 60px 12px;
	color: #111b2d;
	font-size: 16px;
	line-height: 1.5;
}
.contentContact{
	margin: 12px 0 60px 12px;
	color: #111b2d;
	font-size: 16px;
	line-height: 1.5;
}
.contentNews{
	margin: 12px 0 60px 12px;
	color: #111b2d;
	font-size: 16px;
	line-height: 1.5;
}
/*NEWS*/
.newslist{
	width: 622px;
	margin: 0 8px 25px 27px;
	float: left;
}
.newslist ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.newslist ul li{
	margin:15px 0px;
	padding: 0;
	font-size:16px;
	height:27px;
	line-height:27px;		
}
.newslist ul li span{
	width:100px;
	display:block;
	float:right;
	color:#333;
	font-weight:bold;
	font-size:13px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
.newslist ul li a{	
	padding-left:20px;
	display: block;
	color:#3F3F3F;
	text-decoration:none;
	border-bottom: 1px dashed #ddd;
	background-image: url(../images/newsIcon.jpg);
	background-position: 13px 4px;
	background-repeat: no-repeat;
	clear: left;
}
.newslist ul li a:hover{
	color:#55B2F7;
}
.newslist ul li a:hover span{
	color:#55B2F7;
	text-decoration:none;
}
.nl01{
	width:100px;
	float:right; 
	text-align:center; 
	border-bottom:1px solid #12336B; 
	font-size:16px; 
	font-weight:bold;
	color:#111b2d;
}
.nl02{
	width:522px;
	float:left; 
	text-align:center; 
	border-bottom:1px solid #12336B; 
	font-size:16px; font-weight:bold;
	color:#111b2d;
}
.newsTopic{
	width: 600px;
	margin:0 0 15px 0;
	font-size: 16px;
	font-weight:bold;
	color:#55B2F7;
}
.newsTopic span{
	margin-right:15px;
	color:#111b2d;
}
.newsContent{
	margin-left: 8px;
}
/*FOOTER*/
.footerInfo{
	padding: 0 0 15px 0;
	color: #111b2d;
	line-height: 1.5;
	font-size: 13px;
	text-align: center;
	clear: both;
}
.footerInfo a{
	color: #393939;
	text-decoration:none;
}