* {
	font-family: Arial;
}

body {
	margin: 0;
	padding: 0;
}

body.plain {
}

body.content {
	background-image:url(../images/left_bg.gif);
	background-repeat: repeat-y;
}

#container {
	margin: 0 auto;
	width: 100%;
}

#head {
	background-image:url(../images/apex-pro.gif);
	height: 70px;
}

#portalHeader{
	margin: 0px;
	text-align: left;
	background-color: #ffffff;
	height: 290px;
	background-image: url(../images/banner01.jpg);
	background-repeat: no-repeat;
}

#login_en{
	margin: 0px;
	text-align: left;
	background-color: #006699;
	width: 150px;
	float: left;
	padding: 0px;
	height: 290px;
	background-image: url(../images/login.jpg);
}

#login_zh_tw{
	margin: 0px;
	text-align: left;
	background-color: #006699;
	width: 150px;
	float: left;
	padding: 0px;
	height: 290px;
	background-image: url(../images/login_tw.jpg);
}

#login_zh_cn{
	margin: 0px;
	text-align: left;
	background-color: #006699;
	width: 150px;
	float: left;
	padding: 0px;
	height: 290px;
	background-image: url(../images/login_cn.jpg);
}
	
#panel {
	background-image:url(../images/title_bg.gif);
	height: 30px;
	background-repeat: repeat-x;
	color: #666;
	line-height: 30px;
	font-weight: bold;
	font-size: 9pt;
}

#main {
	width: 100%;
}

body.content #main {
	margin-left: 20px;
	font-size: 12px;
}

#sidebar {
	float: left;
	width: 200px;
	margin: 0;
	font-family: Verdana;
}

#content {
	margin-left: 205px;
}

#portalContent{
	MARGIN: 5px 0px 10px 0px;
	text-align: center;
}

#portalContent ul {
	list-style: dot;
}

#portalContent li {
	margin: 5px 8px;
}

#main #popup_content {
	margin-top: 15px;
}

#footer {
	clear: both;
}

#logo {
	background-image:url(../images/logo_02.gif);
	background-repeat: no-repeat;
	height: 70px;
	text-indent: -9999px;
}

#panel table {
	width: 100%;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 9pt;
	line-height: 30px;
	vertical-align: top;
}

#panel table #title_cell {
	padding-left: 15px;
}

#panel table #greetings_cell {
	/*width: 250px;*/
	font-family: Verdana;
	
}

#panel table #env_cell {
	color: #f60;
	font-family: Verdana;
}

#panel table #panel_btn_cell {
	text-align: right;
	/*width: 300px;*/
}
/*
#panel table #panel_btn_cell input {
	margin-top: -5px;
}
*/

#panel .panel_msg {
	text-align: center;
}

#sidebar .section {
	left: 0px;
	width:195px;
	border: 1px solid #295aa3;
	text-align:left;
	font-size: 9pt;
	margin-bottom: 20px;
}

#sidebar .section #content {
	margin: 0px 0px 0px 0px;
	background-color: #f7feff;
}

#sidebar .section h1 {
	display:block;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	background-color: #295aa3;
	color: #eef8fd;
	margin: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#sidebar .section #content h2 {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal; 
	color: #000; 
	margin: 0px
}

#sidebar .section #content .remark {
	color: #f60;
	font-family: Verdana;
	font-weight: bold;
	font-size: smaller;
}

#sidebar .section_extra {
	text-align: center;
}

#sidebar .section_extra #content {
	background-color: #fff;
	text-align: left;
}

#sidebar .section_extra h1 {
	color: #fff;
	margin: 0 auto;
}

#sidebar .section_extra #content h2 {
	font-size: 11px;
}

#sidebar .section a {font-family: Verdana;}
#sidebar .section a:link {text-decoration: none; font-weight: normal; color: #0077bc}
#sidebar .section a:visited {text-decoration: none; font-weight: normal; color: #0077bc}
#sidebar .section a:hover {text-decoration: underline; font-weight: normal; color: #ff7800}

