body {
	background:url('imgs/wrapbg.jpg') repeat #FFFFFF ;  
	font-family: Helvetica, sans-serif;
	font-size:0.8em;
	margin:0;padding:0;
	text-align:left;}
	
ul ol li {	margin:0;	padding:0}
img{ border:0}
	
/*--------top start------*/
#banner {
	background:url('imgs/topbg.jpg') repeat-x #000000  top;  
	float:left;
	height:67px;
	width:100%;
	overflow: hidden;}

#logo {
	float:left;
	width:352px;
	padding-left:10px;
	overflow: hidden;}
	
#toplink {float:right;height:67px;}
#toplink ul{list-style:none; margin: 0; padding: 0;}
#toplink li{margin:0;float:left;}
#toplink li a{width:54px; height:67px;display:block; line-height:9000px; overflow: hidden;}
.eng a{background:url('imgs/toplink_00.jpg');}
.eng a:hover{background:url('imgs/toplink_hover_00.jpg') 53px 134px;}
.favor a{background:url('imgs/toplink_01.jpg');}
.favor a:hover{background:url('imgs/toplink_hover_01.jpg') 54px 134px;}
.contact a{background:url('imgs/toplink_02.jpg');}
.contact a:hover{background:url('imgs/toplink_hover_02.jpg') 53px 134px;}
.hotnews a{background:url('imgs/toplink_03.jpg');}
.hotnews a:hover{background:url('imgs/toplink_hover_03.jpg') 53px 134px;}
.ntu a{background:url('imgs/toplink_04.jpg');}
.ntu a:hover{background:url('imgs/toplink_hover_04.jpg') 54px 134px;}
.cinc a{background:url('imgs/toplink_05.jpg');}
.cinc a:hover{background:url('imgs/toplink_hover_05.jpg') 53px 134px;}
.info a{background:url('imgs/toplink_06.jpg');}
.info a:hover{background:url('imgs/toplink_hover_06.jpg') 62px 134px;}

.tw a{background:url('imgs/toplinkeng_00.jpg');}
.tw a:hover{background:url('imgs/toplinkeng_hover_00.jpg') 53px 134px;}
.favorE a{background:url('imgs/toplinkeng_01.jpg');}
.favorE a:hover{background:url('imgs/toplinkeng_hover_01.jpg') 54px 134px;}
.contactE a{background:url('imgs/toplinkeng_02.jpg');}
.contactE a:hover{background:url('imgs/toplinkeng_hover_02.jpg') 53px 134px;}
.hotnewsE a{background:url('imgs/toplinkeng_03.jpg');}
.hotnewsE a:hover{background:url('imgs/toplinkeng_hover_03.jpg') 53px 134px;}
.ntuE a{background:url('imgs/toplinkeng_04.jpg');}
.ntuE a:hover{background:url('imgs/toplinkeng_hover_04.jpg') 54px 134px;}
.cincE a{background:url('imgs/toplinkeng_05.jpg');}
.cincE a:hover{background:url('imgs/toplinkeng_hover_05.jpg') 53px 134px;}
.infoE a{background:url('imgs/toplinkeng_06.jpg');}
.infoE a:hover{background:url('imgs/toplinkeng_hover_06.jpg') 62px 134px;}
/*--------top end------*/



/*--------content start------*/

#wrap {
	float:left;
	width:100%;
	background:url(imgs/myntubg1.jpg) repeat-y fixed 0% 0%;
	}
	
#wrap1 {
     float:left;
	 width:100%;
     background:url(imgs/myntubg.jpg) no-repeat fixed 300px 50%;
    }

/*--------content end------*/


/*--------left start------*/
#login {
	float:left;
	width:260px; height:67px;
	background:url('imgs/redbg.jpg') repeat-x;
	overflow:hidden;
	}

#idtext{
	float:left;
	color:#FFFFFF;
	width:160px;
	height:30px;
	margin-left:10px;
	margin-top:18px;}
	

#loginbutton a{
	float:right;
	background:url('imgs/login.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#loginbutton a:hover{
	background:url('imgs/logina.gif') no-repeat;}
	
