/* 2005-08-06 version ¸ê·½¾ã¦X
=======================================================================
*//* BEGIN GLOBE FORMAT */
body {
	margin-top: 0px;
	margin-left: 0px;
	/*background-color: #D1D1CB;*/
	background-color: #ffffff;
	}
#frame {
	width: 780px;
	margin:0px auto;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	}
#banner{    /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	height: 50px;
	width: 780px;
	text-align: right;
	padding:0px;
	clear: both;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: left;
}
#bannertext{
	width: 390px;
	/*padding-top: 20px;*/
	text-algin: center;
}
#bannericon{
	height: 20px;
	width: 780px;
	display: none;
}
#bannerline{
	height:20px;
	width:780px;
	background-color:#D1D1CB;
	display:none;
}
#nav{
    height:20px;
	width:780px;
	margin:2px auto 0px;
}
#navIcon{
	margin:0px auto;
	width: 780px;
	height: 20px;
	background-color: #fff;
	border: 0px;
	text-align: center;
	font-size: 15px;
}
#navIcon a:link , #navIcon a:visited{
	color: #fff;
	text-decoration: none;
}
#navIcon a:hover{
	color: #FFCC00;
	text-decoration: none;
}
#navIcon tr{
	background-image: url(img/nav_bg.gif);
}
#navIcon td{
	text-align: center;
	width: 270px;
}

/*line  declare SECTION FORMAT*//*
========================================
*//*line  declare SECTION*/	

#line{
	clear: both;
}
#declare{
	font-size: 15px;
	text-align: left;
	height: 30px;
	width: 782px;
}	
#declare_word{
	color: #767A3A;
	text-align: center;
}	
#declare_word a:link, #declare_word a:visited{
	color: #767A3A;
}	
#declare_word a:hover{
	color: #99CC00;
}	
#bannerbot{
	margin:0px auto;
	padding-right: 5px;
	height:40px;
	width: 782px;
	background-image: url(img/bannerbot_bg.gif);
	background-repeat: repeat-x;
	text-align: right;
	font-size: 15px;
	color: #FFFFFF;
	padding-bottom: 10px;
	vertical-align: middle;
	display: block;
}

/*um SECTION FORMAT*//*
===================================================================================
*//*um SECTION*/


/*ug9 SECTION FORMAT*//*
===================================================================================
*//*ug9 SECTION*/

#frame_ug9 {
	width: 560px;
	margin:0px auto;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}	
#banner_ug9{
	padding-top: 10px;
	width: 560px;
	margin:0px auto;
	background-image: url(img/logo.gif);
	background-position: left;
	height: 70px;
	background-repeat: no-repeat;
}
#bannericon_ug9{
	margin:0px auto;
	height: 20px;
	width: 560px;
	background-image: url(img/nav_bg.gif);
	background-repeat: repeat;
}
#bannerline_ug9{
	margin:0px auto;
	height:20px;
	width: 560px;
	background-color: #035858;
	display: none;	
}
#bannerbot_ug9{
	width: 560px;
	height: 40px;
	margin:0px auto;
	background-image: url(img/bannerbot_bg.gif);
	background-repeat: repeat-x;
	padding-bottom: 10px;
}
#meat_ug9 {
	width: 562px;
	margin:0px auto;
	/*background-image: url(img/Lmeat_bg.gif);
	background-repeat: repeat-y;*/
	background-color:#ffffff;
}
#Rmeat_ug9{
	width: 560px;
	font-size: 15px;
	color: #666666;
	height: 100%;
	float: right;
}
#Mmeat_ug9{
	width: 560px;
	background-color: #FFffff;
	clear: both;
	font-size: xx-small;
	height: 50px;
	visibility: hidden;
}

/*meat SECTION FORMAT*//*
===================================================================================
*//*meat SECTION*/
#meat{
	width: 782px;
	background-image: url(img/Lmeat_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: -35px;
}
#Lmeat{
	width: 220px;
	float: left;
}
#Rmeat{
	width: 560px;
	float: right;	
	font-size: 15px;
	color: #666666;
	float: right;
}
#Mmeat{
	width: 782px;
	height: 50px;
	background-color: #FFffff;
	clear: both;
	font-size: xx-small;
	visibility: hidden;
}


/* Rmeat_title ====================================*/	

#Rmeat_title  {
	width: 558px;
	height: 20px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	/*background-color: #9A9470;*/
	background-color: #92B8FF;
	margin-right: 3px;
}

/* Rmeat_content ================================*/	


#Rmeat_content  {
	margin-top: 5px;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}

/* title SECTION FORMAT*//*
===================================================================================
*//* title SECTION*/

