html,
body {
	font-family: Microsoft JhengHei, sans-serif;
	font-size: 12px;
	font-weight: normal;
	min-height: 100vh;
	overflow-x: hidden;
	clear: both;
}

input, button {
	padding: 3px;
	border-width: 1px;
	border-style: solid
}

select {
	padding: 3px;
	border-width: 1px;
	border-style: solid;
}

.button {
	margin: 1px;
	padding: 5px 10px;
	cursor: pointer;
	text-align: center;
	border-width: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border-style: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.button:hover {
	margin: 1px;
	padding: 5px 10px;
	cursor: pointer;
	text-align: center;
	border-width: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border-style: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.mt {
	margin-top: 15px;
}

.toolBar {
	height: 40px;
	text-align: right;
}

.toolBar select {
	margin: 0;
	padding: 0;
	line-height: 29px;
	margin-top: 13px;
	border: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.toolBar span {
	font-size: 15px;
	font-weight: bold;
}

.toolBar img {
	height: 40px;
	width: 60px;
}

.toolBar .logout {
	/*color: #7a7b7b;*/
	color: #D0FFAF;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
	cursor: pointer;
}
/* .toolBar .helloInfo{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	color: #7a7b7b;
	font-weight: bold;
	line-height: 180%;
	padding-right: 20px;
} */
.toolBar .helloInfo li {
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	/*color: #7a7b7b;*/
	color: #D0FFAF;
	font-weight: bold;
	line-height: 180%;
	padding-right: 10px;
}

.index_temp_bgcolor {
	background-repeat: no-repeat;
	background-position-y: 75px;
}

.webDivision {
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
	overflow: visible;
	background: #f0f0f0;
}


.contentDiv {
	position: absolute;
	min-height:100%;
	width: 960px;
    background-color: #f0f0f0;
}

.header {
	clear: both;
	display: block;
	height: 80px;
	width: 960px;
	text-align: center;
	background-repeat: no-repeat;
	margin: auto;
}

.bgheader {
	height: 284px;
	width: 960px;
	background-repeat: no-repeat;
}

.main {
	display:block;
	min-height: calc(100vh - 80px - 45px); /* 100vh - height of .header - height of .footerDiv */
	overflow: auto;
}

.main .content {
	overflow: auto;
}

.main .content>form {
    height: 100%;
    display: block;
}
.innerContent{
	height: 100%;
}
.footerDiv {
	display: block;
	height: 45px;
	width: 960px;
	text-align: center;
	background-repeat: no-repeat;
	margin: auto;
	/* position: fixed; */
	bottom: 0px;
	z-index: 1000;
}

.footerContent {
	width: 100%;
	height: 100%;
	/*line-height: 4em;*/
}

.footerContent p {
	color:#52514f;
	font-weight: bold;
}

/* index Page */
.indexiframe {
	padding: 25px;
}

.temp2_login_div {
	position: absolute;
	top: 130px;
	left: 620px;
}

/* Main page */
/* First Page */
#mainmenu {
	padding-top: 50px;
	margin: 30px;
	font-size: 14px;
}

#mainmenu li {
	width: 290px;
	float: left;
	text-align: center;
	margin: 5px;
}

/*Function Page*/
.logoImg {
	margin: 0;
	width: 225px;
	height: 90px;
	/*cursor:pointer;*/
}

.function-logotext {
	margin-top: 20px;
	font-size: 15px;
	font-weight: bold;
}

.function-bgheader {
	height: 90px;
	background-repeat: no-repeat;
	background-position: right top;
}

/* menu border */
.menubar {
	height: 35px;
}

.leftBtnDiv {
	height: 35px;
	width: 30px;
	/* float: left; */
	/* position: absolute;
	left: 0px; */
}

/* #leftBtn, #rightBtn {
	height: 35px;
	width: 30px; margin-top:2px
} */

#leftBtn:hover, #rightBtn:hover {
	background-repeat: no-repeat;
}

.innerMenu {
	height: 35px;
	overflow: hidden;
	background-repeat: repeat-x;
	position: absolute;
	left: 30px;
}

.functions {
	float: left;
	height: 35px;
	border: none;
	display: block;
}

.functions img {
	width: 30px;
	height: 30px; /* margin-top: -2px   */
}

.functions>ul {
	list-style-type: none;
	display: block;
	float: left;
	width: 5000px;
}

.functions ul li {
	float: left;
	position: relative;
	height: 35px;
	display: block;
	line-height: 35px;
	z-index: 1000;
	background-repeat: no-repeat;
}