#sidebar .section_extra a:link{text-decoration: underline; font-weight: normal; color: #000}
#sidebar .section_extra a:visited {text-decoration: underline; font-weight: normal; color: #000}
#sidebar .section_extra a:hover {color: #ff7800}

#sidebar .section ul {
	margin: 0px;
	padding-left: 15px;
	list-style-type: none;
}

#sidebar .section ul.first {
	padding-left: 5px;
}

#sidebar .section li {
	margin-bottom: 2px;
}


#as {
	display: none;
	position: absolute;
	top:2;
	left: 140;
	height: 14px;
	width: 54px;	
	background-image: url(../images/loading.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#as span {
	display: none;
}

#maintab {
	font-size: 7pt;
	color: #0077bc;
	height: 60px;
	background-image: url(../images/bordertop.jpg);
	background-repeat: repeat-x;
	background-position: 0 45 !important;
	background-position: 0 38;
}

#maintab a {font-family: Verdana;}
#maintab a:link {font-weight: normal; color: #000000; text-decoration: underline}
#maintab a:visited {font-weight: normal; color: #0077bc; text-decoration: underline}
#maintab a:hover {font-weight: normal; color: #ff7800; text-decoration: none}

#maintab ul{
    margin:0;
    padding:0;
    list-style:none;
   }

#maintab li{
	font-family: Verdana;
	text-align: center;
	height: 38px;
	width: 100px;
	display: block;
	float: left;
	padding-top: 8px;
}

.tab {
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
}

.tabselect {
	background-image: url(../images/menu_bg_selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}

#contenttab .tabWithErr {
	background-image: url(../images/tab.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 98px;
	color: #0077bc;
	BACKGROUND-COLOR: #FCCBBE
}

#contenttab .tabWithErr a{
	font-family: Verdana;
	text-decoration: none;
	BACKGROUND-COLOR: #FCCBBE
}

#contenttab .tabWithErr a:hover {
	font-weight: bold;
	BACKGROUND-COLOR: #FCCBBE
}

#contenttab .tabselectWithErr {
	background-image: url(../images/tab2.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-weight: bold;
	height: 24px;
	width: 98px;
	color: #0077bc;
	BACKGROUND-COLOR: #FCCBBE
}


/* menu section */
#mainselect {
	margin-top: 1px;
	background-repeat: repeat-x;
	height: 350px !important;
	height: 400px;
}

#mainselect .menu {
	position: relative;
	border: 3px double #0099cc;
	width: 240px;
	height: 50px;
	float: left;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-right: 10px;
}

#mainselect a {
	font-family: Verdana;
	text-decoration: none;
	color: #0077bc;
}

#mainselect img {
	float: left;
	cursor: pointer; 
	width: 48px; 
	height: 36px; 
	margin-right: 5px;
}

#mainselect h1 {
	padding: 0;
	padding-left: 10px;
	font-family: Verdana;
	font-size:10pt;
	font-weight: bold;
	width: 100%;
	display: block;
	height:20px;
	color: #0077bc;
	margin: 5 0 5 0;
}

#mainselect h2 {
	float: right;
	display: block;
	font-family: Verdana;
	font-size:8pt;
	font-weight:normal;
	width: 170px;
	margin-top: 0px;
	padding-top: 12px;
	height: 100%;
	color: #0077bc;
}

#mainselect .level_1 {
	border-top: 1px solid #0077bc;
	border-bottom: 1px solid #0077bc;
	border-left: 1px solid #0077bc;
	width: 200px;
	height: 100%;
	float: left;
}

#mainselect .level_1 h2 {
	width: 130px;
}

#mainselect .level_1 .menu {
	border: 0;
	width: 100%;
	//padding: 0px 5px 20px 5px;
	margin: 0px 0px 0px 0px;
}


#mainselect  .level_1 .menutop {
	border-top: 1px solid #0077bc;
}

#mainselect .level_1_end {
	border-left: 1px solid #0077bc;
	width: 10px;
	height: 100%;
	float: left;
}

