@charset "UTF-8";
/* CSS Document */

.container {
  width:951px;
  position:relative;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  }

.top {
  position:absolute;
  left:0px;
  top:0px;
  }
	
.menu {
  border:none;
  border:0px;
  padding:0px;
  width: 951px ;	
  position:absolute;
  top:119px;
  font-size:16px;
  color:#333;
  left:0px;
  z-index:100px;
  }
	
.menu ul{
  height:38px;
  list-style:none;
  margin:0px;
  padding:0px;
  }
	
.menu li{
  float:left;
  padding:0px;
  height:38px;
  overflow:hidden;
  }
	
.menu li a{
  display:block;
  line-height:0px;
  margin:0px;
  text-align:center;
  text-decoration:none;
  }
  
.menu li a:hover, .menu ul li:hover a{
  text-decoration:none;
  }
	
.menu li ul{
  height:38px;
  display:none;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  z-index:400;
  }
  
.menu li:hover ul{
	display:block;
  }
	
.menu li li {
  display:block;
  float:none;
  margin:0px;
  padding:0px;
  }
	
.menu li:hover li a{
  background:none;
  }
	
.menu li ul a{
  display:block;
  height:38px;
  margin:0px;
  text-align:left;
  z-index:100px;
  }
  
.menu li ul a:hover, .menu li ul li:hover a{
  border:0px;
  text-decoration:none;
	}
	
.menu p{
  clear:left;
	}
	
.banner {
  width: 951px ;
  position:absolute;
  top:157px;
  left:0px;
  z-index:0px;
  }
  
.running_script {
  position:absolute;
  top:515px;
  float:left; 
  width:809px; 
  background-color:#2a2a2a; 
  height:30px;
  }
  
.subscribe {
  width:142px;
  position:absolute;
  top:515px;
  left:809px; 
  vertical-align:bottom; 
  background-color:#CCC; 
  height:30px;
  }
  
.news_ban {
  width:251px;
  position:absolute;
  top:545px;
  left:0px; 
  vertical-align:bottom; 
  height:33px;
  }
  
.service_ban {
  width:385px;
  position:absolute;
  top:545px;
  left:251px; 
  vertical-align:bottom; 
  height:33px;
  }
  
.event_ban {
  width:315px;
  position:absolute;
  top:545px;
  left:636px;
  vertical-align:bottom;
  height:33px;
  }
  
.left-button {
  position:absolute;
  background-image:url(../image/home/news-bg.gif);
  background-repeat:no-repeat;
  width: 251px;
  top:578px;
  left:0px;
  }
