body {
	margin: 0;
	padding: 0;
	font: 12px/1.6em "Lucida Grande", Arial, Verdana, sans-serif;
	background-color: #FFF;
	}
body * {
	margin: 0;
	padding: 0;
	}
	
a {
	text-decoration: none;
	color: #333333;
}	
	
#maintile {
	background-image: url(cssimg/c2_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	visibility: visible;
	width: 785px;
	overflow: visible;
	position: relative;
	z-index: 100;
	left: 0px;
	top: 0px;
	padding-top: 110px;
	padding-bottom: 20px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
}
#menutile {
	background-image: url(cssimg/c2_menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 600px;
	width: 210px;
	position: relative;
	z-index: 10;
	left: 0px;
	top: 0px;
	float: left;
	visibility: visible;
	overflow: visible;
}
#menutitle {
	background-image: url(cssimg/c2_menu_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 67px;
	width: 172px;
	position: relative;
	z-index: 101;
	left: 19px;
	top: 40px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #93BE8D;
	padding-top: 13px;
}
#menutile1 {
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	width: 140px;
	position: relative;
	z-index: 10;
	left: 0px;
	top: 0px;
	float: left;
	visibility: visible;
	overflow: visible;
	padding-left: 0px;
}
#menutile2 {
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	width: 635px;
	position: inherit;
	z-index: 10;
	left: 0px;
	top: 0px;
	float: left;
	visibility: visible;
	overflow: visible;
	padding-left: 0px;
}
#menutile3 {
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	width: 635px;
	position: inherit;
	z-index: 10;
	left: 10px;
	top: 0px;
	float: left;
	visibility: visible;
	overflow: visible;
	padding-left: 10px;
	padding-top: 20px;
}
#menucontent {
	height: auto;
	width: 169px;
	position: relative;
	z-index: 102;
	left: 20px;
	top: 40px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 20px;
}
#menucontent1 {
	height: auto;
	width: 140px;
	position: relative;
	z-index: 10;
	left: 0px;
	top: 10px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 0px;
}
#menucontent2 {
	height: auto;
	width: 635px;
	position: relative;
	z-index: -100;
	left: 10px;
	top: 10px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 0px;
}
#wrap {
	position: relative;
	width: 1344px;
	height: auto;
	overflow: visible;
	visibility: visible;
	margin: auto;
	text-align: center;
	*text-align: left;
}
#wrap2 {
	margin-left: -495px;
	position: relative;
	left: 42%;
	width: 990px;
	height: auto;
	overflow: visible;
	visibility: visible;
}
#wrap3 {
	background-image: url(cssimg/loginbg2018.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	width: 1344px;
	height: auto;
	overflow: visible;
	visibility: visible;
	margin: auto;
	text-align: center;
	*text-align: left;
}
#wrap3 a{
    position: relative;
}
.button{
	background-image: url(cssimg/imgbutton.gif);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #79818d;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.buttonhighlight{
	background-image: url(cssimg/imgbutton_highlight.gif);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #709B6A;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.buttonhighlight2{
	background-image: url(cssimg/imgbutton_highlight2.gif);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #709B6A;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.inputtext {
	border: 1px solid #999999;
}
table .highlight{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #E7F0F1;
	color: #333333;
	

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
table .highlight_header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #CAFCC2;
	color: #333333;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
table .cell{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #FFFFFF;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
table .header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #066649;
	background-image: url(cssimg/tdheaderbar.gif);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
}
table {
	margin-top: 5px;
	margin-bottom: 5px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003300;
}
.warm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #9D0E0B;
}
.menucell{
	height: auto;
	width: 126px;
	clear: both;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-bottom-style: solid;
	border-bottom-color: #E1EDFF;
	border-bottom-width: 1px;
}
.menucellh{
	height: auto;
	width: 126px;
	clear: both;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(cssimg/darrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 3px;
}
.menuline{
	height: 19px;
	width: 146px;
	clear: both;
	background-image: url(cssimg/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.menucellhover {
	height: auto;
	width: 126px;
	clear: both;
	padding-left: 20px;
	cursor: default;
	background-image: url(cssimg/menuhover2.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #b0fc6b;
	border-bottom-style: solid;
	border-bottom-color: #E1EDFF;
	border-bottom-width: 1px;
	
}.menucellhover a, a:visited, a:active{
	cursor: default;
	color: #333333;
	text-decoration: none;
}
#logingd{
/* 	background-image: url(cssimg/loginbg2018.png); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center top; */
	width:488px;
	padding-left:856px;/*合計寬度為1344px*/
	height:390px;
	padding-top:275px;/*合計高度為665px*/
	margin:5px 0px 5px 0px;
}
#logingd table{
	width:180px;
	text-align:left;
}
#logingd table td{
	height:30px;
	font-size:16px;
	color: #666;
	font-weight:bold;
}
#logingd2
{
	background-image: url(cssimg/loginbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 614px;
	visibility: visible;
	width: 300px;
	overflow: visible;
	position: relative;
	z-index: 100;
	left: 0px;
	top: 0px;
	padding-top: 158px;
	padding-bottom: 20px;
	float: left;
	padding-right: 400px;
	padding-left: 370px;
}
.logininput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
.loginbox {

	border: 0px solid #999999;
	padding-left: 10px;
	width: 200px;
	margin: 1px;
}