#ctitle , #ctitle_index{
	color: #fff;
	height: 30px;
	font-weight: bold;
	font-size: 15px;
	background-repeat: no-repeat;
	margin-left: 20px;
	padding-top: 10px;
	text-align: left;
	text-indent: 50px;
	background-image: url(img/ctitle.gif);
	margin-top: 20px;
}


/* content SECTION FORMAT*//*
===================================================================================
*//* content SECTION*/

#content{
	width: 95%;
	border: 1px solid #ffcc00;
	float: right;
}
#content_index{
	width: 96%;
	margin-top: 10px;
	margin-left: 20px;
}

/*Head Foot SECTION FORMAT*//*
==============================
*//*Head Foot SECTION*/
#Head{
	background-color: #fcf5e0;
	color: #006699;
	font-size: 15px;
	height: 16px;
}	
#Head_index {
	color: #006699;
}
#Head a:link,#Head a:visited  /*,#Head_index a:link,#Head_index a:visited*/ {
	color: #0099CC;
}
#Head a:hover  /*,#Head_index a:hover */{
	color: #CCCCCC;
}
.Head_td1{
	width: 200px;
}
.Head_td2{
	width: 200px;
}
.Head_td3{
}

#Foot {    /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	height: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 20px;
	background-color: #fcf5e0;
	color: #BEBDA0;
	text-align: center;
}	
#Foot_index {
	height: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 20px;
	color: #BEBDA0;
	text-align: center;
}	

#Foot a:link, #Foot_index a:link ,#Foot a:visited, #Foot_index a:visited {
	font-size: 15px;
	color: #006699;
	text-decoration: none;
}
#Foot a:hover , #Foot_index a:hover {
	font-size: 15px;
	color: #CCCCCC;
	text-decoration: none;
}
.Foot_td1{
	width: 100px;
}
.Foot_td2{
	width: 300px;
}
.Foot_td3{
	width: 100px;
}

#Face{
}
#Face_index{
}
#FacePosition{
	width: 100%;
	background-color: #CC3300;
	position: relative;
	/*height: 260px;*/
	visibility: hidden;
}


/*table SECTION FORMAT*//*
===================================================================================
*//*table SECTION*/
.tbList_a4{
	width:90%;
}
.tbList_a4 td{
	text-align: justify;
	font-size: 15px;
}
.tbList_a5{
	width:90%;
}
.tbList_a5 td{
	text-align: justify;
}
.tbList1{
	color: #666666;
	font-size: 15px;
	text-align: left;
	width: 96%;
	margin-left: 5px;
	margin-right: 5px;
}
.tbList1 a:link{
	/*color: #666666;*/
	color: black;
}
.tbList1 a:visited{
	color: #666666;
}
.tbList1 a:hover{
	color: #FF0000;
}
.tbList1 td{
	text-align: left;
	padding-top: 4px;
	padding-bottom: 2px;
	background-color: #EDF1E2;
}
.tbList1 th{
	color: #006699;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #789CAD;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
}


.tbList2{
	width: 98%;
	color: #666666;
	font-size: 15px;
	float: left;
	margin-left: 0px;
}
.tbList2 a:link,.tbList2 a:visited{
	color: #006666;
}
.tbList2 a:hover{
	color: #FF0000;
}
.tbList_bfont{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}
.tbList2 td{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.tbList2 th{
	color: #006699;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px dashed #9A9470;
}

.tbList_mid{
	width: 540px;
	text-align: center;
	padding-left: 30px;
	font-size: 15px;
	color: #666666;
}

.th_pic{
	text-align: left;
	width: 20px;
}
.th_31 {
	text-align: left;
	width: 40px;
}
.th_32 {
	text-align: left;
	width: 150px;
}
.th_33 {
	text-align: left;
	width: 300px;
}

.th_a1 {
	text-align: left;
	width: 20px;
}
.th_a2 {
	text-align: left;
	width: 60px;
}
.th_a3 {
	text-align: left;
	width: 320px;
}

.th_b1 {
	text-align: left;
	width: 100px;
}
.th_b2 {
	text-align: left;
	width: 300px;
}

.th_um {
	text-align: left;
	width: 120px;
}

.th_unique1{
	font-size: 15px;
	color: #006699;
}

/* LmeatUG9 SECTION FORMAT*//*
===================================================================================
*//*LmeatUG9  SECTION*/	

#LmeatUG9photo{
	font-size: 15px;
	color: #666666;
	margin-left: 5px;
}


