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

body {
	SCROLLBAR-FACE-COLOR: #D7D7D8; 
    SCROLLBAR-HIGHLIGHT-COLOR: #969696; 
    SCROLLBAR-SHADOW-COLOR: #ffffff; 
    SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
    SCROLLBAR-ARROW-COLOR: #ffffff; 
    SCROLLBAR-TRACK-COLOR: #dddddd; 
    SCROLLBAR-DARKSHADOW-COLOR: #8E8F8F
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
H2 { color:White}
/*----?�上面?��???---*/
#TOPMENU {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#TOPMENU ul {
	float: right;
}
#TOPMENU li {
	float: left;
	height: 29px;
	background-image: url(images/menu_line.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#TOPMENU li a {
	display: block;
	padding: 0 15px 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 29px;
	font-weight: bold;
	text-decoration: none;
}
#TOPMENU li a:hover {
	background-image: url(images/menu_hover.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
/*----?��?----*/
#HEADER {
	clear: both;
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: -100px;
}
#HEADER h1 {
	position: absolute;
	left: 0px;
	top: 150px;
	display: block;
	width: 88px;
	height: 43px;
	background-image: url(images/login_bg.gif);
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 60px;
	line-height: 20px;
}
#HEADER h1 span {
	font-size: 25px;
}
/*----?��?--?��??�單----*/
#HEADER ul {
	position: absolute;
	top: 0px;
	right: 0px;
}
#HEADER li {
	float: left;
}

#HEADER li.services a{
	display: block;
	width: 197px;
	height: 208px;
	background-image: url(images/h01.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	line-height: 80px;
	padding-right: 10px;
	text-transform: uppercase;
}
#HEADER li.services a:hover{
	background-image: url(images/index_04.jpg);
	color: #999999;
}
#HEADER li.support a{
	display: block;
	width: 197px;
	height: 208px;
	background-image: url(images/h02.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	line-height: 80px;
	padding-right: 10px;
	text-transform: uppercase;
}
#HEADER li.support a:hover{
	background-image: url(images/h02_hover.gif);
	color: #999999;
}
#HEADER li.solutions a{
	display: block;
	width: 166px;
	height: 208px;
	background-image: url(images/h03.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	line-height: 80px;
	padding-right: 10px;
	text-transform: uppercase;
}
#HEADER li.solutions a:hover{
	background-image: url(images/h03_hover.gif);
	color: #999999;
}

.bigww {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #FFFFFF;
}

.MaterialOverDiv 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-left:10px; 
	padding-top:8px;
	height:26px; 
	width:117px;
	color:#FFFFFF;
	letter-spacing:2px;
	cursor:pointer;
	background-image:url(/Images/bt_blank_o.gif);
}
.MaterialOutDiv 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #999999;
	padding-left:10px; 
	padding-top:8px;
	height:26px; 
	vertical-align:middle;
	width:117px;
	cursor:pointer;
	letter-spacing:2px;
	background-image:url(/Images/bt_blank.gif);
}
.ValidateTextBox
{
	PADDING-LEFT: 2px;
	font-family:Georgia;
	font-size:16px;
	height:18px;
	font-style:italic;
}

.TextBox
{
	padding-top:2px;
	padding-left:6px;

	height:16px;
	font-family:Arial;
	background-color:#141414;
	color:White;
	font-size:12px;
	
	BORDER-TOP: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
	BORDER-RIGHT: 1px solid;
	
	BORDER-TOP-COLOR: #4b4b4b! important;
	BORDER-BOTTOM-COLOR: #4b4b4b! important;
	BORDER-LEFT-COLOR: #4b4b4b! important;
	BORDER-RIGHT-COLOR: #4b4b4b! important;	
}
.ImageButton
{
	cursor:pointer;
}
.TextBoxGray {

	
	padding-top:2px;
	padding-left:6px;

	height:16px;
	font-family:Arial;
	background-color:#B2B2B2;
	color:Black;
	font-size:12px;
	
	BORDER-TOP: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
	BORDER-RIGHT: 1px solid;
	
	BORDER-TOP-COLOR: #B2B2B2! important;
	BORDER-BOTTOM-COLOR: #B2B2B2! important;
	BORDER-LEFT-COLOR: #B2B2B2! important;
	BORDER-RIGHT-COLOR: #B2B2B2! important;		
}
.SearchWord
{
	color:#EE6D76;	
}
.SearchWord A
{
	color: #EE6D76;
	text-decoration: underline;
}

.SearchWord A:Hover
{
	color: #EE6D76;
	text-decoration: none;
}

.PhotoTableTitle
{
	padding-top:2px;
	text-align:left;
	padding-left:10px;
	vertical-align:top;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.PhotoTableContent
{
	padding-left:25px;
	text-align:left;
	vertical-align:top;	
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.leftImages
{
	BORDER-RIGHT: white 2px solid; 
	BORDER-TOP: white 2px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 5px; 
	BORDER-LEFT: white 2px solid; 
	MARGIN-RIGHT: 10px; 
	BORDER-BOTTOM: white 2px solid;	
}
.rightImages
{
	BORDER-RIGHT: white 2px solid; 
	BORDER-TOP: white 2px solid; 
	FLOAT: right; 
	MARGIN-BOTTOM: 5px; 
	BORDER-LEFT: white 2px solid; 
	MARGIN-RIGHT: 10px; 
	BORDER-BOTTOM: white 2px solid;	
}
.Button
{
	line-height: 22px;
	vertical-align:baseline;
	width:60px; 
	height:22px;
	background-color:#141414;
	text-align:center;
	font-size:12px;
	color:#6a6a6a;
	border:1px #5c5c5c solid;
	cursor:pointer;
}
.RedDot
{
	color:Red;	
}