@charset "utf-8";
@import url("reset.css");
/* CSS Document */
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	background:#FFF;
	color:#222;
	word-spacing:1px;
	line-height:150%;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	overflow-x:hidden;
}
a {
	color:#09c;
}
a:hover {
	color:#C00;
}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif, "新細明體";
	color:#222;
}
.red {
	color:#F00;
}
.white {
	color:#FFF;
}
.align_r {
	text-align:right;
}
.align_c {
	text-align:center;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
ol.number {
	list-style-type:decimal;
	margin-left:40px;
}
/*-------------top--------------------*/
.top a {
	display:block;
	width:35px;
	height:80px;
	background: url(../images/top.gif) no-repeat;
	text-indent:-9999px;
	position:fixed;
    *position: absolute;/*ie6*/
	right:0;
	bottom:20px;
	cursor:pointer;
}
.top a:hover {
	width:45px;
}
/*-------------header--------------------*/
#header_wrapper {
	width:100%;
	background: url(../images/bg_header.gif) repeat-x;
	margin-bottom:10px;
	height:54px;
}
#header {
	width:100%;
	margin:0 auto;
	height:50px;
	position:relative;
	color:#FFF;
}
#header h1 {
	font-size:13px;
	font-weight:normal;
	line-height:50px;
	width:600px;
	left:50px;
	position:absolute;
}
#header ul {
	position:absolute;
	right:0;
	background:url(../images/bg_nav_2.gif) no-repeat top right;
}
#header li {
	background:url(../images/bg_nav_2.gif) no-repeat;
	float:left;
}
#header li a {
	line-height:50px;
	cursor:pointer;
	padding:0 15px;
	color:#FFF; text-decoration:none;
	display:block;
}
#header li a span.add {
	background:url(../images/add.gif) no-repeat center left;
	padding-left:20px;
}
#header li a span.search {
	background:url(../images/search.gif) no-repeat center left;
	padding-left:20px;
}
#header li a span.history {
	background:url(../images/history.gif) no-repeat center left;
	padding-left:20px;
}
#header li a span.logout {
	background:url(../images/logout.gif) no-repeat center left;
	padding-left:20px;
}
#header li a span.edit {
	background:url(../images/edit.gif) no-repeat center left;
	padding-left:20px;
}
#header li a:hover {
	background:url(../images/bg_nav_over.gif) no-repeat;
}
/*-------------menu--------------------*/
#menu_wrapper {
	width:100%;
}
#menu {
	width:90%;
	margin:0 auto;
}
#menu li {
	float:left;
	margin:0 10px 10px 0;
	background:#ddd;
	padding:0 0 0px 0;
	border-bottom:1px #D5D5D5 solid;
}
#menu li h1 {
	display:block;
	background:url(../images/bg_memu_left.gif) no-repeat;
	color:#FFF;
	font-family:"微軟正黑體";
	font-size:14px;
	padding:0 0 0 15px;
	line-height:28px;
}
#menu li h1 span {
	padding-right:15px;
	display:block;
	background:url(../images/bg_memu_right.gif) no-repeat top right;
}
#menu li ul {
	margin:10px 10px 0 10px;
}
#menu li ul li {
	padding:0;
	margin:0;
	border:none;
}
#menu li ul li a {
	color:#333;
	display:block;
	padding:0 10px;
	border-left: 3px solid #09C;
	margin-bottom:10px;
}
#menu li ul li a:hover {
	color:#C00;
	border-left:3px solid #C00;
	background:#eee;
}
/*-------------contact--------------------*/
#content_wrapper {
	width:90%;
	margin:5px auto 0 auto;
	background:url(../images/bg_content_left.gif) no-repeat;
}
#content {
	margin-left:30px;
	padding:20px 30px 20px 0;
	background:url(../images/bg_content_right.gif) no-repeat top right;
}
#content h1 {
	font-size:15px;
	font-family:"微軟正黑體";
	padding-bottom:10px;
	border-bottom:3px #CCC solid;
	display:block;
	position:relative;
}
#content h1 span {
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	position:absolute;
	right:0;
    *right:30px;/*ie6*/
	font-size:13px;
	font-weight:normal;
	width:450px;
}
#content h2 {
	font-size:13px; font-weight:normal; color:#06C;}
#content input {
	padding:1px 5px;
	vertical-align:middle;
}
/*-------------login--------------------*/
#login_header_left {
	width:340px;
	height:52px;
	line-height:52px;
	margin:5% auto 10px auto;
	background:url(../images/bg_login_left.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	font-family:"微軟正黑體";
	color:#FFF;
	text-align:center;
}
#login_header_right {
	margin-left:20px;
	padding-right:20px;
	background:url(../images/bg_login_right.gif) no-repeat top right;
}
#login_wrapper {
	width:340px;
	margin:0 auto;
	background:url(../images/bg_content_left.gif) no-repeat;
}
#login {
	margin-left:20px;
	padding:20px 20px 20px 0;
	background:url(../images/bg_content_right.gif) no-repeat top right;
}
#login h1 {
	font-size:14px;
	font-weight:bold;
	font-family:"微軟正黑體";
	line-height:200%;
	text-align:center;
}
#login input {
	width:160px;
}
#banner {
	width:300px;
	height:120px;
	background:url(../images/logo.png);
	margin-bottom:20px;
}
/*----dispaly table----*/
.table {
	border-collapse:collapse;
}
.table th {
	padding:5px 10px;
	font-weight:normal;
	/*text-align:center;*/
    border-bottom:#09c solid 3px;
	border-left:1px #09c dotted;
}
.table td {
	padding:5px 10px; border-bottom:#ccc dotted 1px; border-left:1px #ddd dotted;
}
/*----apply table----*/
.apply_table {
	border-collapse:collapse;
}
.apply_table th {
	padding:7px 10px; font-size:14px;
	font-weight:bold;font-family:"微軟正黑體";
	text-align:right;border-bottom:#ccc solid 1px;
}
.apply_table td {
	padding:7px 10px;
	border-bottom:#ccc solid 1px;
}
.large_text {
	width:400px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
}
.small_text {
	width:50px;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif, "新細明體";
}
.mid_text {
	width:120px;
	font-size:13px;
		font-family:Arial, Helvetica, sans-serif, "新細明體";
}
/*----apply table----*/
.nostyle{ border:none;}
.nostyle th{ border:none;}
.nostyle td{ border:none;}
/*----sub-category----*/
#scategory{ width:100%;}
#scategory a{ text-decoration: underline; cursor:pointer;}
.sub-category{ padding:15px 15px 15px 25px; border-top:1px dotted #ccc; margin-top:5px;}
.sub-category li{} 
.sub-category span{ display:block; padding:7px 0;}
.table_under{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;

}


/*----product table----*/
.tableProduct {
	
}
.tableProduct th { border:none;
	
}
.tableProduct td { border:none;
}

/*----SCAT table----*/
.tableSCAT {
	
}
.tableSCATt th { border:none;
	
}
.tableSCAT td { border:none;
}
.page{ width:auto;}