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

body {
	width: 100%;
	height: 100%;
	background: #fff url(../images/circles.gif) top center no-repeat;
}


/* global reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
a:link, a:visited, a:hover { text-decoration: none }
table {
	border-collapse:collapse;
	border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* global */
.addthis_button { font-size: 12px; text-decoration: none !important; } .addthis_button span { color: #a0adb7; }
.right { float: right; display: block; }
.center { text-align: center; display: block; }
.padb { padding: 0 0 20px 0; }
.imgright-ml { float: right; margin: 0 0 0 10px; border: 0px; }
.imgleft-mr { float: left; margin: 0 15px 0 0; border: 0px; }
.imgleft-mr2 { float: left; margin: 0 10px 0 0; border: 0px; }
.imgleft-mrb { float: left; margin: 0 20px 10px 0; border: 0px; }
.pad5l { padding: 0 0 0 5px; }
.absmiddle { vertical-align: middle; margin: -2px 0 0 0; border: 0px; }
.mar-l { margin: 0 0 0 10px; }
.mar-b { margin: 0 0 10px 0 }
*:focus { outline: none; }
.notify { padding: 3px; border: 1px solid #EDF0F2; background-color: #f9f9f9; margin: 0 0 7px 0; width: 184px; text-align: center; }
.notifySub { padding: 10px; border: 1px solid #EDF0F2; background-color: #f9f9f9; text-align: center; }
.active { text-decoration: none; color: #ffca38; }
em { font-style: italic; }
.clear { clear: both; }
.atk { width: 20px; text-align: center;}
.elist { width: 104px !important; font-size: 13px; height: 18px; float: left; font-size: 11px; color: #ADB8BF !important; }
#AdSpeed_AdBody img { border: 0px; }
.pt { margin: 2px 0 0 0; }
.noborder { border: 1px solid #fff !important; }
.caption { display: block ;float: left; width: 240px; font-size: 12px; line-height: 1.3em; font-style: italic; margin: 0 15px 5px 0; }
.caption img { padding: 0 0 5px 0; }

/*search function */
.search { width: 170px; float: right; margin: 35px 0 0 0; }


#universal {
	width: 892px;
	height: 100%;
	margin: 0 auto;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #5f6a72;
}

	/* webfont panel */
	#universal .t_head, #universal .t_head2 {
		font-family: "TradeGothicLTComBoldNo.2", Arial, sans-serif;
	}

#error {
	width: 720px;
	height: auto;
	margin: 300px auto;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #6a737b;
	text-align: left;
}
	#error  h1 {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 15px 0;
		color: #16216c;
	}
		#error img {
			border: 0px;
			float: left;
			border-right: 1px solid #e9e9e9;
			padding: 0 15px 0 0;
		}

		#error a:link, #error a:visited {
				color: #16216c;
				text-decoration: underline;
			}
				#error a:hover {
					color: #adb8bf;
					text-decoration: underline;
				}
#top_cont {
	width: 892px;
	height: 33px;
	border-bottom: 1px solid #aeb9bf;
	color: #adb8bf;
}
	#top_cont .top_links {
		width: 892px;
		margin: 10px 0 0 0;
		text-align: right;
		float: left;
	}
			#top_cont .top_links a:link, #top_cont .top_links a:visited {
				color: #adb8bf;
				text-decoration: none;
			}
				#top_cont .top_links a:hover {
					color: #adb8bf;
					text-decoration: underline;
				}
		#top_cont ul {
			padding: 0px;
			margin: 0px;
		}
			#top_cont li {
				list-style-type: none;
				display: inline;
				margin: 0 0 0 40px;
			}
 
	#top_cont .top_links_ext {
		width: 392px;
		margin: 10px 0 0 0;
		float: left;
		text-align: right;
	}
		#top_cont .top_links_ext img {
			border: 0px;
			vertical-align: middle;
			margin: -7px 0 0 10px;
		}	