#mainselect .level_2 {
	padding-left: 10px;
	width: 100%;
}

#mainselect .level_2 h1{
	color: #000;
	border-bottom: 1px solid #000;
}

#mainselect .level_3 {
	padding-left: 10px;
	width: 100%;
}

#mainfoot {
	margin-top: 5px;
	background-color: #333;
	width:100%;
	height: 20px;
	font-size: 7pt;
	color: #fff;
	text-align: right;
}

#footer {
	background-image: url(images/bordertop.jpg);
}

/* non core */
#contenttab {
	font-size: 7pt;
	color: #0077bc;
	list-style-type: none;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
}

#contenttab li {
	display: block;
	width:100px;
	height:29px;
	float:left;
	text-align: center;
	vertical-align: bottom;
}

#contenttab .ftab {
	background-image: url(../images/ftab.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 137px;
	color: #ffffff;
}

#contenttab .ftab  a{
	text-decoration: none;
}

#cnotenttab. .ftab a:hover {
	font-weight: bold;
}

#contenttab .ftabselect {
	background-image: url(../images/ftab2.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 137px;
	font-weight: bold;
	color: #0077bc;
}

#contenttab .tab {
	background-image: url(../images/mtab.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 98px;
	color: #0077bc;
}

#contenttab .tabArrow {
	background-image: url(../images/tab2.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 120px;
	color: #0077bc;
}

#contenttab .tabArrow a{
	font-family: Verdana;	
	text-decoration: none;	
}

#contenttab .tabArrow a:hover {
	font-weight: bold;
	color: #000000;
}

#contenttab .tab a{
	font-family: Verdana;
	text-decoration: none;
}

#contenttab .tab a:hover {
	font-weight: bold;
}

#contenttab .tabselect {
	background-image: url(../images/mtab2.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-weight: bold;
	height: 24px;
	width: 98px;
	color: #0077bc;
}

#contenttab .tabselectArrow {
	background-image: url(../images/tab.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-weight: bold;
	height: 24px;
	width: 120px;
	color: #000000;
}

#contenttab .tab2 {
	background-image: url(../images/ttab.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 123px;
	color: #0077bc;
}

#contenttab .tab2 a{
	font-family: Verdana;
	text-decoration: underline;
}

#contenttab .tab2 a:hover {
	font-weight: bold;
	text-decoration: none;	
}

#contenttab .tabselect2 {
	background-image: url(../images/ttab2.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-weight: bold;
	height: 24px;
	width: 123px;
	color: #0077bc;
}

