@charset "utf-8";
/* CSS Document */
ul,ol,li,span,a,a:hover { margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:url(../images/bg.gif) repeat left top; margin:0px; text-align:center}
a {color:#fff; text-decoration:none;}
a:hover{color:#b4df6e;}
.clearboth{clear:both;}
li{ list-style:none;}
.STYLE8{ color:#F00}
	/*job.asp*/
	.job td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc;}

/*page split part*/
.manu {display:block; width:100%; clear:both; background:#017e01; border:1px solid #000; MARGIN:10px 0; padding:10px 0;TEXT-ALIGN: center;}
.manu A { MARGIN: 2px; padding:2px 5px;  COLOR: #fff; TEXT-DECORATION: none ;border:1px solid #fff;}
.manu A:hover { COLOR: #fff;  padding:2px 5px; border:1px solid #fff; background:#01ae01;}
.manu A:active {   COLOR: #fff; padding:2px 5px;border:1px solid #fff;background:#01ae01;}
.manu .current {BORDER: #fff 1px solid; PADDING:2px  5px; FONT-WEIGHT: bold;  MARGIN: 2px;  COLOR: #006400; BACKGROUND-COLOR: #fff}
.manu .disabled {BORDER: #909090 1px solid; PADDING:2px  5px;  MARGIN: 2px;  COLOR: #909090; } 
/*******************/


.pngfix {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
/*  behavior: url("JS/iepngfix.htc"); background: url(../images/connect.png) no-repeat center center; */


.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.split{height:9px;}


/* =====top part=======  */
#nav li{ float:left;}
#nav li a{ display:block; width:117px; height:32px; background:url(../images/navlink.gif) no-repeat center center; text-align:center; font-size:15px; line-height:27px; color:#FFF; font-weight:600}
#nav li a:hover{ display:block; width:117px; height:32px; background:url(../images/navOver.gif) no-repeat center center; text-align:center; font-size:15px; line-height:27px; color:#FFF; font-weight:600}

/*====== center part======*/
.indexpic img{ margin-bottom:12px; border:1px solid #000}

/* =====left part=======  */
.class_list{ padding-bottom:35px; padding-top:15px;}
.class_list ul li{ margin-bottom:0px;}

.class_list ul li a{ display:block; width:195px; line-height:22px; text-align:left; font-size:14px;  }
.class_list ul li a:hover{ display:block; width:195px;  line-height:22px; text-align:left; color:#f00; font-size:14px; }

.class_list ul li ul{  margin-bottom:20px; margin-left:20px;}
.class_list ul li li{ margin:10px 0;}
.class_list ul li ul li a{display:block; width:195px; line-height:18px; text-align:left; font-size:12px }
.class_list ul li ul li a:hover{display:block;width:195px; line-height:18px; text-align:left;  color:#f00;font-size:12px }



/* =====right part=======  */
.proList ul{ margin-left:10px; margin-top:20px}
.proList li{ float:left}
.book p{ padding:0 5px; line-height:24px;}


/*  footer part */
#footer{width:100%; height:100%;}