.body-container {
	position:relative;
	top:321px;
	width:948px;
	left:0px;
	background-color:#FFF;}
.title-header-title {
	float:left;
	margin-left:260px;
	}
.title-header-function {
	float:right;
	padding:0px;
	}
.body-nav {
	clear:both;
	float:left;
	width:224px;
	height:120px;
	margin-left:20px;
	margin-top:-23px;
	background-image:url(../image/inner-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
.body-content {
	float:left;
	width:460px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	}
.body-remark {
	float:left;
	width:200px;
	height:366px;
	margin-top:20px;
	background-image:url(../image/basis_structure/grey-hori.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
.body-footer {
	clear:both;
	margin-bottom:15px;
	}
.content-left {
  position:absolute;
  width: 345px ;
  top:578px;
  left:251px;
  padding:20px;
  }
.content-right {
  position:absolute;
  width:275px;
  top:578px;
  left:636px;
  padding:20px;
  }

.content-bottom {
  position:absolute;
  top:961px;
  width:700px;
  left:251px;
  }

.footer_bar {
  position:absolute;
  top:1080px;
  width:951;
  left:0px;
  }
.footer_site {
  position:absolute;
  top:1100px;
  width:699;
  right:0px;
  margin-bottom:5px;
  }
.footer_copyright {
  position:absolute;
  top:1100px;
  width:699;
  left:0px;
  margin-bottom:5px;
  }

/* Service */
.content-greentpt {
  font-size: 10pt;
  color:#333;
  text-decoration: none;
  text-align:left;
  }
	
.content-greentitle {
  font-size: 11pt;
  color:#76C241;
  text-decoration: none;
  text-align:left;
  }
	
.content-green {
  font-size: 10pt;
  color:#333;
  text-decoration: none;
  text-align:justify;
  line-height:14pt;
  }
a.content-green:link {
  color:#76C241;text-align:left; text-decoration:none;
  }
a.content-green:visited {
  color:#76C241;text-align:left; text-decoration:none;
  }
a.content-green:hover {
  color:#390;text-align:left; text-decoration:underline;
  }

/* career */
.content-dgreentitle {
  font-size: 11pt;
  color:#063;
  text-decoration: none;
  text-align:left;
  }
	
.content-dgreen {
  font-size: 10pt;
  color:#333;
  text-decoration: none;
  text-align:justify;
  line-height:14pt;
  }
  
a.content-dgreen:link {
  color:#063;text-align:left; text-decoration:none;
  }
a.content-dgreen:visited {
  color:#063;text-align:left; text-decoration:none;
  }
a.content-dgreen:hover {
  color:#063;text-align:left; text-decoration:underline;
  }

/* CSR or Events */
.content-orangetitle {
  font-size:12pt;
  color:#FF3300;
  text-decoration:none;
  text-align:left;
  }

.content-orange {
  font-size: 10pt;
  color:#333;
  text-decoration: none;
  text-align:justify;
  line-height:14pt;
  }
  
a.content-orange:link {
  color:#F30;text-align:left; text-decoration:none;
  }
  
a.content-orange:visited {
  color:#F30;text-align:left; text-decoration:none;
  }
  
a.content-orange:hover {
  color:#FF5A00;text-align:left; text-decoration:underline;
}

/* Contact */
.content-yltitle {
  font-size: 11pt;
  color:#F5B948;
  text-decoration: none;
  text-align:left;
  }
	
.content-yl {
  font-size: 10pt;
  color:#333;
  text-decoration: none;
  text-align:justify;
  line-height:14pt;
  }
  
a.content-yl:link {
  color:#F5B948;text-align:left; text-decoration:none;
  }
  
a.content-yl:visited {
  color:#F5B948;text-align:left; text-decoration:none;
  }
  
a.content-yl:hover {
  color:#F5B948;text-align:left; text-decoration:underline;
  }

  /* footer */
.baselink {
  font-size: 8pt; 
  font-family: Arial, Helvetica, sans-serif; 
  color:#666; 
  }
  
a.baselink:link {
  color:#666; text-decoration:none;
  }
  
a.baselink:visited {
	color:#666; text-decoration:none;
  }
a.baselink:hover {
	color:#333;text-decoration:underline;
  }

.photo {
  font-size: 8pt;
  color:#000;
  text-decoration: none;
  text-align:center;
  }
/*news*/
.news-title {
  font-size: 10pt;
  color:#06F;
  text-decoration: none;
  text-align:left;
  }
	
.news {
  font-size: 10pt;
  color:#333;
  text-decoration: none;
  text-align:left;
  }
  
a.news:link {
  color:#333;text-align:left; text-decoration:none;
  }
  
a.news:visited {
  color:#333;text-align:left; text-decoration:none;
  }

a.news:hover {
  color:#333;text-align:left; text-decoration:underline;
  }

/*left*/
.left {
  font-size: 10pt;
  color:#000;
  text-decoration: none;
  text-align:left;
  line-height:16pt;
  }
  
a.left:link {
  color::#000;text-align:left; text-decoration:none;
  }
  
a.left:visited {
  color::#000;text-align:left; text-decoration:none;
  }

a.left:hover {
  color::#000;text-align:left; text-decoration:underline;
  }


.content-bluetitle {
	font-size: 12pt;
	color:#06F;
	text-decoration: none;
	text-align:left;}
		
.content-bluept {
	font-size: 10pt;
	color:#333;
	text-decoration: none;
	text-align:left;
	
}
	
.content-blue {
	font-size: 10pt;
	color:#333;
	text-decoration: none;
	text-align:justify;
	line-height:14pt;
}
a.content-blue:link {
	color:#06F;text-align:left; text-decoration:none;
}
a.content-blue:visited {
	color:#06F;text-align:left; text-decoration:none;
}
a.content-blue:hover {
	color:#06F;text-align:left; text-decoration:underline;
}

.content-black {
	font-size: 10pt;
	color:#000;
	text-decoration: none;
	text-align:left;
}
a.content-black:link {
	color:#000;text-align:left; text-decoration:none;
}
a.content-black:visited {
	color:#000;text-align:left; text-decoration:none;
}
a.content-black:hover {
	color:#000;text-align:left; text-decoration:underline;
}