﻿@charset "utf-8";
body{margin:0; background:url(../images/body-bg.jpg) repeat-x top; font-family:"微軟正黑體";}
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:1000px; margin:0 auto; background:url(../images/wrapper-bg.jpg);}

#header{}
  #header .top{border-bottom:solid 4px #b22345; height:69px;}
    #header .menu{float:left;}
      #header .menu ul{margin:0; padding:0; list-style:none;}
        #header .menu li{margin:0; padding:0; float:left;}
          #header .menu a{display:block; width:250px; height:60px; font:16px/60px "微軟正黑體"; color:#fff; text-align:center;}
		  #header .menu a:hover{background:url(../images/menu-bn-hover-bg.png);}
            #header .menu a .en-txt{font:12px/69px "微軟正黑體"; color:#666;}
			#header .menu a:hover .en-txt{color:#a3cb73;}
    #header .links{float:right;}
	  #header .links ul{margin:0; padding:0; list-style:none;}
	    #header .links li{margin:0 0 0 10px; padding:0; float:left;}
	      #header .links a{display:block; font:14px/20px "微軟正黑體"; color:#eff6b7; width:50px; height:50px; text-align:center; padding-top:10px; margin-top:5px;}
	      #header .links a:hover, #header .links li.group a{background:url(../images/links-bn-hover-bg.png) no-repeat center center; color:#000;}

  #header .header{background:url(../images/logo-bg.png) no-repeat left bottom; height:90px;}
    #header .header h1{float:left; margin:0; padding:0; background:url(../images/logo.png) no-repeat left center; line-height:270px; width:276px; height:90px; overflow:hidden;}
    #header .header .tel{float:right; font:12px "微軟正黑體"; color:#34a309; background:url(../images/icon-tel.png) no-repeat right center; padding-right:30px; text-align:right; margin-top:27px;}
	  #header .header .tel .telno{font:italic 16px "微軟正黑體"; color:#000;}
#edm{font:24px/36px "微軟正黑體"; color:#fff; background:url(../images/edm-bg.jpg) no-repeat left; height:304px;}
  #edm img{float:right;}
  #edm .edm-txt{width:310px; padding:80px 0 0 110px;}


#content{}
  #content h2{font:normal 18px/49px "微軟正黑體"; color:#fff; background:url(../images/title-bg.jpg) no-repeat; width:1000px; height:49px; padding-left:40px; margin-bottom:35px;}
    #content h2 .en-txt{color:#f2f769;}
  /* 關於我們 */	
  #content .about-txt{font:15px/24px "微軟正黑體"; color:#666; background:url(../images/about-img.jpg) no-repeat; height:214px; margin:0 30px 0 0; padding-left:440px;}
  
  /* 產品系列 */
  #content .prod{}
    #content .prod ul{margin:0 0 0 20px; padding:0; list-style:none;}
      #content .prod li{margin:0 9px 35px 9px; padding:0; float:left; width:302px;}
	  #content .prod li img{margin-bottom:10px;}
        #content .prod .name{font:18px/36px "微軟正黑體"; color:#3f7904;}
        #content .prod .material{font:15px/24px "微軟正黑體"; color:#903;}
        #content .prod .desc{font:15px/24px "微軟正黑體"; color:#666; height:100px;}
  #content .note{clear:both; font:15px/60px "微軟正黑體"; color:#000; height:60px; border:solid 1px #ccc; border-right:none; border-left:none; width:940px; margin:0 auto;}
  
  /* 聯絡方式 */
  #content .contact-txt{float:left; font:15px/24px "微軟正黑體"; color:#666;}
  #content .contact-txt a{font:15px/24px "微軟正黑體"; color:#666;}
  #content .contact-txt a:hover{color:#000;}
    #content .contact-txt .co-name{font:18px/36px "微軟正黑體"; color:#3f7904;}
  #content .map{float:right;}

#footer{clear:both; margin-top:80px; border-top:solid 1px #b22345; height:73px; font:12px/18px "微軟正黑體"; color:#666;}
  #footer .co-name{float:left; padding-top:18px;}
    #footer .co-name .name{font-size:18px; color:#000;}
  #footer .siteinfo{float:right; text-align:right; padding-top:18px;}