#logo_cont {
	width: 892px;
	height: 160px;
	color: #adb8bf;
	background: url(../images/tuv.png) no-repeat bottom right;
}	
	#logo_cont .logo {
		margin: 25px 0 0 0;
		float: left;
		width: 214px;
		height: auto;
	}
	#logo_cont .logo_ext {
		margin: 102px 0 0 0;
		float: left;
		width: 214px;
		height: auto;
	}
		#logo_cont .logo img, #logo_cont .ads img, #logo_cont .logo_ext img {
			border: 0px;
		}
	#logo_cont .ads {
		margin: 25px 0 0 0;
		float: left;
		width: 411px;
		height: auto;
	}

#header_cont {
	border: 1px solid #aeb9bf;
	float: left;
	width: 890px;
	height: 268px;
	margin: 20px 0 20px 0;
}
			/* slideshow panel */
			/*** set the width and height to match your images **/
			#slideshow {
				position:relative;
				height:268px;
				width: 890px;
			}
			#slideshow img {
				position:absolute;
				top:0;
				left:0;
				z-index:8;
			}
			#slideshow img.active {
				z-index:10;
			}
			#slideshow img.last-active {
				z-index:9;
			}
			/*** end css slideshow **/

			
#cat_cont {
	width: 892px;
	height: 84px;
	float: left;
	font-size: 16px;
	line-height: 1.1em;
	font-weight: normal;
	
}
	
		#cat_cont .introduction {
			width: 469px;
			height: auto;
			float: left;
			padding: 0 13px 0 0;
			font-size: 12px;
		}		
					/* jquery hover panel */
					#cat_cont .cat {
						float: left;
						height: 84px;
						width: 410px;
					
					}
					#cat_cont .cat .img{
						width:130px;
						height:84px;
						cursor:pointer;
						float: left;
						display: block;
					}
					
					#cat_cont .cat .img a:hover{
						background:none;
						float: left;
					}
					
					#cat_cont img{ border:none; }


#body_cont {
	width: 892px;
	height: auto;
	float: left;
	padding: 0 0 10px 0;
	line-height: 1.5em;
}
	#lsub_cont {
		width: 142px;
		float: left;
		height: auto;
		margin: 0 20px 0 0;
	}
	
							#lsub_cont ul li {
							 	border-bottom: 1px dotted #e5e9eb;
								padding: 3px 0 3px 0;
							 }
							 
			#lsub_cont .container ul {
				 	padding: 0px;
					margin: 0px;
				 }
				 	#lsub_cont .container li {
						list-style-type: none;
						line-height: 1.6em;
					}
			#lsub_cont .t_head {
				width: 142px;
				float: left;
				height: auto;
				border-bottom: 1px solid #aeb9bf;
				padding: 0 0 10px 0;
			}
			#lsub_cont .t_head2 {
				width: 142px;
				float: left;
				height: 61px;
				border-bottom: 1px solid #aeb9bf;
				padding: 0 0 10px 0;
			}
				#lsub_cont .t_head h1, #lsub_cont .t_head2 h1 {
					font-size: 14px;
					color: #20286d;
					text-transform: uppercase;
				}
					
			#lsub_cont .content {
				float: left;
				width: 142px;
				padding: 12px 0 20px 0;
				height: auto;
				color: #ADB8BF;
			}
			#lsub_cont .content a:link, #lsub_cont .content a:visited {
									color: #6A737B;
									text-decoration: none;
								}
								#lsub_cont .content a:hover {
									color: #20286D;
									text-decoration: underline;
								}
			
		