.tbIMG {
	width:90%;
	margin-left: 20px;
	margin-top: 0px;
}
.tbIMG td {
	padding:8px 0px 8px 30px;
	vertical-align:top;
	color:#4B5841;
	font-size:15px;
	text-align:left;
	width:10%;
	line-height:1.5em;
	margin-left: -2px;
	border: 1px solid #C8C8BD;
}
.tbIMG img {
    /*width:90px;*/
	border:1px #fff solid; 
}
.tbList3{
	color: #666666;
	font-size: 15px;
	text-align: left;
	float: left;
}
.tbList3 a:link,.tbList3 a:visited{
	color: #8F8D49;
}
.tbList3 a:hover{
	color: #FF9900;
}
.tbList3 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #789CAD;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.tbList3 th{
	color: #789CAD;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #789CAD;
	font-weight: bold;
	padding-bottom: 5px;
}
.ug9_td1{
	font-size: 15px;
	font-weight: bold;
	color: #006699;
	width: 80px;
}
.ug9_td2{
	font-size: 15px;
	/*color: #999999;*/
	color: black;
	/*width: 220px;*/
	width:500px;
}
/* act in ug0 & um SECTION FORMAT*//*
===================================================================================
*//*act in ug0 & um  SECTION*/	

#act_ug0 {   /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	CLEAR: both;
	border: 1px solid #ffcc00;
	height: 190px;
	width: 99%;
}
#act_ug0 H2 {   /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-SIZE: 15px;
	BACKGROUND: #ffcc00;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 5px;
	POSITION: relative;
	HEIGHT: 1.5em;
	HEIGHT: auto;
	font-weight: bold;
	color: #FFFFFF;
}
#act_ug0 UL {   /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	PADDING-BOTTOM: 0.12em;
	WIDTH: 97%;
	LINE-HEIGHT: 80%;
	POSITION: relative;
	HEIGHT: 180px;
	background-color: #fcf5e0;
	margin: 5px 2px 5px 3px;
}
#act_ug0 UL LI {
	LIST-STYLE: url(img/g0187.gif) none outside; FONT-SIZE: 100%; 	MARGIN: 0.7em 0px 3px 45px}

#act_ug0 UL LI a:link ,#act3 UL LI a:visited{
	color: #999900;
	text-decoration: none;
}
#act_ug0  UL LI a:hover{
	color: #CCCC00;
	list-style-image: url(img/arrow_red.gif);
}


/* info SECTION FORMAT*//*
===================================================================================
*//*info  SECTION*/	
#info1 {
	margin-bottom: 20px;
	width: 99%;
	float: left;
	border: 1px dashed #9A9470;

}
#info1 H2 {
	text-align: left;
	DISPLAY: block;
	height: 20px;
	/*background-color: #9A9470;*/
	background-color: #92B8FF;
	font-size: 15px;
	color: #fff;
}
#info1 H2 font{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 0px;
}
#info1 UL {
	line-height: 80%;
	padding-top: 0.2em;
}
#info1 UL LI {
	LIST-STYLE: url(none) none outside;
	FONT-SIZE: 15px;
	MARGIN: 0.6em 0px 2px 10px;
	text-align: left;
	color: #666666;
}
#info1 a , #info1 a:link , #info1 a:visited{
	color: #fff;
	text-decoration: underline;
}
#info1 a:hover{
	color: #CCCCCC;
}

#info1 UL LI a:link , #info1 UL LI a:visited{
	color: #D7990B;
	text-decoration: none;
}
#info1 UL LI a:hover{
	color: #EDC21B;
}


/* act SECTION FORMAT*//*
===================================================================================
*//*act  SECTION*/	

#act3 {
	width: 99%;
	float: left;
}
#act3 H2 {    /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	text-align: left;
	DISPLAY: block;
	height: 20px;
	/*background-color: #9A9470;*/
	background-color: #FFD350;
	font-size: 15px;
	color: #fff;
}
#act3 H2 font{     /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 2px;
}
#act3 UL {       /*@@@@@@@@@@@@@@ set up the parameter amoug the different parts @@@@@@@@@@@@*/
	PADDING-BOTTOM: 10px;
	WIDTH: 99%;
	height: 100%;
	LINE-HEIGHT: 80%;
	margin-bottom: 20px;
}
#act3 UL LI {
	LIST-STYLE: url(img/icon_act3.gif);
	FONT-SIZE: 15px;
	MARGIN: 0em 0px 3px 30px;
	text-align: left;
	padding-top: 0.6em;
	height: 16px;
}
#act3 UL LI a:link ,#act3 UL LI a:visited{
	color: #999900;
	text-decoration: none;
}
#act3 UL LI a:hover{
	color: #CCCC00;
	list-style-image: url(img/icon_act3_c.gif);
}