.functions ul li ul {
	display: none;
	border: none;
	border-right: none;
	/* margin-left: -30px; padding: 0 30px 30px 30px;  height: 29px; */
} /*Sticky hover zones*/
.functions ul li ul li {
	height: auto;
}

.functions ul li a {
	float: left;
	display: block;
	margin-right: 0px !important /*Non-IE6*/;
	margin-right: -4px /*IE6*/;
	padding: 0 16px 0 16px;
	text-decoration: none;
	letter-spacing: 1px;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.functions ul li:hover {
	width: auto;
}

.functions table {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	border-collapse: collapse;
}
/*Non-IE6*/
/*select submenu show mainmenu */
.functions ul li:hover a {
	height: 35px;
	text-decoration: none;
} /*Color main cells hovering mode*/
.functions ul li:hover ul {
	display: block;
	position: absolute;
	z-index: 998;
	top: 35px; /* margin-top: 0.1em; */
	left: 0; /* line-height: 10px; */
}
/* .functions ul li:hover ul li{height: auto;} */
.functions ul li:hover ul li ul {
	display: none;
}

.functions ul li:hover ul li a {
	font-weight: bold;
	font-size: 11px;
	display: block;
	width: 165px;
	/* width: 217px; */
	height: auto;
	margin-left: -1px;
	line-height: 28px;
	border-style: solid;
	border-left-width: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

.functions ul li:hover ul li a:hover {
	text-decoration: none;
} /*Color subcells hovering mode*/

/*Navigation Bar*/
.breadcrumbs {
	margin: 0;
	height: 40px;
	display: block;
	clear: both;
	z-index: 0;
}
/*.breadcrumbs span { font-size: 0; font-weight: bold; visibility: hidden; float: right; width: 175px; text-align: center; margin-top: 1.5em; margin-left: 10px; }*/
.breadcrumbs ul {
	float: left;
	position: absolute;
	list-style: none;
	text-align: left;
	vertical-align: middle;
	line-height: 35px;
	/*margin-left: 25px;*/ /*padding-top: 5px;*/
	font-family: Arial, Helvetica, sans-serif;
}

.breadcrumbs ul li.highlight a {
	font-size: 1.1em;
	font-weight: bold;
}

.breadcrumbs ul li.rootPath {
	width: 74px;
}

.breadcrumbs ul li.endPath {
	width: 29px;
}

.breadcrumbs .homeImg {
	margin-left: 10px;
	margin-right: 5px;
	vertical-align: top;
}

.breadcrumbs ul li {
	height: 40px;
	display: block;
	float: left;
	padding: 0;
}

.breadcrumbs ul li a {
	text-decoration: none;
	/*font-weight: bold;*/
}

.breadcrumbs ul a:hover {
	text-decoration: none;
}

/* Table */
.maindataDiv {
	margin: 0 5px;
}

.tableDiv { /*margin: 0 auto;
	width:90%;
	min-width:958px;*/
	margin: 0 5px;
}

.dataTable { /* width:960px;
	padding:10px;*/
	border-collapse: collapse;
	/* text-align: center;	 */
	font-size: 12px;
	/* table-layout: fixed; */
	table-layout: auto;
	margin: 0 auto;
	margin-top: 5px;
}

.dataTable th {
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
}

.dataTable th a {
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

.dataTable td {
	font-weight: normal;
	margin: 0;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}

.searchTable { /* width:960px;
	padding:10px;*/
	border-collapse: collapse;
	/* text-align: center;	 */
	font-size: 12px;
	/* table-layout: fixed; */
	table-layout: auto;
	margin: 0 auto;
	margin-top: 5px;
}

.searchTable th {
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
}

.searchTable th a {
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

.searchTable td {
	font-weight: normal;
	margin: 0;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	word-break: break-all;
}

.tableDiv p {
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}

.tableDiv p span {
	font-size: 12px;
	float: right;
}

.noDecorateTable {
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
}

/* Page Bar*/
.page-index {
	font-size: 12px;
	padding: 1px;
	display: block;
	text-align: center;
	vertical-align: top;
	margin-top: 7px
}

.page-index span {
	padding: 0px 3px 0px 3px;
}

.page-index b {
	font-weight: normal;
	letter-spacing: -2px;
}

.page-index strong {
	padding: 0px 3px 0px 3px;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
}

.page-index a {
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}

.page-index input {
	padding: 1px;
}

.page-index .button {
	margin: 1px;
	padding: 3px 5px;
	cursor: pointer;
	overflow: visible;
	text-align: center;
}

.page-index a:hover {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.page-index .button {
	margin: 1px;
	padding: 3px 5px;
	cursor: pointer;
	overflow: visible;
	text-align: center;
}

#loginTable td{
	padding:5px;
}