#full_cont {
		width: 892px;
		float: left;
		height: auto;
		margin: 0 20px 0 0;
	}
		#full_cont .content-team {
					width: 892px;
					height: 409px;
					margin: 20px 0 0 0;
				}
				
				#full_cont .subnav {
					width: 518px;
					float: left;
					height: auto;
					margin: 0 0 25px 0;
					font-size: 12px;
					color: #ADB8BF;
				}
					#full_cont .subnav a:link, #full_cont .subnav a:visited {
						color: #6A737B;
						text-decoration: none;
					}
					#full_cont .subnav a:hover {
						color: #20286D;
						text-decoration: underline;
					}
					
					

	#left_cont {
		width: 518px;
		float: left;
		height: auto;
		margin: 0 0 0 0;
	}
		#left_cont .subnav {
			width: 518px;
			float: left;
			height: auto;
			margin: 0 0 25px 0;
			font-size: 12px;
			color: #ADB8BF;
		}
			#left_cont .subnav a:link, #left_cont .subnav a:visited {
				color: #6A737B;
				text-decoration: none;
			}
			#left_cont .subnav a:hover {
				color: #20286D;
				text-decoration: underline;
			}
		#left_cont .container {
			width: 518px;
			float: left;
			height: auto;
			margin: 0 0 0 0;
			
		}
			#left_cont .topcont {
				width: 254px;
				height: auto;
				margin: 0 auto;
			}
			#left_cont .leftcont {
				float: left;
				width: 254px;
				height: auto;
				margin: 0 10px 0 0;
			}
			#left_cont .rightcont {
				float: left;
				width: 254px;
				height: auto;	
			}
								#left_cont .contbox {
									width: 232px;
									height: 90px;
									border: 1px solid #f0f0f0;
									padding: 10px;
									float: left;
									font-size: 11px;
									margin: 0 0 10px 0;
								}
									
									#left_cont .thumbPic img {
										border: 0px;
									}
										#left_cont .chairman {
											margin-left: 130px;
										}
								
					#left_cont .container_board, #full_cont .container_board {
						width: 892px;
						float: left;
						height: auto;
						margin: 0 0 0 0;
					}
					#left_cont .content_board, #full_cont .content_board {
						float: left;
						width: 892px;
						padding: 12px 0 12px 0;
						height: auto;
						display: block;
					}
							#left_cont .content_csr {
								float: left;
								width: 892px;
								padding: 12px 0 12px 0;
								height: 400px;
								display: block;
							}
								#left_cont .content_csr a:link, #left_cont .content_csr a:visited {
									color: #fff;
									text-decoration: underline;
								}
								#left_cont .content_csr a:hover {
									color: #fff;
									text-decoration: none;
								}
								#left_cont .csr_blocks {
									width: 173px;
									float: left;
									height: 215px;
									padding: 15px;
									margin: 0 10px 0 0;
									background-color: #a0adb7;
									color: #fff;
								}
								#left_cont .csr_container {
									width: auto;
									height: auto;
									float: left;
									margin: 0 0 0 25px;
								}
									#left_cont .csr_blocks h1 {
										color:#fff;
										font-size:14px;
										font-weight:bold;
										text-transform:uppercase;
										margin: 0 0 10px 0;
									}
						#left_cont .t_head_board, #full_cont .t_head_board {
							width: 892px;
							float: left;
							height: auto;
							border-bottom: 1px solid #aeb9bf;
							padding: 0 0 10px 0;
						}
							#left_cont .t_head_board h1, #full_cont .t_head_board h1 {
								font-size: 14px;
								color: #20286d;
								text-transform: uppercase;
							}
					
								#full_cont .contact {
									width: 297px;
									float: left;
									height: 150px;
								}	
									#full_cont .contact a:link, #full_cont .contact a:visited {
										color: #1C2674;
										text-decoration: none;
									}
									#full_cont .contact a:hover {
										color: #ffc82e;
										text-decoration: none;
									}
					
					
				#left_cont button {
					border: 0;
					background: transparent;
					margin: 10px 0 0 0;
					padding: 0px;
					cursor: pointer;
					float: left;
					display: block;
					width: 65px;
					height: 29px;
				}

			#left_cont .t_head {
				width: 518px;
				float: left;
				height: auto;
				border-bottom: 1px solid #aeb9bf;
				padding: 0 0 10px 0;
			}
				#left_cont .t_head h1 {
					font-size: 20px;
					color: #20286d;
					text-transform: uppercase;
				}

			
			#left_cont .form{
				width: 518px;
				float: left;
				margin: 0 0 10px 0;
			}
				#left_cont .form_title {
					width: 100px;
					float: left;
					height: 15px;
					padding: 5px 0 0 0;
				}
				#left_cont .form_cont {
					width: 500px;
					float: left;
				}
					#left_cont .form_cont input.form {
								height: 19px;
								border: 1px solid #aeb9bf;
								width: 400px;
								float: left;
								padding: 5px 7px 5px 7px;
								color: #6a737b;
							}
				    #left_cont .form_cont textarea {
								height: 130px;
								border: 1px solid #aeb9bf;
								width: 400px;
								float: left;
								padding: 5px 7px 5px 7px;
								color: #6a737b;
							}
			
			#left_cont .content {
				float: left;
				width: 518px;
				padding: 12px 0 12px 0;
				height: auto;
			}
			
			#left_cont .details {
				width: 518px;
				float: left;
				margin: 0 0 20px 0;
			}
											/* button */
											a:link .button_web, a:visited .button_web {
												padding: 2px 7px 2px 7px;
												width: auto;
												text-align: center;
												background-color: #1a2674;
												color: #fff;
												font-size: 10px;
												margin: 0 0 0 0;
												float: left;
											}
												a:hover .button_web, a:hover .button_web {
													padding: 2px 7px 2px 7px;
													width: auto;
													text-align: center;
													background-color: #adb8bf;
													color: #fff;
													font-size: 10px;
													margin: 0 0 0 0;
													float: left;
												}
				#left_cont .content h2, #full_cont .content_board h2 {
					font-size: 17px;
					color: #6a737b;
					font-weight: normal;
					line-height: 1.2em;
					margin: 0 0 20px 0;
					text-align: left;
				}

					#left_cont .content_csr h2 {
						font-size: 17px;
						color: #6a737b;
						font-weight: normal;
						line-height: 1.2em;
						margin: 0 0 25px 0;
					}
				#left_cont .content h3 {
					font-size: 14px;
					color: #20286D;
					text-transform: uppercase;
					margin: 0 0 10px 0;
				}
					#left_cont a:link h3 , #left_cont a:visited h3  {
						color: #20286D;
						text-decoration: underline;
					}
					#left_cont a:hover h3  {
						color: #ADB8BF;
						text-decoration: none;
					}
						#left_cont .content ul {
							padding: 0px;
							margin: 0 0 0 0;
						 }
						 #left_cont ul.pad-ul { padding: 0 0 0 33px; }
									 
						 #left_cont .content ul ul {
							padding: 0px;
							margin: 0 0 0 50px;
						 }

							 
							#left_cont .content li {
								list-style-image: url(../images/bull.gif);
								line-height: 1.6em;
							}
			  					#left_cont .content a:link, #left_cont .content a:visited {
									color: #20286D;
									text-decoration: underline;
								}
								#left_cont .content a:hover {
									color: #ADB8BF;
									text-decoration: none;
								}
									
										#left_cont .content ul ul a:link, #left_cont .content ul ul a:visited {
											color: #5E6B72;
											text-decoration: none;
										}
										#left_cont .content ul ul a:hover {
											color: #ffc425;
											text-decoration: none;
										}
								
				#left_cont .contact_det {
					font-size: 12px;
					line-height: 1.4em;
					
				}
					#left_cont .det_thumb {
					height: 146px;
					float: left;
					width: auto;
					
				}
				#left_cont .news_headline {
					width: 488px;
					height: auto;
					float: left;
					padding: 15px;
					background-color: #edf0f2;
					margin: 0 0 20px 0;
				}
											#pagination {
												width: 518px;
												float: left;
												height: auto;
												margin: 20px 0 0 0;
											}
											
						#left_cont .thumb {
							width: 240px;
							height: 170px;
							float: left;
						}
						#left_cont .desc {
							width: 137px;
							float: left;
							padding: 0 0 0 15px;
						}
							#left_cont .desc a:link, #left_cont .desc a:visited {
										color: #20286D;
										text-decoration: underline;
									}
									#left_cont .desc a:hover {
										color: #ADB8BF;
										text-decoration: none;
									}
						#left_cont .desc_news {
							width: 232px;
							float: left;
							padding: 0 0 0 15px;
						}
						#left_cont .desc_main {
							width: 590px;
							float: left;
							padding: 0 0 0 0;
						}
									#left_cont .desc_news h3, #left_cont .desc_main h3 {
										padding: 0 0 0 0;
										margin: 0 0 5px 0;
										font-size: 17px;
										text-transform: uppercase;
										line-height: 1.3em;
										font-weight: bold;
									}
											#left_cont .desc_news h3 a:link, #left_cont .desc h3 a:visited, #left_cont .desc_main h3 a:link, #left_cont .desc_main h3 a:visited {
												text-decoration: none;
											}
											#left_cont .desc_news h3 a:hover, #left_cont .desc_main h3 a:hover {
												text-decoration: none;
											}
											
										#left_cont .desc_news p, #left_cont .desc_main p {
											margin: 10px 0 0 0;
										}
										#left_cont .desc_news span, #left_cont .desc_main span {
											color: #adb8bf;
											font-size: 12px;
											font-weight: normal;
											margin: 0 0 0 0;
										}
					
					#left_cont .news_cont {
						width: 518px;
						float: left;
						margin: 0 0 15px 0;
					}
					
						
					#left_cont .thumbPic {
							float: left;
							width: 80px;
							height: auto;
							padding: 0 0 0 0;
						}

						#left_cont .thumbDesc {
							float: left;
							width: auto;
							height: auto;
							padding: 0 0 0 0;
							font-size: 12px;
						}
						#left_cont .thumbExp {
							float: left;
							width: 428px;
							height: auto;
							padding: 0 0 0 0;
							font-size: 12px;
						}
							#left_cont .thumbDesc h3 {
								padding: 0 0 0 0;
								margin: 0 0 0 0;
								font-size: 13px;
								font-weight: bold;
								text-transform: uppercase;
							}
									#left_cont .thumbDesc h3 a:link, #left_cont .thumbDesc h3 a:visited {
										text-decoration: none;
									}
								
								#left_cont .thumbDesc p {
									margin: 0 0 0 0;
								}
								#left_cont .thumbDesc span {
									color: #adb8bf;
									font-size: 11px;
									font-weight: normal;
									margin: 0 0 0 0;
								}
								
								#contactform input {
									margin: 0 0 5px 0;
									padding: 5px 7px 5px 7px;
								}	
								#contactform textarea {
									padding: 5px;
									font-size: 12px;
									width: 300px;
									height: 150px;
								}				
								
									

	#right_cont {
		width: 192px;
		float: left;
		height: auto;
		margin: 0 0 0 20px;
	}
		#right_cont .container {
			width: 192px;
			float: left;
			height: auto;
			margin: 0 0 0 0;
		}
				#right_cont button {			
					border: 0;
					background: transparent;
					margin: 0 0 0 5px;
					padding: 0px;
					cursor: pointer;
					float: left;
					display: block;
					width: 65px;
					height: 29px;
				}
				 #right_cont .container ul {
				 	padding: 0px;
					margin: 0px;
				 }
				 	#right_cont .container li {
						list-style-type: none;
						line-height: 1.6em;
					}
			#right_cont .t_head {
				width: 192px;
				float: left;
				height: auto;
				border-bottom: 1px solid #aeb9bf;
				padding: 0 0 5px 0;
			}
				#right_cont .t_head h1 {
					font-size: 14px;
					color: #20286d;
					text-transform: uppercase;
				}
			#right_cont .content {
				float: left;
				width: 192px;
				padding: 5px 0 18px 0;
				height: auto;
			}
							#right_cont .content input {
								height: 19px;
								border: 1px solid #aeb9bf;
								width: 161px;
								float: left;
								padding: 5px 7px 5px 7px;
								color: #6a737b;
							}
				#right_cont .content_info {
					float: left;
					width: 192px;
					padding: 12px 0 0 0;
					height: auto;
					font-size: 12px;
					line-height: 1.4em;
				}
					#right_cont .content_info a:link, #right_cont .content_info a:visited {
									color: #1c2674;
									text-decoration: none;
								}
								#right_cont .content_info a:hover {
									color: #ffc425;
									text-decoration: none;
								}
			#right_cont .content_pro {
				float: left;
				width: 192px;
				padding: 0 0 0 0;
				margin: 0 0 10px 0;
				height: auto;
			}
								#right_cont .content a:link, #right_cont .content a:visited {
									color: #20286D;
									text-decoration: underline;
								}
								#right_cont .content a:hover {
									color: #ADB8BF;
									text-decoration: none;
								}
							#right_cont .content input.form {
								height: 19px;
								border: 1px solid #aeb9bf;
								width: 211px;
								float: left;
								padding: 5px 7px 5px 7px;
								color: #6a737b;
							}
				#right_cont .news_cont {
					float: left;
					width: 192px;
					height: auto;
					padding: 0 0 10px 0;
				}
					#right_cont .news_cont_d {
						width: 192px;
						float: left;
						margin: 0 0 10px 0;
					}	
										#right_cont .thumb_board {
											width: 80px;
											float: left;
											height: auto;
										}
											#right_cont .thumb_board img {
												border: 0px;
											}
										#right_cont .desc_board {
											width: 105px;
											float: left;
											height: auto;
											padding: 0 0 0 7px;
										}
											#right_cont .desc_board h1 {
												color: #6a737b;
												font-size: 12px;
												font-weight: bold;
									     }
										 
					#right_cont .news_cont img { 
							border: 0px;
						}
					#right_cont .thumb {
						width: 69px;
						float: left;
						height: auto;
						padding: 4px 0 0 0;
					}
					#right_cont .desc {
						width: 173px;
						float: left;
						height: auto;
						padding: 0 0 0 10px;
					}
						#right_cont .desc h1 {
							color: #6a737b;
							font-size: 12px;
							font-weight: bold;
						}
						#right_cont .desc span {
							color: #adb8bf;
							font-size: 11px;
							font-weight: normal;
						}
							#right_cont .desc p {
								margin: 5px 0 0 0;
								font-size: 11px;
							}
								#right_cont .desc a:link, #right_cont .desc a:visited, #right_cont .desc_board a:link, #right_cont .desc_board a:visited {
									color: #20286D;
									text-decoration: underline;
								}
								#right_cont .desc a:hover, #right_cont .desc_board a:hover {
									color: #ADB8BF;
									text-decoration: none;
								}