#act_function {
	width: 100%;
	float: left;
}
#act_function td{
	text-align: left;
}
#act_function H2 {
}
#act_function UL {
	border: 1px dashed #9A9470;
	PADDING-BOTTOM: 15px;
	WIDTH: 99%;
	height: 100%;
	LINE-HEIGHT: 80%;
	margin-bottom: 10px;
	background-color: #EDF1E2;
}
#act_function UL LI {
	LIST-STYLE: url(img/arrowcircle_gr.gif);
	FONT-SIZE: 15px;
	MARGIN: 0em 0px 3px 30px;
	text-align: left;
	padding-top: 0.6em;
	height: 16px;
}
#act_function UL LI a:link , #act_function UL LI a:visited{
	color: #145574;
	text-decoration: none;
}
#act_function UL LI a:hover{
	color: #94BCD3;
	list-style-image: url(img/arrow_red.gif);
}
#iframe{
	height: 345px;
	width: 95%;
}



/*item SECTION FORMAT*//*
===================================================================================
*//*item SECTION*/

#item{
	clear:both;
	width: 782px;
	height: 150px;
	margin-top: 0px;
}
#Litem{
	position: relative;
	width: 230px;
	float: left;
	/*top:130px;
	left:0px;*/
	height: 150px;
	/*border: 1px solid #8EBD00;*/
	border: 1px solid #92B8FF;
}
#Ritem{
	width: 548px;
	float: right;
	height: 215px;
	background-color: #F4F7F5;
	font-size: 15px;
	color: #666666;
}
#Litemtitle{
	font-size: 15px;
	color: #666666;
	height: 20px;
	/*background-color: #98CA00;*/
	background-color: #92B8FF;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#Litemlogin{
	padding-left: 5px;
	padding-top: 5px;
	font-size: 15px;
	color: #666666;
	height: 100px;
	background-color: #EDF1E2;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#Litemlogin a:link , #Litemlogin a:visited{
	color: #D7990B;
	text-decoration: none;
}
#Litemlogin a:hover{
	color: #EDC21B;
}
#showcase{

}
#showcase img{
	float: center;
	margin-left: 0px;
}
#showcaseTitle{
	float: left;
	text-align: left;
	margin-top: 130px;
	margin-left: 20px;
}
/*major sec SECTION FORMAT*//*
===================================================================================
*//*major sec SECTION*/	

#major {
	width: 780px;
	margin:10px auto;
}

.Lmajor {
	FLOAT: left; WIDTH: 230px; TEXT-ALIGN: left
}

.Rmajor {
	FLOAT: right; MARGIN-LEFT: 0.2em; WIDTH: 540px; TEXT-ALIGN: left
}
.Rmajor HR {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: red; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 1px
}

.Rmajor H2 .frl {
	LETTER-SPACING: 2px
}
.Rmajor #login H2 {
	LETTER-SPACING: 1px
}
.Rmajor H2 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 6px; FONT-SIZE: 78%; BACKGROUND: #ddecff; PADDING-BOTTOM: 4px; PADDING-TOP: 5px; POSITION: relative; HEIGHT: 1.5em; BACKGROUND: #9b72d0; COLOR: white; LETTER-SPACING: 9pt; HEIGHT: auto
}
.Rmajor H2 A {
	COLOR: white; LETTER-SPACING: 0px
}
.Rmajor H2 A:visited {
	COLOR: white
}
.Rmajor H2 A:hover {
	COLOR: #cc0000
}

#Rmajortitle{
	color: #FF9900;
	text-align: left;
	width: 530px;
	height: 24px;
	font-weight: bold;
	font-size: 15px;
	margin-left: 14px;
}
#Rmajorcontent{
	margin-top: 24px;
	margin-left: 20px;
	overflow: auto;
	height: 150px;
}



/*others SECTION FORMAT*//*
===================================================================================
*//*others SECTION*/
.clear {
	CLEAR: both
}

A {
	COLOR: #0000bb; TEXT-DECORATION: underline
}
A:link , A:visited {
	COLOR: #3987c6;
	border: none;
}
A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}

UL,LI,OL{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

H1,H2,H3{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 500; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}


/*add by jhao*/
.tbList_a5{
        width: 380px;
        text-align: left;
        float: left;
}
#content_index_ug-602{
	width: 540px;
	margin-left: 20px;
	height: 250px;
}
#demo {
	font-size: 16px;
	font-weight: bold;
	float: right;
}
/*add by mayh*/


.tbList_a2.th.sorted {

}
.tbList_a2.th.sorted a, th.sortable a {
	background-position: left;
	PADDING-LEFT: 10px;
	display: block;
	width: 100%;
}
.tbList_a2.th.sortable a {
	background-image: url(img/arrow_off.png);
        background-repeat: no-repeat;
}
.tbList_a2.th.order1 a {
	background-image: url(img/arrow_down.png);
        background-repeat: no-repeat;
}
.tbList_a2.th.order2 a {
	background-image: url(img/arrow_up.png);
        background-repeat: no-repeat;
}
