@charset "utf-8";
/* CSS Document */
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none;}
img{border:0;}
input, textarea{outline:none;}
textarea{resize:none;}
.displaynone{display:none;}

body{margin:0; background:url(../images/body-bg.png) repeat-x top;}

.header{position:relative; width:920px; height:130px; margin:0 auto;}
  .logo{position:absolute; left:0; top:54px;}
  .lang{position:absolute; right:0; top:35px; width:190px; height:30px; background:url(../images/lang-bg.png);}
    .lang a{display:block; height:30px; font:13px/30px "微軟正黑體"; color:#888; text-align:center; float:left;}
	.lang a.tc{width:57px;}
	.lang a.en{width:66px;}
	.lang a.jp{width:67px;}
	.lang a:hover{color:#fff;}
	.lang a.tc:hover{background:url(../images/lang-bg.png) 0 -30px;}
	.lang a.en:hover{background:url(../images/lang-bg.png) -57px -30px;}
	.lang a.jp:hover{background:url(../images/lang-bg.png) -123px -30px;}
	
.main{width:920px; margin:0 auto;}
  .sidebar{width:210px; float:left;}
    .sidebar ul{width:200px; margin:0 auto; padding:0; list-style:none;}
	.sidebar li{margin:4px 0; padding:0;}
	.sidebar a{display:block; width:200px; height:70px;}
	  .sidebar a.sb-about{background:url(../images/sb-about.jpg);}
	  .sidebar a.sb-business{background:url(../images/sb-business.jpg);}
	  .sidebar a.sb-history{background:url(../images/sb-history.jpg);}
	  .sidebar a.sb-contact{background:url(../images/sb-contact.jpg);}
	  .sidebar a.sb-about:hover{background:url(../images/sb-about-over.jpg);}
	  .sidebar a.sb-business:hover{background:url(../images/sb-business-over.jpg);}
	  .sidebar a.sb-history:hover{background:url(../images/sb-history-over.jpg);}
	  .sidebar a.sb-contact:hover{background:url(../images/sb-contact-over.jpg);}
  .content{width:700px; float:right;}
    .top{text-align:right; font:bold 15px/34px "微軟正黑體"; color:#666; letter-spacing:.2em;}
	.menu{width:700px; height:40px; background:url(../images/menu.jpg);}
	  .menu ul{margin:0; padding:0; list-style:none;}
	  .menu li{margin:0; padding:0; float:left;}
	  .menu a{display:block; width:175px; height:40px;}
	  .menu a.m-about:hover{background:url(../images/menu.jpg) 0 -40px;}
 	  .menu a.m-business:hover{background:url(../images/menu.jpg) -175px -40px;}
	  .menu a.m-history:hover{background:url(../images/menu.jpg) -350px -40px;}
	  .menu a.m-contact:hover{background:url(../images/menu.jpg) -525px -40px;}
	.edm{margin:10px 0;}
	
	/* Public */
	h1{margin:0 0 10px 0; width:700px; height:44px; background:url(../images/title-bg.jpg); font:normal 20px/44px "微軟正黑體"; color:#000;}
	h2{margin:0; font:normal 18px "微軟正黑體"; color:#009fa8;}
	.tablestyle th{padding:5px 10px; font:14px/20px "微軟正黑體"; background:#cde8eb; text-align:right; border-left:solid 2px #000;}
    .tablestyle td{padding:5px 10px; font:14px/20px "微軟正黑體"; background:#eaecf5;}
	
	.philosophy{margin-bottom:1em;}
	  .philosophy .section{width:700px; height:259px; background:url(../images/philosophy-bg.jpg) no-repeat right;}
	    .philosophy .section p{width:406px; font:14px "微軟正黑體"; color:#010101;}
	
	.profile{margin-bottom:1em;}
	
	.traffic{margin-bottom:1em;}

#goTop{width:1000px; height:50px; margin:0 auto; text-align:right;}

.footer{height:100px; background:#323232;}
  .footer .wrapper{width:920px; margin:0 auto; padding:15px 0; text-align:right; font:13px/24px "微軟正黑體"; color:#fff;}
    .siteinfo{float:left; text-align:left;}
	  .siteinfo .corpname{font-size:18px;}
	  
	  
/* 經營範圍 */
.items{font:18px "微軟正黑體"; color:#333;}
.item-title{height:36px; background:url(../images/item-title-bg.png) repeat-x; font:18px/36px "微軟正黑體"; color:#333; border:solid 1px #ced5db;}
.item-class1{width:170px; height:211px; background:url(../images/business-bg1.png); font:15px/24px "微軟正黑體"; color:#fff; text-align:center;}
.item-class2{width:170px; height:211px; background:url(../images/business-bg2.png); font:15px/24px "微軟正黑體"; color:#000; text-align:center;}
.item-class3{width:170px; height:211px; background:url(../images/business-bg3.png); font:15px/24px "微軟正黑體"; color:#fff; text-align:center;}


/* 聯絡我們 */
.formtable{font:14px/2.5 "微軟正黑體"; color:#666;}
  .formtable th{text-align:left; font-weight:normal;}
  .formtable input, .formtable textarea{border:solid 1px #ccc;}
  .inputc1{width:200px; height:1.5em;}
  .inputc2{width:200px;}
  .inputc3{width:50px;}
  .inputbn{font:14px "微軟正黑體"; color:333; padding:3px 6px 6px 6px;}

.contact-title{width:300px; height:38px; border:solid 1px #ced5db; font:18px/38px "微軟正黑體"; color:#333;}

.contact{margin-bottom:20px;}
  .contact .corpname{font:18px/36px "微軟正黑體"; color:#666;}
  .contact .info{font:16px/32px "微軟正黑體"; color:#666;}
  
/*  */
.historytable{}
  .historytable th{font:normal 14px/28px "微軟正黑體"; color:#3b7ea9; width:72px; text-align:left;}
  .historytable td{font:normal 14px/28px "微軟正黑體"; color:#666;}