@charset "big5";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

a,a:link,a:active,a:visited {
	text-decoration: none;
	color: #667799;
}
a:hover	{
	text-decoration: none;
	color: #224466;
}
.menuBg {
	background-image: url(images/menuBg.gif);
	background-repeat: repeat-x;
}
#contactBg {
	background-image: url(images/menuContact.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	color: #FFFFFF;
}
.largeFont {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.largeFont2 a {
	color: #ffffff;
}
.largeFont2 {
	margin-top: 20px;
	padding: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}
.content {
	padding: 10px;
	width: 970px;
}
select {
	margin: 1px;
}
.subcontent {
	padding: 10px;
}
#contactBg a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#contactBg a {
	text-decoration: none;
	color: #FFFFFF;
}

#contactBg a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#contactBg a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#contactBg a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.cellHeaderLeft {
	background-color: #d5d5d5;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #AAAAAA;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #AAAAAA;
}
.cellHeader {
	background-color: #d5d5d5;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #AAAAAA;
}
.cell1 {
	background-color: #EFEFEF;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.cell2 {
	background-color: #FFFFFF;
}
h3 {
	font-size: 16px;
	color: #333333;
	width: 280px;
	padding: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0px;
	margin-bottom: 5px;
	border-bottom: 3px solid #649ec9;
}

.loginbg {
	background-image: url(images/loginBg.gif);
	background-repeat: no-repeat;
	padding: 30px;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.copyright {
	background-image: url(old_images/copyright.gif);
	height: 23px;
	color: #666666;
	font-size: 10px;
}
.shadow {
	background-image: url(old_images/shadow.gif);
	background-repeat: repeat-x;
}
.disD {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
	border-top: 2px solid #ffc821;
}
.msgHeader {
	background-image: url(old_images/cHeader.gif);
	background-repeat: no-repeat;
	background-color: #35486a;
	color: #FFFFFF;
}
.msgTable {
	border: 1px solid #35486a;
}
img {
	border: 0px;
}
#tempPage .mainTable, .mainTable{
	background: #DEDEDE;
	margin:2;
}
.mainTable td{
	padding:2px 2px 2px 2px;
}
#tempPage .mainTable td{
	padding:3px 3px 3px 3px;
}
#container{
	overflow: scroll;
	width: 96%;
	height: 400px;
}
#dataTable .rowHeader{
	border: none;
	left: expression(document.getElementById("container").scrollLeft-1);
}
#dataTable td{
	white-space: nowrap;
}
.orshow {
	background-color: #e7adad;
	color: #c64f4f;
}
.headerCell {
	padding: 6px;
	border-bottom: 1px #7b273a solid;
	font-weight: bold;
}
.headerLeftTop {
	background-image: url(old_images/headerLeftTop.gif);
	background-repeat: no-repeat;
}
.headerContent {
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.headerContent a {
	color: #FFFFFF;
	text-decoration: none;
}
a {
	color: #ca3333;
	text-decoration: none;
}
a:hover {
	color: #e26666;
	text-decoration: none;
}
.headerBg {
	background-image: url(images/bannerBg.gif);
	background-repeat: repeat-x;
}
.headerLeftBottom {
	background-image: url(images/headerLeftBottom.gif);
	background-repeat: no-repeat;
}
.mainContent {
	background-color: #FFFFFF;
}
.spacer {
	padding-left: 10px;
}
.mainContentBottom {
	background-image: url(images/mainContentBottom.gif);
	background-repeat: repeat-x;
}
.boxArea {
	float: left;
	margin-right: 10px;
	width: 45%;
}
.boxContent {
	background-color: #e6e6e6;
	padding: 4px;
}
.boxContent h1 {
	background-image: url(images/cellHeader.gif);
	background-repeat: repeat-x;
	padding: 6px 10px 6px 10px;
	margin: 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
.boxContent .contentor {
	margin-top: 4px;
	padding: 4px;
	background-color: #ffffff;
}
.mainTable {
	margin:2;
	padding:2px 2px 2px 2px;
	background-color: #CCCCCC;
}
.mainTableHeader th, .mainTable td {
	margin:2;
	padding:2px 2px 2px 2px;
}
.mainTableSide {
	background-color: #818a90;
}
.mainTable td, .mainTableSide td {
	background-color: #ffffff;
}
.mainTableHeader, .mainTable th, .mainTableHeader td {
	background-color: #818a90;
	border-top: #5f6971 2px solid;
	color: #ffffff;
	margin:2;
	padding:2px 2px 2px 2px;
}
.leftBox {
	background-color: #d5d5d5;
	padding: 0px 10px 1px 10px;
}
blockquote {
	margin: 5px 0px 10px 0px;
	margin-left: 30px;
}
.sideBox {
	position: fixed;
	top: 171px;
	left: 930px;
	width: 200px;
}
.hidden {
	display: none;
}
form {
	padding: 0px;
	margin: 0px;
}
ol {
	margin: 0px 30px 0px 0px;
}
li {
	line-height: 150%;
}
.currentProduct {
	font-size: 11px;
}
.prodName {
	background-color: #FFFFFF;
	padding: 4px;
	border: 0px;
	width: 95%;
}
.staffName {
	background-color: #FFFFFF;
	border: 0px;
	width: 95%;
}
.showName {
	background-color: #FFFFFF;
	border: 0px;
	width: 95%;
}
.staffNameMain {
	background-color: #FFFFFF;
	border: 0px;
	width: 95%;
}
h3 {
	border-left: #FFFFFF 5px solid;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	padding-left: 10px;
	font-weight: bold;
}
.expand {
	cursor: pointer;
	display: block;
}
.loginbg {
	background-image: url(images/loginBg.jpg);
	background-repeat: no-repeat;
	padding: 120px 60px 50px 60px;
}
.smlText {
	font-size: 11px;
}
.pageBox {
	margin: 10px 0px 10px 0px;
}
.pageBox span {
	border: #DEDEDE 1px solid;
	border-bottom: #CCCCCC 2px solid;
	padding: 4px 8px 4px 8px;
	background-color: #FFFFFF;
}
.stockBox {
	width: 250px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tool {
	padding: 4px;
	background-color: #ffffff;
	position: absolute;
	top: 30px;
	right: 30px;
}
.notice {
	border: 1px solid #ffb0b0;
	padding: 4px;
	background-color: #ffe3e3;
	margin-bottom: 10px;
}
h1 {
	font-size: 14px;
	clear: both;
}
.size {
	width: 150px;
	float: left;
	height: 25px;
	line-height: 25px;
	border: 1px solid #ccc;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 1px;
}
.size span {
	display: block;
	width: 100px;
	float: left;
	padding-left: 4px;
	padding-left: 4px;
	margin-right: 4px;
	background: #efefef;
	color: #000;
}
.mainTable tr td ol{
	list-style-position:inside;	
}
.table_align_left td{
	text-align:left;
}
#selected_post li{
	list-style:none;
	cursor: pointer;
}
.focus_order_detail{
}

.subhead { font-size:14px;}

.dn_text1 { font-size:13px;}

.title { font-weight:bold; font-size:12px;]}

td { font-size:12px;}

tr.selector { background-color: white }

tr.selector:hover { background-color: #a8dafd };