@charset "utf-8";

body { background: #000; color: #fff; font-family: Verdana, sans-serif; }


/*	layout		*/
#all { width: 1090px; margin: 0 auto; position: relative; }
#home #all { padding-bottom: 1px; background: url(img/bg_headline.png) no-repeat bottom; }
	#head { height: 210px; background: url(img/bg_headline.png) no-repeat bottom; padding-bottom: 1px; }
		#logo { width: 339px; border-right: 1px solid #999; height: 100%; float: left; margin-right: -340px; }
			#logo h1 { top: 50px; left: 50px; background: url(img/bg_logo.png) no-repeat; position: relative; height: 133px; width: 136px; }
			#logo h1 .here, #logo h1 a { display: block; font-size: 1px; }
			#logo h1 .here span, #logo h1 a span { display: block; position: absolute; width: 100%; height: 72px; top: 0; left: 0; background: url(img/i_logo.png) no-repeat; cursor: pointer; }
		#phrase { margin-left: 340px; height: 100%; }
			#phrase h2 { position: relative; height: 210px; }
			#phrase h2 span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
				.en #phrase h2 span { background: url(img/en/i_phrase.png);}
				.fr #phrase h2 span { background: url(img/fr/i_phrase.png);}
				.zhcn #phrase h2 span { background: url(img/ch_s/i_phrase.png);}
				.zhtw #phrase h2 span { background: url(img/ch_t/i_phrase.png);}
	#main { }
		#body { float: right; width: 750px; min-height:617px; border-left: 1px solid #999; }
		*html #body {height:617px; }	/*	IE6 fix	*/
		
			/*	enter form	*/
			#enter { position: relative; }
 			#body #enter { height: 116px; bottom: 0; }
			#more #enter { background: #000 url(img/bg_headline.png) no-repeat; padding-top: 1px; height: 166px; padding: 1.8em 0; }
				#enter .in { position: absolute; bottom: 0; left: 0; width: 100%; }
				#enter h3 { height: 83px; overflow: hidden; }
				#enter h3 span, .login span { display: block; height: 83px; cursor: pointer; }

				.fr #inspector h3 span { background: url(img/fr/i_inspector.png) no-repeat; }
				.fr #client h3 span { background: url(img/fr/i_client.png) no-repeat; }

				.en #inspector h3 span { background: url(img/en/i_inspector.png) no-repeat; }
				.en #client h3 span { background: url(img/en/i_client.png) no-repeat; }
				
				.zhcn #inspector h3 span { background: url(img/ch_s/i_inspector.png) no-repeat; }
				.zhcn #client h3 span { background: url(img/ch_s/i_client.png) no-repeat; }
				
				.zhtw #inspector h3 span { background: url(img/ch_t/i_inspector.png) no-repeat; }
				.zhtw #client h3 span { background: url(img/ch_t/i_client.png) no-repeat; }
				
				#enter h3:hover span, #enter h3.hover span { background-position: 0 -83px; color:	#fff; }
				
				#enter .form { background: #000; }
				#enter .form form { padding: 0 0 30px 0; }
				
				#body #enter .form { position: absolute; bottom: 0; width: 300px; padding: 0 0 0 40px; }
				#body #inspector { left: 0; }
				#body #client { left: 340px; }
					
				#enter label { float: left; width: 85px; margin-right: -85px; padding-top: 5px; }
				#enter input { width: 160px; margin-left: 85px; padding: 2px 5px; font-size: 0.9em; }
				#enter p { margin: 1em 0; text-align: right; width: 255px; }
				
		#content { padding:	2em 50px 1em 20px; position: relative; background: #fff url(img/bg_content.gif) repeat-y right top; zoom: 1;min-height:587px; }
				
			#mainimage { background: url(img/bg_headline.png) repeat-x -100px top; width: 750px; height: 300px; overflow: hidden; position: relative; }
				#mainimage img { display: block; float: left; position: absolute; top: 1px; left: 0; }
		#more { width: 339px; float: left; }
		#home #more { padding-top: 55px; background: url(img/bg_menu.gif) repeat-x; }
		
			/*	menu		*/
			.menu { zoom: 1; }
			.menu li { display: inline; zoom: 1; font-size: 1.2em;  width: 100%; }			
			.menu li a, .menu li.here span { display: block; height: 60px; position: relative; overflow: hidden; text-decoration: none;  }
			.menu li.here span { font-weight: bold; }
			.menu li ul { padding-left: 110px; }
			.menu li li { font-size: 0.915em; }
			.menu li li ul { padding-left: 10px; }
			.menu li li li { font-size: 1em; }
			.menu li li a, .menu li.here li span { height: auto; padding: 0.4em 5px; }
			.menu li li a { color: #fff; }
			.menu li li a:hover { color: #00cdec; }
			.menu a span, .menu .here span span { display: block; position: absolute; width: 100%; height: 60px; left: 0; top: 0; }
			.menu a span { cursor: pointer; }
			#more .menu a:hover span { background-position: 0 -60px; color: #fff; }
			#more .menu .here a:hover span { background-position: 0 0; }

				.fr .menu a.item1 span { background: url(img/fr/item1.png) no-repeat; }
				.fr .menu a.item2 span { background: url(img/fr/item2.png) no-repeat; }
				.fr .menu a.item3 span { background: url(img/fr/item3.png) no-repeat; }
				.fr .menu a.item4 span { background: url(img/fr/item4.png) no-repeat; }
				.fr .menu a.item5 span { background: url(img/fr/item5.png) no-repeat; }
				.fr .menu a.item6 span { background: url(img/fr/item6.png) no-repeat; }
				.fr .menu a.item7 span { background: url(img/fr/item7.png) no-repeat; }

				.fr .menu .here .item1 span { background: url(img/fr/item1_h.png) no-repeat; }
				.fr .menu .here .item2 span { background: url(img/fr/item2_h.png) no-repeat; }
				.fr .menu .here .item3 span { background: url(img/fr/item3_h.png) no-repeat; }
				.fr .menu .here .item4 span { background: url(img/fr/item4_h.png) no-repeat; }
				.fr .menu .here .item5 span { background: url(img/fr/item5_h.png) no-repeat; }
				.fr .menu .here .item6 span { background: url(img/fr/item6_h.png) no-repeat; }
				.fr .menu .here .item7 span { background: url(img/fr/item7_h.png) no-repeat; }

				.en .menu a.item1 span { background: url(img/en/item1.png) no-repeat; }
				.en .menu a.item2 span { background: url(img/en/item2.png) no-repeat; }
				.en .menu a.item3 span { background: url(img/en/item3.png) no-repeat; }
				.en .menu a.item4 span { background: url(img/en/item4.png) no-repeat; }
				.en .menu a.item5 span { background: url(img/en/item5.png) no-repeat; }
				.en .menu a.item6 span { background: url(img/en/item6.png) no-repeat; }
				.en .menu a.item7 span { background: url(img/en/item7.png) no-repeat; }

				.en .menu .here .item1 span { background: url(img/en/item1_h.png) no-repeat; }
				.en .menu .here .item2 span { background: url(img/en/item2_h.png) no-repeat; }
				.en .menu .here .item3 span { background: url(img/en/item3_h.png) no-repeat; }
				.en .menu .here .item4 span { background: url(img/en/item4_h.png) no-repeat; }
				.en .menu .here .item5 span { background: url(img/en/item5_h.png) no-repeat; }
				.en .menu .here .item6 span { background: url(img/en/item6_h.png) no-repeat; }
				.en .menu .here .item7 span { background: url(img/en/item7_h.png) no-repeat; }


				.zhcn .menu a.item1 span { background: url(img/ch_s/item1.png) no-repeat; }
				.zhcn .menu a.item2 span { background: url(img/ch_s/item2.png) no-repeat; }
				.zhcn .menu a.item3 span { background: url(img/ch_s/item3.png) no-repeat; }
				.zhcn .menu a.item4 span { background: url(img/ch_s/item4.png) no-repeat; }
				.zhcn .menu a.item5 span { background: url(img/ch_s/item5.png) no-repeat; }
				.zhcn .menu a.item6 span { background: url(img/ch_s/item6.png) no-repeat; }
				.zhcn .menu a.item7 span { background: url(img/ch_s/item7.png) no-repeat; }

				.zhcn .menu .here .item1 span { background: url(img/ch_s/item1_h.png) no-repeat; }
				.zhcn .menu .here .item2 span { background: url(img/ch_s/item2_h.png) no-repeat; }
				.zhcn .menu .here .item3 span { background: url(img/ch_s/item3_h.png) no-repeat; }
				.zhcn .menu .here .item4 span { background: url(img/ch_s/item4_h.png) no-repeat; }
				.zhcn .menu .here .item5 span { background: url(img/ch_s/item5_h.png) no-repeat; }
				.zhcn .menu .here .item6 span { background: url(img/ch_s/item6_h.png) no-repeat; }
				.zhcn .menu .here .item7 span { background: url(img/ch_s/item7_h.png) no-repeat; }


				.zhtw .menu a.item1 span { background: url(img/ch_t/item1.png) no-repeat; }
				.zhtw .menu a.item2 span { background: url(img/ch_t/item2.png) no-repeat; }
				.zhtw .menu a.item3 span { background: url(img/ch_t/item3.png) no-repeat; }
				.zhtw .menu a.item4 span { background: url(img/ch_t/item4.png) no-repeat; }
				.zhtw .menu a.item5 span { background: url(img/ch_t/item5.png) no-repeat; }
				.zhtw .menu a.item6 span { background: url(img/ch_t/item6.png) no-repeat; }
				.zhtw .menu a.item7 span { background: url(img/ch_t/item7.png) no-repeat; }

				.zhtw .menu .here .item1 span { background: url(img/ch_t/item1_h.png) no-repeat; }
				.zhtw .menu .here .item2 span { background: url(img/ch_t/item2_h.png) no-repeat; }
				.zhtw .menu .here .item3 span { background: url(img/ch_t/item3_h.png) no-repeat; }
				.zhtw .menu .here .item4 span { background: url(img/ch_t/item4_h.png) no-repeat; }
				.zhtw .menu .here .item5 span { background: url(img/ch_t/item5_h.png) no-repeat; }
				.zhtw .menu .here .item6 span { background: url(img/ch_t/item6_h.png) no-repeat; }
				.zhtw .menu .here .item7 span { background: url(img/ch_t/item7_h.png) no-repeat; }
			

			
	#lang { position: absolute; right:0; top:0;}
	#lang ul { float: left; }
	#lang ul li { float: left; padding: 5px; text-transform: uppercase; }
	#lang ul li a,#lang ul li span{ display:block; width:42px; height:42px; background-image:url(img/flags.png); position:relative; text-indent:-999em; overflow:hidden;}
	#lang ul li a{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
	#lang ul li a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
	#WMLPheader_lblFR,
	#WMLPheader_lnkFR{ background-position:0 0;}
	#WMLPheader_lblEN,
	#WMLPheader_lnkEN{ background-position:-42px 0;}
	/*#lang ul li a, 	#lang ul li a:visited { color: #ccc; }
	#lang ul li a:hover, #lang ul li span { color: #fff; }*/
	#footer { clear: both; background: #d1d1d1 url(img/bg_footer.gif) repeat-x; color: #555; }
		#footer p { white-space: nowrap; text-align: right; margin: 0; padding: 0.6em 50px; background: url(img/bg_headline.png) no-repeat; clear: both; }
		#home #footer p { background: none; }
		#footer a { color: #0098b7; }
		#footer a.contact { display: none; }
		#footer:hover a.contact, #footer.hover a.contact { display: inline; }
		
/*	styles		*/
h5 { font-size: 1.4em; margin: 1.5em 0 0.3em 20px; color: #00cdec; text-transform: uppercase; }
h4 { font-size:	1.4em; background: url(img/bg_h4.png) repeat-y; margin-top: 0.5em; line-height: 1.8em; min-height: 26px; 	padding: 0 0 5px 0; }
h3 { font-size: 1.8em; color: #00cdec; margin-top: 1em; font-weight: normal; }
h2 { font-size: 2.4em; font-weight: normal; }
p { font-size: 1.1em; margin-bottom: 1em; }

blockquote { float: right; border: 1px solid #858585; background: #fff; color: #76CAE2; width: 305px; padding: 0.3em 8px 0.5em 8px; margin-left: 6px; }

blockquote q { display: block; font-size: 2.4em; line-height: 1.1em; }
blockquote cite { display: block; font-size: 1.2em; margin-top: 1em; text-align: right; font-style: italic; }

a:link { color:	#32c1ea; }
a:visited { }
a:active { color: #399; }
a:hover { color: #36f; }

#content { color: #000; }
#content p { font-size: 1.2em; line-height: 1.4em; padding-left: 20px; text-align: justify; }
#content img { float:left; border:	1px solid #8E8E8E; margin: 0.4em 10px 0.2em 0; }
#content a { white-space:	nowrap; }
#content a:hover { color: #000; }

#enter h3 { color:	#fff; }
#enter h3:hover, #enter h3.hover { color: #666; }
#enter label { color: #5d808a; font-size: 1.1em;  }
#enter input { background: #5d808a; border: 1px solid #253034; color: #fff;}

a.forget { color: #98c3d0; }
a.forget:visited { color: #eee; }
a.forget:hover { color:	#fff; }
a.forget:active { color: #999; }

.buttons { height: 41px; background: #000 url(img/bg_btn.png) no-repeat left top; }
.buttons button, .buttons a { display: block; text-align: center; width: 112px; height: 26px; background: #00879f url(img/btn.png) no-repeat left top; border: none; color: #000; font: normal 1.2em Arial, sans-serif; text-transform: uppercase; padding: 6px 0; vertical-align: text-top; white-space: nowrap; cursor: pointer; text-decoration: none; }
.buttons button:hover, .buttons button.hover, .buttons a:hover { color: #fff; }

.buttons a { position: relative; overflow: hidden; height: 14px; }

.copyyears { white-space: nowrap;}
	
.messageAndButton{ width:620px; text-align:center;}
.messageAndButton p{ font-size:24px; color:#fff; padding:25px 10px; text-align:center; margin-bottom:28px;}

.centeredButton .button, .blueButton{ background:url(img/bg_button.png) no-repeat right 0; display:inline-block; height:34px; position:relative;}
.centeredButton .button a,.blueButton a,.blueButton button { color:#000; font-size:12px; text-transform:uppercase; display:inline-block; font-family:Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; text-decoration:none; padding-left:10px; padding-right:10px; line-height:26px; height:26px; background:none; border:none; cursor:pointer;}
.blueButton button { padding-left:7px; padding-right:7px; }
.centeredButton .button a:hover,.blueButton a:hover,.blueButton button:hover,.blueButton button.hover { color:#fff;}
.centeredButton .button a span,.blueButton a span,.blueButton button span{ width:10px;background:url(img/bg_button.png) no-repeat 0 0; display:block; position:absolute; width:10px; top:0; left:0; height:26px;}
*html .blueButton button { padding-left:10px; padding-right:10px; overflow:visible }
*+html .blueButton button { padding-left:10px; padding-right:10px; overflow:visible }


.whiteBg{ background:#fff; width:100%; height:100%; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
div.whiteBg{ min-height:330px; min-width:460px;}
.whiteBg .footer{ position:absolute; bottom:0; width:450px; left:50%; margin-left:-225px;}
.whiteBg .footer p{ color:#000; text-align:center; font-size:12px;}
.whiteBg .footer a{ color:#2864b5;}
.whiteBg .footer a:hover{ color:#32c1ea;}
.whiteBg .blackBlock{ background:#111 url(img/bg_balck_block.png) no-repeat 0 0; width:444px; left:50%; margin-left:-222px; top:50%; margin-top:-160px; height:254px; position:absolute; overflow:hidden;}
	.blackBlock .logo{background:url(img/small_logo.png) no-repeat 0 0; position:absolute; width:61px; height:66px; top:25px; left:39px;}
		.blackBlock .logo a{ display:block; position:relative; width:100%; height:33px; overflow:hidden;}
		.blackBlock .logo a span{background:url(img/small_logo.png) no-repeat 0 0; width:100%; height:100%; top:0; left:0; position:absolute; z-index:10;}
	.blackBlock .header{ position:absolute; top:20px; left:170px; width:245px; height:70px;}
	.blackBlock .header form{ float:right;}
	.blackBlock .header select{ font-size:11px; width:135px;}
	.blackBlock .content{ padding: 120px 35px 3px 170px;}
	.blackBlock .content .centeredButton{ text-align:center; padding-top:10px;}
	.blackBlock .content p{ color:#fff; font-size:12px; text-align:center; line-height:14px;}
	.blackBlock .theForm .label{ width:90px; display:block; float:left; padding-top:4px;}
	.blackBlock .theForm label{ color:#b4c9cf; font-size:12px;}
	.blackBlock .theForm a.forget{ font-size:12px;}
	.blackBlock .theForm .fRight{ text-align:right; padding-right:20px; padding-top:5px;}
	.blackBlock .theForm .rightButton{ text-align:right; padding-right:17px; padding-top:15px;}
		.theForm .inputText input{ border:1px solid #253034; background:#5d808a; color:#fff; font-size:11px; padding:2px 5px; width:120px;}
	.blackBlock .loginErrorMessage{left:260px;position:absolute;top:100px;width:150px;}