#footer_cont {
	width: 892px;
	height: 80px;
	float: left;
	margin: 20px 0 0 0;
	border-top: 1px solid #AEB9BF;
	color: #7b8389;
}
	#footer_cont .foot_nav {
		width: 892px;
		height: auto;
		margin: 0 0 0px 0;
		float: left;
		font-size: 11px;
		
	}
		#footer_cont .foot_nav ul {
			padding: 0px;
			margin: 8px 0 0 0;
			
		}
		#footer_cont .validator {
			width: 100%;
			float: left;
			height: auto;
			margin: 0 0 0 0;
			font-size: 11px;
		}
			#footer_cont .foot_nav li {
				list-style-type: none;
				display: inline;
				margin: 0 0 0 20px;
				font-size: 11px;
				float: right;
			}
				#footer_cont .foot_nav li.copy{
				list-style-type: none;
				display: inline;
				margin: 0 0 0 0;
				float: left;
				font-size: 11px;
				width: 400px;
			}
				#footer_cont .foot_nav a:link, #footer_cont .foot_nav a:visited, #footer_cont .validator a:link, #footer_cont .validator a:visited {
					color: #adb8bf;
					text-decoration: none;
				}
				#footer_cont .foot_nav a:hover, #footer_cont .validator a:hover {
					color: #ffc425;
					text-decoration: underline;
				}
	#footer_cont .copyright {
		width: 892px;
		float: left;
		font-size: 11px;
	}