#loginengbutton a{
	float:right;
	background:url('imgs/logineng.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#loginengbutton a:hover{
	background:url('imgs/loginaeng.gif') no-repeat;}


#logout {
	float:left;
	width:260px; height:67px;
	background:url('imgs/redbg.jpg') repeat-x;
	overflow:hidden;
	}
#logoutbutton a{
	float:right;
	background:url('imgs/logout.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#logoutbutton a:hover{
	background:url('imgs/logouta.gif') no-repeat;}
	
#logoutengbutton a{
	float:right;
	background:url('imgs/logouteng.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#logoutengbutton a:hover{
	background:url('imgs/logoutaeng.gif') no-repeat;}

#idnote{
	float:left;
	color:#FF9900;
	width:260px;
	height:15px;
	margin-left:10px;
	margin-bottom:3px;}
#idnote a{color:#FF9900; text-decoration:none;}
#idnote a:hover{color:#FFCC00;}

#leftpanel {
	background:#9e774f;
	float:left;
	width:260px;}
#search{
	float:left;
	background:url(imgs/searchbg.jpg);
	height:46px;
	width:260px;
	overflow: hidden;}
#searcheng{
	float:left;
	background:url(imgs/searchbgeng.jpg);
	height:46px;
	width:260px;
	overflow: hidden;}
#searchbox {
	background:none;
	width:260px;
	height:30px;
	display:block;
	float:left;
	margin-left:20px;
	padding:3px 2px;
}
#searchbox .textfield {
	background:none;
	border:0px;
	width:115px;
	float:left;
	margin-top:8px;
	margin-right:2px;
	padding-left:32px;
	padding-bottom:5px;
}
#searchbox .button {
	background:none;
	border:0px;
	width:60px;
	height:30px;
	cursor:pointer;
	float:left;
	margin-top:1px;
	margin-left:11px;
}
#searchbox .searchtip {
	color:#999;
}	
*:first-child+html #searchbox {
 margin-left:25px;
}/*--for ie7--*/
 
* html #searchbox {
 margin-left:25px;
}/*--for ie6--*/
#menubar{
 background:url(imgs/menubarbg.jpg) repeat-x;
 float:left;
 height:75px;
 margin:5px 5px 5px 5px;
 width:250px;
 overflow:hidden;
 }
*:first-child+html #menubar {
margin-right: 0px;
}/*--for ie7--*/
 
* html #menubar {
margin-right: 0px;
}/*--for ie6--*/

* html #rightcontent {
width:70%
}/*--for ie6--*/
 

#menubar img{
	display:inline;
	float:left;
	margin:0px 10px 0px 0px;
	padding: 1px;
	width:64px;
}
#menubar ul {
	display:inline;
	color:#FFFFFF;
	float:left;
	margin:0px 5px 0px 8px;
	padding: 1px;
	width:140px;
	line-height:1.2em;
}
#menubar a{
	 color:#FFFFFF; text-decoration:none;}
#menubar a:hover{color:#FFCC00;}

#menubarmore{
	float:right;
	font-weight:bold;
	margin:30px 0px 0px 0px;}
#menubarmore a{
	 color:#cbb49c; text-decoration:none;}
#menubarmore a:hover{color:#FFCC00;}

#affairmenubar{
	background:url(imgs/menubarbg.jpg) repeat-x bottom;
	float:left;
	height:100px;
	margin:5px 5px 5px 5px;
	width:250px;
	overflow:hidden;
	}
#affairmenubar img{
	display:inline;
	float:left;
	margin:0px 10px 0px 0px;
	padding: 1px;
	width:64px;
}
#affairmenubar ul {
	display:inline;
	color:#FFFFFF;
	float:left;
	margin:0px 5px 5px 8px;
	padding: 1px;
	width:150px;
	line-height:1.2em;
}
#affairmenubar a{
	 color:#FFFFFF; text-decoration:none;}
#affairmenubar a:hover{color:#FFCC00;}

#affairmenubarmore{
	float:right;
	font-weight:bold;
	margin:30px 0px 0px 0px;}
#affairmenubarmore a{
	 color:#cbb49c; text-decoration:none;}
