p, div, html, body, img, h1, h2, ul, li, h3, h4, dl, dt, dd, ol, input{margin:0; padding:0; font-family:Microsoft JhengHei;}
body { background-color:#fff; overflow-y: scroll;}
img{border:0;}
a {
outline: none; /* Firefox,Chrome */
hlbr: expression(this.onFocus=this.blur()); /* IE */ }
body, html {height: 100%; background-color:#000}
/*外層包圍*/
#container {float:left; width:980px; margin:0 0px;}
/* sticky footer */
* { margin:0; padding:0; }
html, body, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#main { padding-bottom: 42px; } /* must be same height as the footer */
#footer {
position:fixed;
margin-top: -42px; /* negative value of footer height */
height: 42px;
clear:both; background-image:url(../images/footer_bg.png);
width:1920px;
left:50%;
margin-left:-1020px;
}
#footer_content { position:absolute; top:10px; left:500px;}
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*頂層*/
#menu_bg { z-index: 100; position: fixed; top:0; left:52%; width: 2000px; height:40px; margin-left: -1000px; z-index:20;}
#header_logo { position:absolute; top:0px; left:455px; }
#header_menu { position:absolute; top:22px; left:986px; }
#content { position:relative; float:left; width:980px; height:525px; }
#content_left { float:left; width:235px; }
#content_right { float:right; width:745px; }
#download { position:absolute; top:70px; left:700px; }
#back { position:absolute; top:4px; left:910px; }
/*footer*/
.form { border:1px solid #887966; width:300px; height:18px; font:12px Arial, Helvetica, sans-serif; color: #000000; background-color:#666666; }
.form2 { border:1px solid #666666; width:300px; height:60px; font:12px Arial, Helvetica, sans-serif; color: #000000; background-color:#666666;}
.submit { border:1px solid #666666; width:60px; height:20px; font:12px Arial, Helvetica, sans-serif; color: #333333; background-color:#dddddd}
/*font*/
p {color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;}
h1 {font:bold 16px Arial, Helvetica, sans-serif; color: #222;}
h2 {font:bold 13px Arial, Helvetica, sans-serif; color: #222;}
h5 {font:bold 10px Arial, Helvetica, sans-serif; color: #222;}
.font_22pxwhite{font: bold 22px/26px Arial, Helvetica, sans-serif; color: #f28732; }
.font_14px{font: 14px/22px Arial, Helvetica, sans-serif; color: #cccccc; }
.font_13pxred{font: 13px/22px Arial, Helvetica, sans-serif; color: #ff0000; }
.font_13pxwhite{font: 13px/18px Arial, Helvetica, sans-serif; color: #ffffff; }
.font_12px{font: 12px/18px Arial, Helvetica, sans-serif; color: #222222; }
.font_12px999{font: 12px/18px Arial, Helvetica, sans-serif; color: #999999; }
.font_12cccpx{font: 12px/18px Arial, Helvetica, sans-serif; color: #aaaaaa; }
.font_12887966px{font: 12px/22px Arial, Helvetica, sans-serif; color: #887966; }
.font_14887966px{font: 14px/22px Arial, Helvetica, sans-serif; color: #887966; }
.font_12pxlink{font: 12px/16px Arial, Helvetica, sans-serif; color: #aaaaaa; }
.font_12pxlink:link{text-decoration: none;}
.font_12pxlink:hover{ color: #cccccc; }
.font_13pxlink{font: 13px/20px Arial, Helvetica, sans-serif; color: #cccccc; border-bottom: 1px dotted #777777; }
.font_13pxlink:link{text-decoration: none;}
.font_13pxlink:hover{ color: #ffffff; }
.font_13px2link{font:13px Arial, Helvetica, sans-serif; color: #1a6b9c;}
.font_13px2link:link{text-decoration: none; color:#1a6b9c;}
.font_13px2link:hover{text-decoration: none; color:#333333;}
.font_14pxlink{font: 14px/18px Arial, Helvetica, sans-serif; color: #777777;}
.font_14pxlink:link{text-decoration: none;}
.font_14pxlink:hover{ color: #444444; }
.font_14pxwhitelink{font: 14px/18px Arial, Helvetica, sans-serif; color: #ffffff;}
.font_14pxwhitelink:link{text-decoration: none;}
.font_14pxwhitelink:hover{ color: #dddddd; }
/* menu */
#menu{ margin:0 0 0 0; padding:0 0 0 0; list-style:none; line-height:0px; display:inline-block; float:left; }
#menu a {text-decoration:none; }
#menu > li {float:left; position:relative;padding: 0 0 0 0; }
#menu > li a:hover {}
/* sub-menus*/
#menu ul { padding:6px 10px; margin:0 0 0 0; display:block; display:inline; background-image:url(../images/floatybg.png) }
#menu li ul { position:absolute; left:0px; top:2px; margin-top:45px; width:150px; line-height:16px; /* for IE */ display:none; z-index:2;}
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:2px 0 3px 0; padding: 0 0 0 0; list-style-type:none; }
#menu li ul li a { display:block; }
#menu li ul li a:hover { }
/* main submenu */
#menu #main { left:0px; top:0px;}
/* Parallax
*****************************************************************/
/* content */
#content {
z-index: 4;
position: relative;
max-width: 940px;
padding: 0 10px;
margin: 0 auto;
line-height: 1.7;
}
#content article {
width: 300px;
}
#top,
#about_us,
#products,
#contact_us {padding-top: 0px;}
#top { position: absolute; top: 0px}
#about_us {position: absolute; top: 900px; left:50%; margin-left:-520px;}
#products {position: absolute; top: 1700px; left:50%; margin-left:-520px;}
#contact_us {position: absolute; top: 2790px; left:50%; margin-left:-520px;}
.aboutus{width:457px; height:458px; margin-left:30px; margin-right:30px;}
.aboutus ul li { list-style:none; float:left; height:150px; width:152px;}
.aboutus ul li img{ max-width:147px; max-height:147px;}
.product{ width:930; height:440px; }
.product ul li { list-style:none; float:left; height:110px; width:155px;}
.product ul li a img{ max-width:145px; max-height:81px; text-align:center}
.contact{width:930px; height:245px; margin-left:30px;}
.contact ul li { list-style:none; float:left; height:245px; width:310px;}
.contact ul li img{ max-width:303px; max-height:235px;}