@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: Verdana,Arial,sans-serif;
    //src: url(NotoSansCJKtc-Regular.otf);
}

#Outer-Container {
	position: fixed;
	overflow: auto;
	width: 100%;
	height: 100%;

  	/*background-color: #f9f5e2;*/
	top: 0;
	left: 0;
	z-index: -1;
	
}

#Outer-Container2 {
	//position: absolute;
	//overflow: auto;
	width: 100%;
	height: 100%;

  	background-color: #F9F9F9;
	top: 0;
	left: 0;
	z-index: -1;
	
}

#Grid-Container {
	padding: 10px;
	//overflow: hidden;
	//background: #e9e8e8;
}
#Grid-Container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*-------------- body style ------------------------*/

body {
	background:transparent;
	padding:0; 
	margin: 0;
}

/*-------------- h1-h6 p a Styles ------------------------*/

h1, h2, h3, h4, h5, h6, p, a {
	font-family:Verdana,Arial,sans-serif;
}

h1{
	font-size: 17pt;
	color: #3B3B3B;
	line-height: 18pt;
}

h2{
	font-size: 15pt;
	color:#007c34;
	line-height: 16pt;
}

h3{
	font-size: 14pt;
	color: #fff;
	line-height: 15pt;
}
	
h4{
	font-size: 13pt;
	color:#007c34;
	line-height: 14pt;
}

h5{
	font-size: 12pt;
	color: #3B3B3B;
	line-height: 13pt;
}

h6{
	font-size: 11pt;
	color: #3B3B3B;
	line-height: 12pt;
}
	

p{
	font-size: 10pt;
	color:#333;
	line-height: 12pt;

}
	
a:link{
	color:#F60;
}

a:hover{
	color:#007c34;
}

a:visited {
	color:#363;
}




/*-------------- Popout Styles ------------------------*/


#Popout-Container {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}


#Popout {
	position: relative;
	width: 200px;
	display:block;
  	background-color: #c9f5d8;
	margin: 0 auto;
	border: 2px solid #099;
	top:10px;
}

#Popout-Title-Container {
	display:block;
	width: 100%;
	top: 0;
	left: 0;
	background-color:#099;
}

.Popout-Title{
	position:relative;
	font-family:Verdana,Arial,sans-serif;
	font-size: 11pt;
	color: # FFF;
	font-weight:bold;
	line-height: 12pt;
	top: 8px;
	left: 5px;
	color:white;
	padding-bottom: 15px;
	width: 85%;
}


#Popout-Content-Container {
	position: relative;
	width: 85%;
	top: 0;
	left: 0;
	padding: 9px;
}




.Popout-CloseButton-Container{
	position: absolute;	
	right: 5px;
	top: 2px;
	width:25px;
	height:25px;
}

.Popout-CloseButton-Rollover {
	background-image: url('images/button-close1.png');
	width: 25px;
	height: 25px;
	position: absolute;
	text-indent: -9999px;
}

.Popout-CloseButton-Rollover:hover {
	background-image: url('images/button-close2.png');
}



/*-------------- Subpage Title Styles ------------------------*/


#Subpg-Title-Bar-Container{
	overflow: hidden;
	position:relative;
	display:block;
	width: 100%;
	height: 50px;
	/*background: url(images/subpg-title-bg-blue.jpg) top left repeat-x;*/
	/*background-color: #FFE598;*/
	z-index: 101;
}


#Subpg-Title-Bar-Container p {
	margin: 0;
	padding: 0;
}



#Subpg-Title h1{
	position: absolute;
	bottom:8px;
	left: 40px;
	margin: 0;
	padding: 0;
	
}

#Subpg-Title a {
	text-decoration: none;
	//color: #9a5a72;
	color:#009B3E;
}

#Subpg-Title a:hover {
	color: #00a524;
}



/*-------------- Info Tips Button Styles------------------------*/

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#C0C0C0;
	font-size: 1.2em;
	font-weight:bold;
	padding:2px 5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

.Subpg-Title-InfoTipsButton-Container{
	position: absolute;	
	left: 12px;
	width:20px;
	height:20px;
	bottom: 10px;
	
}

.InfoTipsButton-Rollover a, .InfoTipsButton-Rollover a:active, .InfoTipsButton-Rollover a:visited{
	background-image: url('images/but-tips1.png');
	width: 20px;
	height: 20px;
	position: absolute;
	text-indent: -9999px;
	cursor: default;	 
}

