@charset "UTF-8";
/* CSS 0110010000110111011011100110100000101110011000110110111101101101 (215,215,215) */


/* Classes */
.stxt { font-size: 0.85em }
.txtl { text-align: left } .txtc { text-align: center } .txtr { text-align: right }
.fltl { float: left } .fltr { float: right }
.clrl { clear: left } .clr { clear: both }  .clrr { clear: right }
.clrer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.htxt { text-indent: -9999px } .hidden { display: none; visibility: hidden }
.w300 { width: 300px }	.w200 { width: 200px }
.w150 { width: 150px }	.w130 { width: 130px }
.w120 { width: 120px }	.w100 { width: 100px }
.w90 { width: 90px }	.w80 { width: 80px }
.w60 { width: 60px }	.w50 { width: 50px }
.w40 { width: 40px }	.w20 { width: 20px }
.bold { font-weight: bold } .em { font-style: italic }

.left {float: left;}
.right {float:right;}
.clear {clear:both;}

.hr { background: #c3d0da; border: 0; height: 1px }
.line {border-bottom:1px #bbb solid; height:1px; width:auto; margin-top:5px; padding-bottom:5px}


/* Override */
* { margin: 0; padding: 0 ; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 0px; list-style:none}
a img { border: 0; vertical-align: middle }
p img { vertical-align: middle }
h1 { font-size: 2.4em }
h2 { font-size: 2em }
h3 { font-size: 1.8em }
h4 { font-size: 1.4em }
h5 { font-size: 1.2em }
h6 { font-size: 1em }
.box a { text-decoration: none }
.box a:hover { text-decoration: underline }
.box p { margin-bottom: 1em }
.box h4, .box h5, .box h6 { margin-bottom: 15px }

/* Main */
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #1f1a17;background: #011758  }
#logo { background:url(../images/logo.png) top left no-repeat; width:303px; height:67px; position:absolute; top:266px; left:150px }

/*Intro 3*/
#wrapper_intro3 {margin: 0 auto; width: auto; height:auto ;background: #011758 url(../images/bg.jpg) top center no-repeat; position:relative}

#content_intro3 { width: auto;height:auto;color: #fff;position:absolute;left: 102px;top: 372px;}

#header_intro3 { height: 672px ; width:1000px; margin: 0 auto; position:relative;background: #011758 url(../images/bg_03.jpg) top center no-repeat;  }

#menu_intro3 {width:auto;height:30px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;position:absolute;top:207px;left: 530px}
#navigation_intro3 {color: #000; width:auto; height: 30px; margin:0 auto ; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none}
#navigation_intro3 ul { display: block; height: 30px }
#navigation_intro3 ul li { display: block; list-style: none; float: left; width: auto; height: 30px; line-height: 30px; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:0 5px 0 10px; text-decoration:none; color:#fff}
#navigation_intro3 ul li.active, #navigation ul li.active a:hover {color: #ff7011; height: 30px; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none }
#navigation_intro3 ul li.active a { color: #ff7011; height: 30px; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none }
#navigation_intro3 ul li a { display: block; height: 30px; width:auto; float: left; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; text-decoration:none; padding-right:15px; padding-left:0px }
#navigation_intro3 ul li a:hover {  color: #ff7011; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none }

#image_intro3 { position:absolute;background:url(../images/image.png) top left no-repeat;width:419px;height:276px;top: 280px;left:530px;}


/*intro1*/
#logo_intro3 {
	background:url(../images/logo_01.png) top left no-repeat;
	width:303px;
	height:67px;
	position:absolute;
	top:63px;
	left:50px
}

#wrapper_intro1 {margin: 0 auto; width: auto; height:auto ;background: #011758 url(../images/bg_01.jpg) top left repeat-x}

#content_intro1 { width: 1000px; margin: 0 auto; height:auto; position:relative; background:#fff ; margin-top:5px; color: #1f1a17}

#header_intro1 { height: 581px ; width:1000px; margin: 0 auto; position:relative}

#menu_intro1 {
	width:auto;
	height:30px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	position:absolute;
	top:130px;
	left: 459px
}
#navigation_intro1 {color: #000; width:auto; height: 30px; margin:0 auto ; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none}
#navigation_intro1 ul { display: block; height: 30px }
#navigation_intro1 ul li { display: block; list-style: none; float: left; width: auto; height: 30px; line-height: 30px; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:0 5px 0 10px; text-decoration:none; color:#fff}
#navigation_intro1 ul li.active, #navigation ul li.active a:hover {color: #ff7011; height: 30px; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none }
#navigation_intro1 ul li.active a { color: #ff7011; height: 30px; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none }
#navigation_intro1 ul li a { display: block; height: 30px; width:auto; float: left; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#fff; text-decoration:none; padding-right:15px; padding-left:0px }
#navigation_intro1 ul li a:hover {  color: #ff7011; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none }


#banner_intro1 { width:1000px; margin:0 auto; position:absolute; top: 190px; background:#fff }
.banner_intro1_l {float:left; width:399px; height:390px; background:url(../images/bg_bannerintro1.jpg) top left no-repeat;}
.banner_intro1_l p {width:300px;
	height:auto;
	position:absolute;
	top:163px;
	left:50px}
.banner_intro1_r {float:left; width:601px; height:390px}
.banner_intro1_r .banner_intro_jquery1 {}

/*TIPS*/
.tips{
position:relative; /*this is the key*/
z-index:24;
text-decoration:none;
background-repeat: no-repeat;
display: block;
width: auto;
height: auto;
text-decoration: none;
}
.tips:hover
{
z-index:25;
cursor: pointer;
text-decoration: none;
}

.tips div
{
display: none;
}

.tips:hover div
{ /*the span will display just on :hover state*/
display: block;
position:absolute;
top: 2.2em; left: 1.7em;
width:320px;
height:28px;
border:1px solid #1b71be;
color:#fff;
background-color: #021758;
text-align: justify;
padding:0 2px;
text-align:center;
font-size:12px;
}