@charset "utf-8";
/* CSS Document */
*{font-family:Verdana, Arial, Helvetica, sans-serif;}
body{font-size:13px; margin:0; background:#def0e3 url(../images/body-bg.gif) repeat-x fixed;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

h1{font-size:3em;}
h2{font-size:1.615em;}
h3{font-size:1.154em;}
#wrapper{width:100%;background:url(../images/header-bg.jpg) center top no-repeat fixed;}
.pagetop{position:absolute;}

footer{background:#def0e3; position:fixed; bottom:0; width:100%; text-align:center; height:40px; padding:10px 0;}

/* index */
#index{width:980px; height:550px; margin:0 auto; display:block;behavior: url("js/iepngfix.htc");}
#index img{behavior: url("js/iepngfix.htc");}
.indexlogo{position:absolute; margin-left:0; margin-top:110px;}
a.icon{
    width:94px;
    height:94px;
    position:absolute;
    cursor:pointer;
}
.indexnews{
	position:absolute;
    margin-top:170px;
    margin-left:250px;
}
.indexservice{
	position:absolute;
    margin-top:170px;
    margin-left:400px;
}
.indexabout{
	position:absolute;
    margin-top:170px;
    margin-left:550px;
}
.indexrecruit{
	position:absolute;
    margin-top:170px;
    margin-left:700px;
}
.indexportal{
	position:absolute;
    margin-top:170px;
    margin-left:850px;
}
.indexnews a.icon{
    background:transparent url(../images/btn-news.png) no-repeat 0px 0px;
}
.indexservice a.icon{
    background:transparent url(../images/btn-service.png) no-repeat 0px 0px;
}
.indexabout a.icon{
    background:transparent url(../images/btn-about.png) no-repeat 0px 0px;
}
.indexrecruit a.icon{
    background:transparent url(../images/btn-recruit.png) no-repeat 0px 0px;
}
.indexportal a.icon{
    background:transparent url(../images/btn-portal.png) no-repeat 0px 0px;
}
.navigation .item{background:url(../images/btn-out-index.png) no-repeat; width:94px; height:94px;}
.navigation .item a.active{
    background-position:0px -94px;
}

.item img.circle{
    position:absolute;
    width:94px;
    height:94px;
    opacity:0;
}
/* subpagemenu */
.pagemenu{position:absolute; margin-top:40px;behavior: url("js/iepngfix.htc");}
.pagemenubase{background:url(../images/btn-out-index.png) no-repeat 0px 0px; width:94px; height:94px; float:left; margin-right:40px;}
.pagemenubasecurrent{background:url(../images/btn-over-page.png) no-repeat 0px 0px; width:94px; height:94px; float:left; margin-right:40px;}
a.now{
    width:94px;
    height:94px;
    position:absolute;
}
.pagenews a.icon{
    background:transparent url(../images/btn-news.png) no-repeat 0px 0px;
}
.pagenews a.icon:hover{
    background:transparent url(../images/btn-news.png) no-repeat 0px -188px;
}
.pagenews a.now{
    background:transparent url(../images/btn-news.png) no-repeat 0px -94px;
}

.pagehome a.icon{
    background:transparent url(../images/btn-home.png) no-repeat 0px 0px;
}
.pagehome a.icon:hover{
    background:transparent url(../images/btn-home.png) no-repeat 0px -188px;
}

.pageservice a.icon{
    background:transparent url(../images/btn-service.png) no-repeat 0px 0px;
}
.pageservice a.icon:hover{
    background:transparent url(../images/btn-service.png) no-repeat 0px -188px;
}
.pageservice a.now{
    background:transparent url(../images/btn-service.png) no-repeat 0px -94px;
}

.pageabout a.icon{
    background:transparent url(../images/btn-about.png) no-repeat 0px 0px;
}
.pageabout a.icon:hover{
    background:transparent url(../images/btn-about.png) no-repeat 0px -188px;
}
.pageabout a.now{
    background:transparent url(../images/btn-about.png) no-repeat 0px -94px;
}

.pagerecruit a.icon{
    background:transparent url(../images/btn-recruit.png) no-repeat 0px 0px;
}
.pagerecruit a.icon:hover{
    background:transparent url(../images/btn-recruit.png) no-repeat 0px -188px;
}
.pagerecruit a.now{
    background:transparent url(../images/btn-recruit.png) no-repeat 0px -94px;
}

.pageportal a.icon{
    background:transparent url(../images/btn-portal.png) no-repeat 0px 0px;
}
.pageportal a.icon:hover{
    background:transparent url(../images/btn-portal.png) no-repeat 0px -188px;
}
.pageportal a.now{
    background:transparent url(../images/btn-portal.png) no-repeat 0px -94px;
}

/* news */
#news{width:980px; margin:0 auto; margin-top:500px; height:600px;}
.picnews{position:absolute; margin-top:180px; margin-left:100px;}

/* service */
#service{width:980px; margin:0 auto; margin-top:500px; height:600px;}
.picservice{position:absolute; margin-top:180px; margin-left:20px;}

/* about */
#about{width:980px; margin:0 auto; margin-top:500px; height:600px;}
.picabout{position:absolute; margin-top:180px; margin-left:100px;}

/* recruit */
#recruit{width:980px; margin:0 auto; margin-top:500px; height:600px;}

/* portal */
#portal{width:980px; margin:0 auto; margin-top:500px; height:1000px;}

/* line-hight */
.lineheight01{line-height:1.2em;}
.lineheight02{line-height:1.5em;}
.lineheight03{line-height:1.8em;}
.lineheight04{line-height:2em;}

/* font */
.font-size1{font-size:0.769em;}
.font-size2{font-size:0.923em;}
.font-size3{font-size:1.154em;}
.font-size4{font-size:1.385em;}
.font-size5{font-size:1.615em;}
.font-size6{font-size:1.843em;}
.font-size7{font-size:2em;}
.font-size8{font-size:2.2em;}
.font-size9{font-size:2.5em;}
.font-bold{font-weight:bold;}

.font-copy{color:#666666;}
.font-copy a{color:#0F81AC; text-decoration:none;}
.font-copy a:hover{color:#00CCCC;}