/*頂層*/
#menu_bg { z-index: 100; position: fixed; top:0; left:50%; width: 2000px; height:59px; margin-left: -1000px; z-index:20;}

#header_logo { position:absolute;  top:0px;   left:455px; }
#header_menu { position:absolute;  top:18px;   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:240px; height:18px; font:12px Arial, Helvetica, sans-serif;  color: #000000; background-color:#666666; }
.form2 { border:1px solid #666666; width:240px; 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: 2650px;  left:50%; margin-left:-520px;}