.InfoTipsButton-Rollover a:hover {
	background-image: url('images/but-tips2.png');
}


.jTip{
	cursor:help;
}

/*--------- Fieldset Styles --------------------*/


.fieldset-Container{
	position: relative;
	/*background: url('images/green-stone-bg.jpg') top left repeat;*/
	background: #F9F9F9;
	padding: 0px 0 16px;
	margin: 0 auto;
	z-index: 50;
}


table.fieldsetTable{
	border: 0;
}


.fieldsetTable td, .fieldsetTable th{
	border: 0;
}

fieldset {
	border:none;
	padding: 10px 2%;
	margin: 0 auto;
	/*width: 95%;*/
	position: relative;
	/*background: url('images/green-stone-bg.jpg') top left repeat;*/
	/*background:#f3f3f3;*/

	/*!* Corner radius *!*/
	/*-moz-border-radius-topleft: 10px; */
	/*-webkit-border-top-left-radius: 10px; */
	/*-khtml-border-top-left-radius: 10px; */
	/*border-top-left-radius: 10px; */

	/*-moz-border-radius-topright: 10px;*/
	/*-webkit-border-top-right-radius: 10px; */
	/*-khtml-border-top-right-radius: 10px; */
	/*border-top-right-radius: 10px;*/
 
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-khtml-border-bottom-left-radius: 10px; 
	border-bottom-left-radius: 10px;
	
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	-khtml-border-bottom-right-radius: 10px; 
	border-bottom-right-radius: 10px;
	
}


legend {
	/*font-family:ChineseFont, Arial, Helvetica, sans-serif;*/
	font-family:Verdana,Arial,sans-serif;
	margin: 0;
	/*border:1px solid green;*/
	color: #007c34;
	font-size:13pt;
	text-align:left;
	/*position: absolute;*/
	/*left: 0px;*/
  }
  
  
label, input[type='text'], textarea, option, li, b {
	/*font-family:ChineseFont, Arial, Helvetica, sans-serif;*/
	font-family:Verdana,Arial,sans-serif;
	font-size:1em;
	position: relative;
	/*  	margin-right:0.5em;
  	padding-top:9.2em;
  	text-align:left;
*/
	line-height: 13pt;
}

input[type='button'].inputsubmit, input[type='submit'].inputsubmit, input[type='reset'].inputsubmit, button[type='button'].inputsubmit{
	line-height: 18px;
    border: 1px solid #ccc;
    background: #FFCC32;
    color: #000000;
    outline: none;
    border-radius: 12.5px;
    height: 25px;
    cursor:pointer;
}

input[type='button']:disabled, input[type='submit']:disabled, input[type='reset']:disabled, button[type='button']:disabled{
	line-height: 18px;
    border: 1px solid #ccc;
    background: #D8D3BD;
    color: #A6A5A3;
    outline: none;
    border-radius: 12.5px;
    height: 25px;
}

/*--------- Table Styles --------------------*/

table
{
	margin: 0 auto;
	z-index: 101;
}


table, td, th
{
	/*border:1pt solid #c5d0ab ;*/
}

td, th
{
	font-family:Verdana,Arial,sans-serif;
	padding: 2px 5px;
	vertical-align: top;
}

th.header1{
	text-align: left;
	font-size: 10pt;
	background: url(images/table-header1-bg.jpg) center center repeat-x;
	color:#333;
	padding: 6px 7px;
}


th.header2{
	text-align: left;
	font-size: 8pt;
	background: url(images/table-header3-bg.jpg) center center repeat-x;
	color:#333;
	vertical-align: middle;
}

th.header3{
	text-align: center;
	font-size: 8pt;
	background: url(images/table-header3-bg.jpg) center center repeat-x;
	color:#333;
}

th.header4{
	text-align: left;
	font-size: 8pt;
	background: url(images/table-header1-bg.jpg) center center repeat-x;
	color:#333;
	vertical-align: middle;
}

td
{
	font-size: 10pt;
	//text-align: left;
}


td.content:hover
{
	background: url(images/table-header3-bg.jpg) center center repeat-x;
}


td.content
{
	background: url(images/table-header2-bg.jpg) center center repeat-x;
}

td.content-selected{
	background: url(images/table-header4-bg.jpg) center center repeat-x;
}


img.Image-in-TableCells{
	vertical-align:middle;     /* Image vertical position is in middle of cell*/
}

#contentPad{
	margin:20px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-size: 8pt;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-size: 8pt;
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}