a:link {color: #000000; text-decoration: underline}
a:visited {color: #000000; text-decoration: underline}
a:hover {font-weight: normal; color: #ff7800; text-decoration: none}
.t2 {font-size: 11px;}
.t2white {font-size: 11px;background-color: #ffffff}
.t2bold {font-size: 11px; font-weight: bold;}
.t2red {font-size: 11px; color: red}
.t2s {font-size: 11px; background-color: #ffffcc}
.b1 {font-size: 11px; 	COLOR: #000000;	FONT-FAMILY: Arial; background-color: #CFE3FA;  min-width: 100px;
background:transparent url(../images/btn1_bg.gif);height:22px;
}
.b01 {font-size: 11px; color: #ffffff; background-color: #627085; min-width: 100px;}
.b1fieldset {font-size: 11px; color: #ffffff; background-color: #627085; min-width: 100px; width: 60px; margin-left: -20px}
.b1s {font-size:11px; color:#ffffff; font-family:arial; background-color:#627085; min-width:100px;}
.b2 {font-size: 11px; color: #000000; background-color: #C0C0C0}
.b2fieldset {font-size: 11px; color: #ffffff; background-color: #586674; margin-left: -20px;}
.b3 {font-size: 11px; color: #000000; background-color: #edd593}
.b4 {font-size: 11px; FONT-FAMILY: Arial; color: #000000; background-color: #CFE3FA; padding-left:5px; padding-right:5px;}
.b4s {FONT-SIZE: 11px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #CFE3FA; width:25px;}

.bg-1 {background-image: url(../images/_1.gif);background-repeat: repeat-x;}
/*.bg0 {bbackground-color: #eae3d1; bbackground-image: url(../images/0.jpg); background-repeat: repeat-x;}*/
.bg0 {background-repeat: repeat-x;}
.bg1 {background-image: url(../images/1.jpg); background-repeat: repeat-x;}
.bg2 {background-image: url(../images/2.jpg); background-repeat: repeat-x;}
.bg3 {background-image: url(../images/3.jpg); background-repeat: repeat-x;}

.tbw {font-weight: bold; font-size: 18px; text-transform: none; color: #666666;}
.t2b {font-weight: bold; font-size: 11px; color: #000000;  BACKGROUND-COLOR: #c3e2ff}
.t2bo {font-weight: bold; font-size: 11px; color: #000000;  BACKGROUND-COLOR: #D2A2C5}
.t2bg {font-weight: bold; font-size: 11px; color: #000000;  BACKGROUND-COLOR: #78DA87}
.t2n {font-weight: normal; font-size: 11px; color: #000000; background-color: #dde6e4}
.t2b_r {font-weight: bold; font-size: 11px; color: red; background-color: #dde6e4}
.t2g {font-size: 11px; background-color: #f7f8f9}
.t2go {font-size: 11px; background-color: #F1E0ED}
.t2gg {font-size: 11px; background-color: #DFF2DF}
.t2gbold {font-size: 11px; background-color: #f7f8f9; font-weight: bold}
.t2readonly{font-size: 11px; color: #808080}
.t11b {font-size: 11px;}

.t3 {font-weight: bold; font-size: 11px; color: #ffffff;  BACKGROUND-COLOR: #3982d8}
.t3o {font-weight: bold; font-size: 11px; color: #ffffff;  BACKGROUND-COLOR: #D2A2C5}
.t3g {font-weight: bold; font-size: 11px; color: #ffffff;  BACKGROUND-COLOR: #78DA87}
.t3red {font-weight: bold; font-size: 11px; color: #ffffff; background-color: #993333}
.t4 {font-size: 11px; background-color: #f7f8f9}
.t5 {font-size: 11px; background-color: #e9f0ed}
.t5_1 {FONT-SIZE: 11px; FONT-FAMILY: Arial; COLOR: #000000; BACKGROUND-COLOR: #F2ECCC}
.t6 {font-family: arial; font-size: 11px; font-weight: bold; color: #ffffff; background-color: #768f87;}
.t7 {font-weight: bold; font-size: 11px; color: #ffffff; background-color: #993333}
.t7s {font-weight: bold; font-size: 11px; color: #000000; background-color: #edd593}
.t7a {font-family: arial; font-size: 10px; background-color: #e17774}
.t7b {font-family: arial; font-size: 9px; background-color: #f7f8f9}
.t9 {font-size: 11px; background-color: #fccbbe}
.t9b {font-size: 11px; font-weight: bold; background-color: #fccbbe}
.t10 {font-weight: bold; font-size: 11px; color: #003366; background-color: #98f7fe}
.t11 {font-weight: bold; font-size: 11px; color: #660000; background-color: #ffe1f1}
.t12 {font-size: 11px; color: #000000; background-color: #ffffff;}
.tlogin {FONT-SIZE: 11px; FONT-FAMILY: Arial; COLOR: #FFFFFF}
.tlogin:link {COLOR: #FFFFFF; TEXT-DECORATION: underline}
.tlogin:visited {COLOR: #FFFFFF; TEXT-DECORATION: underline}
.tlogin:hover {COLOR: #ff7e00; TEXT-DECORATION: underline}
.tline {background-color: #698287;}
.tbg {background-color: #ffffff;}
.tdd {font-family:arial;font-size:11px; min-width: 150px;}
.t13 {font-family: Verdana; font-size:10px; font-weight: bold;}
.t14 {font-size: 13px;}

.center {
	text-align: center;
}

.top {
	vertical-align: top;
}

.error_style { 
	font-family: "arial", "helvetica", "sans-serif"; 
	font-size: 14px; 
	font-weight: normal; 
	color: #f00;
}

.menubg {
	background-image: url(../images/menu_bg.gif);

}

.menubold {
	font-family: "arial", "helvetica", "sans-serif";
	font-size: 11px;
	font-weight: bold;
}

.menutext {
	font-family: "arial", "helvetica", "sans-serif";
	font-size: 11px;
	color: #253838;
}

.menusep {
	border: 1px solid black;
}

a.menu:link {
	color:#000000;
	text-decoration:none;
	padding: 3px;
	height: 22px;
	width: 205px;
	border: 1px solid #dadada;
}

a.menu:visited {
	color:#000000;
	text-decoration:none;
	padding: 3px;
	height: 22px;
	width: 205px;
	border: 1px solid #dadada;
}

a.menu:hover {
	color:#000000;
	text-decoration:none;
	background-color: #cccccc;
	height: 22px;
	width: 205px;
	padding: 3px;
	border: 1px solid #666666;
}

/* language icons */
#langicons {
	font-size: 13px; 
	font-family: arial;
	font-weight: normal;	
	list-style-type: none;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	width: 200px;
	/*height: 26px;*/
	float: left;	
}

#langicons li {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}

#langicons li img {
	padding: 0px;
	margin: 0px;
}

#langicons li.text {
	border: 1px solid black;
}

#langicons li.text a {
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}

#langicons li.text a.selected {
	background-color: #edff00;
}

#langicons li.text a:hover{
	color: #000;
	background-color: #8fc9f0;
}

.toptexttable {
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	text-align: center;
	width: 82%;
}

.toptexttable1 {
	font-size: 9pt;
	font-weight: bold;
	background-color: #ffffff;
	color: #666666;
	text-align: center;
	width: 100%;
}

.toptextpopno {
	font-size: 8pt;
	width: 12%;
	text-align: right;
}

.toptext01 {
	font-size: 9pt;
	COLOR: #666666;
	width: 220px;
}


.item_th {
	border: 0px;
}

.toptextmod {
	font-size: 9pt;
	font-weight: bold;
	COLOR: #666666;
	text-align: center;
	width: 400px;
}

#maintopdetail {
	background-image: url(../images/title_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana;
	width: 100%;
}

.ff_tab_fix {
	float: left;
	margin-top: -18px;
	margin-top: 0px !important;
}

.ff_content_fix {
	clear: left;
	margin-top: -36px;
}

.error_data {
	BACKGROUND-COLOR: #FCCBBE
}


.mainnews{
	width: 80%;
	padding: 25px 0px 10px 0px;
	font-size: 80%;
	text-align: left;
	float: left;
}

div#navbar{
	width: 160px;
	margin: 10px 3px 10px 3px;
	padding: 5px;
	display: block;
	float: left;
	height: 240px;
}

ul#menu {
	width: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: left;
}

ul#menu ol {
	display: none;
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 5px 0px 5px 5px;
}

ul#menu li, ul#menu a {
	color: #1a479d;
}

ul#menu li {
	padding: 6px 0px 6px 5px;
	Font-weight: bold;
	border-bottom: solid 1px #999999;
}

ul#menu a {
	text-decoration: none;
	outline: none;
}

ul#menu a:hover {
	color: #539dbc;
}

ul#menu a.active {
	color: #ff890d;
}


.portalEnter {
	margin-top:230px;
	height:40px;
	width:150px;
	font-weight:bolder;
	font-size:14px;
}

#tabline {
	background-image:url(../images/tabline.jpg);
	background-position:0 24px !important;
	background-position:0 39px;
	background-repeat:repeat-x;
	color:#0077BC;
	font-size:7pt;
	height:40 !important;
	height:60px;	
/*	
	background-image:url(../images/tabline.jpg);
	background-position:0 24px;
	background-repeat:repeat-x;
	color:#0077BC;
	font-size:7pt;
	height:40px;	
	*/
}