@charset "utf-8";
body{margin:0; background:#9da1aa url(../images/body-bg.jpg) repeat-x center top;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; display:inline-block;}
img{border:0;}
input,textarea{outline:none}
textarea{resize:none}

.wrapper{width:1140px; margin:0 auto; background:url(../images/wrapper-bg.jpg); border-top:solid 10px #2a2a2a; border-bottom:solid 16px #2a2a2a;}

#header{position:relative; width:920px; height:140px; margin:0 auto;}
  #header h1{position:absolute; left:333px; top:37px; width:254px; height:69px; margin:0; padding:0; background:url(../images/logo.png); font-size:24px; line-height:300px; overflow:hidden;}
  #header .home{position:absolute; left:603px; top:76px; width:28px; height:28px; background:url(../images/icon-home.png); line-height:80px; overflow:hidden;}

#menu{width:920px; height:114px; margin:0 auto; background:url(../images/menu.png);}
  #menu ul{margin:0; padding:0; list-style:none;}
    #menu li{margin:0; padding:0; float:left;}
	  #menu a{display:block; width:230px; height:52px; line-height:200px; overflow:hidden;}
	    #menu li.m_about:hover a{background:url(../images/menu.png) 0 114px;}
	    #menu li.m_product:hover a{background:url(../images/menu.png) -230px 114px;}
	    #menu li.m_contact:hover a{background:url(../images/menu.png) -460px 114px;}
	    #menu li.m_index:hover a{background:url(../images/menu.png) -690px 114px;}
		
#content{width:920px; margin:0 auto;}
  #content h2.abouth2{height:75px; background:url(../images/title-about.png) no-repeat 0 20px; line-height:200px; overflow:hidden; border-bottom:solid 1px #ddd; margin-bottom:36px;}
  #content h2.producth2{height:75px; background:url(../images/title-product.png) no-repeat 0 20px; line-height:200px; overflow:hidden; border-bottom:solid 1px #ddd; margin-bottom:36px;}
  #content h2.contacth2{height:75px; background:url(../images/title-contact.png) no-repeat 0 20px; line-height:200px; overflow:hidden; border-bottom:solid 1px #ddd; margin-bottom:36px;}
  #content img.aboutimg{float:right; margin-left:36px;}
  .wd_font_01{font:18px/24px "微軟正黑體"; color:#8eb02b;}
  .wd_font_02{font:15px/24px "微軟正黑體"; color:#4b4b4b;}
  .tabletype{border:solid 1px #ccc;}
    .tabletype th{font:normal 18px Arial,"微軟正黑體"; color:#8eb02b; background:#f4f4f4; padding:10px;}
    .tabletype td{font:13px Arial,"微軟正黑體"; padding:5px 10px; color:#4b4b4b; border-top:solid 1px #eee;}
  .contact-wrapper{width:920px; height:360px; background:url(../images/contact-bg.png) no-repeat right bottom;}


#footer{clear:both; height:74px; background:url(../images/footer-bg.png) repeat-x bottom; padding-top:120px;}
  #footer .copyright{float:left; font:18px/74px "微軟正黑體"; color:#fff; margin-left:110px;}
    #footer .copyright .en-txt{font:12px Arial; color:#8d8d8d;}
  #footer .designer a{float:right; width:67px; height:28px; background:url(../images/designer.png); line-height:84px; overflow:hidden; margin:23px 110px 0 0;}
  #footer .designer a:hover{background:url(../images/designer-hover.png);}