/*-----------------------------*/
/* EP 6 Template Design        */
/* Template 02                 */
/* Author: allproducts.com     */
/* Create: 2009/04             */
/*-----------------------------*/
 
@import url(../../fixtable.css);
@import url(../../inquForm.css);

@import url(style_text.css);

/* base */
body {font-family:"Lucida Sans Unicode", "微軟正黑體", Verdana, Arial; margin:0; padding:0; background:#4f4f4f url(../images/bg_body.gif) repeat-x left top;}
img {border:0; margin:0; padding:0;}
.space {clear:both;}


/* Wrapper */
.Wrapper {width:880px; margin:0; padding:0; background:url(../images/bg_wrapper.gif) repeat-y center top;}
.Header {width:880px; margin:0; padding:0; background:url(../images/bg_header.gif) no-repeat 0px 24px; *background-position:0px 29px;}
.Middle {margin:0 17px; padding:0; background:url(../images/bg_subnavi.gif) repeat-y 0px 0px; -height:1%;} /* for background repeat */
.Navi {width:162px; margin:0; padding:0; text-align:right; float:left;}
.Footer {height:48px; margin:0; padding:0; background:url(../images/bg_footer.gif) repeat-x; font-weight:normal; clear:both;}


/* Header */
.Header .Lang {height:24px; *height:29px; margin:0; padding:0; text-align:right;}
.Header .Lang ul {margin:5px 15px 0 0; padding:0; list-style:none; color:#fff; font-size:12px; letter-spacing:1px;}
.Header .Lang ul li {margin:0; padding:1px 8px 1px 8px; border-left:#fff 1px solid; float:right;}
.Header .Lang ul li a {color:#fff;}
.Header .Lang ul li a:hover {color:#ff0;}
.Header .HeaderLeft {width:407px; margin:0; padding:0; float:left;}
.Header .Mainimg {margin:0; padding:0; float:right;}
.Header .Search {height:29px; height:32px\9; margin:0; padding:6px 35px 0 0; padding:3px 35px 0 0\9; text-align:right; clear:both;}


/* Navi */
.Navi ul.MainNavi {margin:0; padding:140px 10px 10px 10px; background:url(../images/bg_navi.gif) repeat-y; border-bottom:#d8d8d8 1px solid; list-style:none; color:#fff; font-size:12px; line-height:18px; font-weight:bold; letter-spacing:1px;}
.Navi ul li {margin:7px 0; padding:0;}
.Navi ul li a {color:#fff; display:block; -display:inherit;}
.Navi ul.MainNavi li a:hover {color:#ff0;}
.Navi ul.SubNavi {margin:0; padding:10px; list-style:none; color:#fff; font-size:11px; line-height:14px; font-weight:bold; letter-spacing:1px;}
.Navi ul.SubNavi li a:hover {color:#cf0;}
.Navi ul.SubNavi span {color:#666; margin:0 0 0 3px;}


/* Footer */
.Footer .WFooter {width:880px;} /* for txt width */
.Footer .Address {color:#999; font-size:11px; line-height:16px; margin:0; padding:7px 0 0 20px; text-align:left; float:left;}
.Footer .Address a {color:#999;}
.Footer .Address a:hover {color:#ccc;}
.Footer .Copyright {color:#666; font-size:10px; line-height:12px; margin:5px 15px 0 0; padding:0; text-align:right; float:right;}
.Footer .Copyright a {color:#666;}
.Footer .Copyright a:hover {color:#999;}

/* Index */
.MidContent {margin:10px 0 10px 10px; padding:0; float:left;} /* for middle align */
.About {width:380px; margin:0 0 8px 0; padding:0 20px 40px 20px; background:#fff url(../images/bg_content_middle.gif) no-repeat bottom; border-right:#d8d8d8 1px solid; text-align:left;}

/** Box **/
.Indexbox {
	width:413px;
	margin:0;
	background:#fff;
	border-right:#c6c6c6 2px solid;
	border-bottom:#c6c6c6 2px solid;
	color:#666;
	font-size:11px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.Indexbox p {color:#666; font-size:11px; margin:4px 0 0 0; padding:0; text-align:left; float:left;}
.Indexbox p a {color:#666;}
.Indexbox p a:hover {color:#333;}
.Indexbox .boxBtn {margin:8px 0 8px 20px; *margin-left:8px; float:left;}
.Indexbox .boxLink {margin:10px 20px 0 0; float:right;}
.boxMarquee {width:413px; margin:15px 0;}

/** HP **/
.HotProducts {width:213px;height:480px; margin:10px 0 0 0; padding:0 20px 40px 20px; -padding:0 15px 40px 16px; background:#fff url(../images/bg_content_short.gif) no-repeat bottom; text-align:left; float:right;}
.HotProducts .HotProduct {width:100px; margin:3px; padding:0; text-align:center; float:left;}
.HotProducts .HotProduct img {border:#ccc 1px solid;}
.HotProducts .HotProduct H4 {color:#666; font-size:9px; line-height:10px; font-weight:normal; margin:2px 0 0 0; padding:0;}
.HotProducts .HotProduct img:hover {border:#999 1px solid;}