#affairmenubarmore a:hover{color:#FFCC00;}
/*--------left end------*/

/*--------right end------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;} /* for IE/Mac */
.clearfix {zoom: 1; display: block; } 

#rightcontent{
	overflow:hidden;
	z-index:-1;
	}

#servtitle{
	float:left;
	width:100%; 
	margin:30px 0 0px 20px;}
#servlist{ 
	padding:0px 0px 0px 120px;}
#servlist img {
	padding-bottom:5px;}
#servlist li{
	list-style:none; 
	float:left; 
	width:85px;
	height:130px;	
	margin:0px 10px 8px 10px;}
	
#servlist a{ color:#000000; text-decoration:none;}
#servlist a:hover{ color:#FF6600; text-decoration:none;}

#susplist{ 
	padding:0px 0px 0px 120px;}
#susplist img {
	padding-bottom:5px;}
#susplist li{
	list-style:none; 
	float:left; 
	width:100px;
	height:130px;
	color:#FF0000;	
	margin:0px 15px 15px 15px;}
	
#susplist a{ color:#000000; text-decoration:none;}
#susplist a:hover{ color:#FF6600; text-decoration:none;}


#newslist{
	background:url(imgs/newsbg.png) no-repeat; 
	margin:0px 0px 0px 140px; 
	height:216; 
	width:100%; 
	float:left;}
#newslist li{
	list-style:none; 
	margin:15px 15px 18px 0px;}
#newslist a{ 
	color: #333333; 
	text-decoration:none;}
#newslist a:hover{ color:#FF6600;}	
.date{ 
	color:#CC0000; 
	font-weight:bold; 
	padding-right:20px;}

#frameContent
{
    width:100%;
	overflow:hidden;
}

#sysFrame
{
    width:100%;
    height:0px;
/*----    height:inherit; ------*/	   
}
/*--------right end------*/	
	
#footer{
	background:#000000;
	float:left;
	width:100%;
	height:50px;
	text-align:center;}
.copyright{
	color:#FFFFFF;
	padding-top:20px;}

/*--------sys start------*/	
#sysleft{
	float:left;
	width:480px;
	padding:10px 0 0 10px;}
	
#sysright{
	float:right;
	width:400px;
	padding:0px 10px 0 0 ;}
	
#sysidtext{
 float:left;
 color:#FFFFFF;
 width:280px;
 height:30px;
 margin-left:10px;
 margin-top:10px;}

#sysloginbutton a{
	float:right;
	background:url('imgs/login.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#sysloginbutton a:hover{
	background:url('imgs/logina.gif') no-repeat;}
	
#sysloginengbutton a{
	float:right;
	background:url('imgs/logineng.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#sysloginengbutton a:hover{
	background:url('imgs/loginaeng.gif') no-repeat;}

#syslogout {
	float:left;
	width:62px; height:67px;
	background:url('imgs/redbg.jpg') repeat-x;
	overflow:hidden;
	}
#syslogoutbutton a{
	float:right;
	background:url('imgs/logout.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#syslogoutbutton a:hover{
	background:url('imgs/logouta.gif') no-repeat;}
	
#syslogoutengbutton a{
	float:right;
	background:url('imgs/logouteng.gif') no-repeat;
	line-height:9000px; overflow: hidden;
	width:62px;
	height:32px;
	margin-right:10px;
	margin-top:10px;}
#syslogoutengbutton a:hover{
	background:url('imgs/logoutaeng.gif') no-repeat;}

#backbtn {
           float:left;
           width:155px; height:33px;
           background:url(imgs/backhome.gif) no-repeat;
           overflow:hidden;
           }
#backbtn a{
           float:left;
           background:url(imgs/backhome.gif) no-repeat;
           line-height:9000px; overflow: hidden;
           width:155px; height:33px;
           }
#backbtn a:hover{
           background:url(imgs/backhomea.gif) no-repeat;}
#backengbtn {
           float:left;
           width:155px; height:33px;
           background:url(imgs/backhome.png) no-repeat;
           overflow:hidden;
           }
#backengbtn a{
           float:left;
           background:url(imgs/backhome.png) no-repeat;
           line-height:9000px; overflow: hidden;
           width:155px; height:33px;
           }
