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

body{
margin:0px; padding:0px; background-color:#FFFFFF;
background-image:url(images/inc-img/bg.jpg); background-repeat:repeat-x;
}
body,td,th {
font-size: 12px; color:#333333; font-family:Arial, Helvetica, 細明體, sans-serif;
}
#wrapper{
width:900px;
background-image:url(images/inc-img/bg-wrapper.jpg); background-repeat:no-repeat;
}
#header{
position:relative;
width:900px; height:299px;
}
#path{
	position:absolute;
	top:317px;
	left:500px;
	font-size:11px;
	color:#393939;
}
#content{
width:900px; text-align:left;
}
/* content side */
#side{
width:150px; /*height:350px; */margin-left:20px; float:left;
}
/* content side end */
/* content main */
#main{
width:670px; padding-top:50px; float:right;
}
/* content main end */
#footer{
height:120px; clear:both;
background-image:url(images/inc-img/bg-footer.gif); background-repeat:repeat-x;
}

/* header */
	#topnav{
	margin:0px; padding:0px; list-style-type:none;
	}
	#topnav li{
	position:absolute;
	}
	#topnav li.about a, #topnav li.products a, #topnav li.order a, #topnav li.how a{
	display:block;
	 width:130px; height:40px;  background-color:transparent; text-indent:-9999px;
	}
	#topnav li.about a:hover, #topnav li.products a:hover, #topnav li.order a:hover, #topnav li.how a:hover{
	border-bottom:#FF6600 solid 3px;
	}
	#topnav li.about{
	top:40px; left:295px;
	}
	#topnav li.products{
	top:40px; left:445px;
	}
	#topnav li.order{
	top:40px; left:601px;
	}
	#topnav li.how{
	top:40px; left:751px;
	}
#tool{
	position:absolute;
	color:#b1b4b6;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	left: 683px;
	top: 9px;
	color:#b1b4b6;
}
#tool a{
color:#b1b4b6; text-decoration:none;
}
#tool a:hover{
text-decoration:underline;
}
#path a{
color:#393939; text-decoration:none;
}
#path a:hover{
text-decoration:underline;
}
.raw-red{
background-image:url(images/inc-img/raw-red.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:7px; margin-right:10px;
}
#header a.orderd{
display:block;
position:absolute; width:150px; height:35px; 
top:301px; left:750px; text-indent:-9999px; background-color:transparent;
}

#header a.toplogo{
display:block;
position:absolute; width:240px; height:144px;
top:0px; left:0px; text-indent:-9999px;
}

/* side */
#side h3{
display:block;
margin:0px; padding:0px; width:150px; height:38px;  background-repeat:no-repeat; text-indent:-9999px;
}
#side h3.h3-1{
background-image:url(images/inc-img/sideh3-1.gif);
}
#side h3.h3-1a{
background-image:url(images/inc-img/sideh3-1a.gif);
}
#side h3.h3-2{
background-image:url(images/inc-img/sideh3-2.gif);
}
/* login */
#login{
position:relative;
}
#login, #login input{
font-size:11px; color:#8f8f8f;
}
#login input.id, #login input.pw, #login input.go, #login input.lo{
background-color:#efefef; margin:0px; padding:2px; width:102px; border:#CCCCCC solid 0px; margin-bottom:1px;
}
#login input.go{
	background-color:#c5e8f8;
	border:#7cb8dc solid 0px;
	color:#0a7baf;
	padding:5px 15px;
	line-height:12px;
	font-size:12px;
	cursor: hand;
	background-image:url(../member/css/images/iconbg1.gif); background-repeat:repeat-x;
}
#login input.go{
	width:135px;
	padding:0px;
	text-align:center;
	line-height:25px;
	cursor: hand;
}
#login input.lo{
/* width:40px;*/
}
#login .loimg{
/* padding-left:30px;*/
}
#login .lotext{
font-size:10px; color:#b2b2b2;
}
#login .loginlink{
display:block;
text-align:left; padding:10px 5px;
}
#login a{
color:#3aa7d8; padding:0px 3px;
}
#login a:hover{
color:#333333;
}
/* loginm */
#login2{
position:relative;
}
#login2 .box, #login .box{
border:#dedede solid 1px; padding:5px;
}
#login2 .name{
color:#0066CC; font-size:13px;
}
#login2 .bit{
display:block; padding-top:7px; border-top:#ededed solid 2px;
}
#login2 ul{
margin:0px; padding:0px; list-style:none; margin:5px 0px;
}
#login2 ul li{
margin:0px; padding:0px; margin-bottom:2px;
background-image:url(../member/css/images/iconbg1.gif); background-repeat:repeat-x; 
}
#login2 ul li a{
padding:3px 5px; color:#003366; text-decoration:none; display:block;
}
#login2 ul li a:hover{
 padding:3px 5px; color:#333333;
}
#login2 .fright{
float:right; font-size:12px;
}
/* footer */
#footer address{
display:block; position:relative;
width:900px; height:120px;
background-image:url(images/inc-img/footer.gif); background-repeat:no-repeat;
text-indent:-9999px;
}
#footer a.email{
position:absolute; top:47px; left:228px;
width:220px; height:25xp;
}
#footer a.web{
position:absolute; top:63px; left:229px;
width:219px; height:25xp;
}

/* footer end */

/* style */
.clear{
clear:both;
}
.f13{
font-size:13px;
}
.f15{
font-size:15px;
}
.red{
color:#ff0000;
}
.gary{
color:#666666;
}
.green{
color:#669900;
}
.orage{
color:#FF6600;
}
.black{
background-color:#888888;
padding:2px; padding-bottom:1px;
color:#ffffff; margin-left:3px;
}