#backengbtn a:hover{
           background:url(imgs/backhomea.png) no-repeat;}
           
#syssuggestbtn {
           float:left;
           width:160px; height:33px;
           background:url(imgs/syssuggest.gif) no-repeat;
           overflow:hidden;
           }
#syssuggestbtn a{
           float:left;
           background:url(imgs/syssuggest.gif) no-repeat;
           line-height:9000px; overflow: hidden;
           width:160px; height:33px;
           }
#syssuggestbtn a:hover{
           background:url(imgs/syssuggesta.gif) no-repeat;}
           
#syssuggestengbtn {
           float:left;
           width:81px; height:33px;
           background:url(imgs/helps.gif) no-repeat;
           overflow:hidden;
           }
#syssuggestengbtn a{
           float:left;
           background:url(imgs/helps.gif) no-repeat;
           line-height:9000px; overflow: hidden;
           width:81px; height:33px;
           }
#syssuggestengbtn a:hover{
           background:url(imgs/helpsa.gif) no-repeat;}

#favoritebtn {
           float:left;
           width:155px; height:33px;
           background:url(imgs/favorite_add.gif) no-repeat;
           overflow:hidden;
           }
#favoritebtn a{
           float:left;
           background:url(imgs/favorite_add.gif) no-repeat;
           line-height:9000px; overflow: hidden;
           width:155px; height:33px;
           }
#favoritebtn a:hover{
           background:url(imgs/favorite_adda.gif) no-repeat;}
           
#favoriteengbtn {
           float:left;
           width:155px; height:33px;
           background:url(imgs/favorite_addeng.gif) no-repeat;
           overflow:hidden;
           }
#favoriteengbtn a{
           float:left;
           background:url(imgs/favorite_addeng.gif) no-repeat;
           line-height:9000px; overflow: hidden;
           width:155px; height:33px;
           }
#favoriteengbtn a:hover{
           background:url(imgs/favorite_addaeng.gif) no-repeat;}

#favoritebtn_remove {
           float:left;
           width:155px; height:33px;
           background:url(imgs/favorite_remove.gif) no-repeat;
           overflow:hidden;
           }
#favoritebtn_remove a{
           float:left;
           background:url(imgs/favorite_remove.gif) no-repeat;
           line-height:9000px; overflow: hidden;
           width:155px; height:33px;
           }
#favoritebtn_remove a:hover{
           background:url(imgs/favorite_remove.gif) no-repeat;}
           
#favoritebtn_removeeng {
           float:left;
           width:155px; height:33px;
           background:url(imgs/favorite_removeeng.gif) no-repeat;
           overflow:hidden;
           }
#favoritebtn_removeeng a{
           float:left;
           background:url(imgs/favorite_removeeng.gif) no-repeat;
           line-height:9000px; overflow: hidden;
           width:155px; height:33px;
           }
#favoritebtn_removeeng a:hover{
           background:url(imgs/favorite_removeaeng.gif) no-repeat;}

.sysidnote{
 color:#FF9900;
 height:15px;
 margin-left:10px;
 margin-bottom:3px;}
.sysidnote a{color:#FF9900; text-decoration:none;}
.sysidnote a:hover{color:#FFCC00;}


#systop
    {
     background:url(imgs/sysviewtopbg.jpg) repeat-x #FFF; 
     height:50px;
    }

/*--------sys end------*/

#announcement{
	padding:10px 0 20px 150px; float:left; font-size:14px; line-height:30px;}
	
#logoutwin{
	background:url(imgs/logoutwinbg.png) no-repeat;
	color:#CC0000;
	font-weight:bold;
	font-size:1.4em;
	margin:8% auto;
	height:400px;
	width:600px;
}
#logoutwin img{ margin:20px auto;}
#logoutwin p{ padding:5px 40px; line-height:2em;}

.grouptype{ font-weight:bold; color:#990000;}

.sysmore{
         float:left; margin:5px 50px 5px 10px; color:#990000; font-size:1.2em; font-weight:bold; cursor:pointer; padding-top: 15px;}

.hideItem{display: none;}
