@charset "utf-8";
/* hao CSS Document */
@import url("reset.css");
body{ margin:0px; padding:0px; background:#f4f4f4; font-family:Arial,Helvetica, sans-serif, 微軟正黑體,新細明體;}
div.CONTAINER{ width:100%; height:auto; font-size:12px; color:#666; background:url('../images/background/bg1.jpg'); background-position:center top; background-repeat:repeat-x;}
div.CONTAINER div.MAIN_index{ width:1000px;  margin:0 auto; padding:0;}

div.CONTAINER div.MAIN_index div.HEADER{ display:block; width:auto; height:20px; margin:0px; padding:0px;}
div.CONTAINER div.MAIN_index div.BANNER{ display:block; width:auto; height:472px; margin:0px; padding:0px; }
div.CONTAINER div.MAIN_index div.SUBBANNER{ display:block; width:auto; height:132px;*height:132px;_height:162px; margin:0px; padding:0px; }
div.CONTAINER div.MAIN_index div.CONTENT{ display:block; width:auto; height:473px; margin:0px; padding:0px;  background:url('../images/index/body.jpg'); background-position:left top; }
div.CONTAINER div.MAIN_index div.FOOTER{ display:block; width:auto; height:87px; margin:0px; padding:0px; }

div.CONTAINER div.MAIN_index div.HEADER a.LOGO{ float:left; display:block; width:480px; height:86px; margin:0; padding:0;}



div.CONTAINER div.MAIN_index div.HEADER ul.MENU{ clear:both; display:block; width:990px; height:55px; margin:0px auto; padding:0px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li{ float:left; margin:0; padding:0; }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M1{ display:block; width:86px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:0px 0px; background-repeat:no-repeat; }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M2{ display:block; width:79px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-86px 0px; background-repeat:no-repeat;   }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M3{ display:block; width:118px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-165px 0px; background-repeat:no-repeat;   }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M4{ display:block; width:108px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-283px 0px; background-repeat:no-repeat;   }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M5{ display:block; width:142px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-391px 0px; background-repeat:no-repeat;  }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M6{ display:block; width:174px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-533px 0px; background-repeat:no-repeat;  }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M7{ display:block; width:98px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-707px 0px; background-repeat:no-repeat;   }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M8{ display:block; width:80px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-805px 0px; background-repeat:no-repeat;   }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M9{ display:block; width:105px; height:55px; margin:0; padding:0; background:url('../images/header/menu.jpg'); background-position:-885px 0px; background-repeat:no-repeat;   }
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M1:hover{ background-position:0px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M2:hover{ background-position:-86px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M3:hover{ background-position:-165px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M4:hover{ background-position:-283px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M5:hover{ background-position:-391px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M6:hover{ background-position:-533px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M7:hover{ background-position:-707px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M8:hover{ background-position:-805px -55px;}
div.CONTAINER div.MAIN_index div.HEADER ul.MENU li a.M9:hover{ background-position:-885px -55px;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR1{ display:block; width:auto; height:184px; margin:0; padding:0;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2{ display:block; width:auto; height:289px; margin:0; padding:0;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.LL{ float:left; display:block; width:455px; height:139px; margin:0; padding:45px 0 0 25px;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.RR{ position:relative; display:block; width:auto; height:184px; margin:0 0 0 500px;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.LL{ float:left; display:block; width:297px; height:239px; margin:0px; padding:50px 15px 0 25px;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.MM{ float:left; display:block; width:296px; height:239px; margin:0px; padding:50px 15px 0 15px;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.RR{ display:block; width:auto; height:239px; margin:0 0 0 663px; padding:50px 25px 0 15px;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.LL p{ line-height:21px;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.LL a{ line-height:21px; text-decoration:none; color:#666;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.LL a:hover{ color:#C99;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.LL a.MORE{ display:block; width:77px; height:21px; margin:0 0 0 383px; padding:0; background:url('../images/index/btn1.jpg'); background-position:left top;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.LL a.MORE:hover{background-position:left -21px;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.RR p.TEL{ position:absolute; left:85px; top:70px;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.RR p.FAX{ position:absolute; left:311px; top:70px;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR1 div.RR p.ADDRESS{ position:absolute; left:85px; top:120px; line-height:21px;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.LL p{ line-height:21px; text-align:justify;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.LL a.MORE{ display:block; width:77px; height:21px; margin:0 0 0 220px; padding:0; background:url('../images/index/btn2.jpg'); background-position:left top;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.LL a.MORE:hover{background-position:left -21px;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.MM p{ line-height:21px; text-align:justify;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.MM a.MORE{ display:block; width:77px; height:21px; margin:0 0 0 220px; padding:0; background:url('../images/index/btn2.jpg'); background-position:left top;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.MM a.MORE:hover{background-position:left -21px;}

div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.RR p{ line-height:21px; text-align:justify;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.RR a.MORE{ display:block; width:auto; height:21px; margin:0 0 0 220px; padding:0; background:url('../images/index/btn2.jpg'); background-position:left top;}
div.CONTAINER div.MAIN_index div.CONTENT div.TR2 div.RR a.MORE:hover{background-position:left -21px;}


div.CONTAINER div.MAIN_index div.FOOTER p.P1{ display:block; width:950px; height:auto; margin:0 auto; margin-top:22px; color:#999; line-height:21px; text-align:center;}
div.CONTAINER div.MAIN_index div.FOOTER p.P1 a{ text-decoration:none; color:#999;}
div.CONTAINER div.MAIN_index div.FOOTER p.P1 a:hover{ color:#F63;}

p.LINE_1{ display:block; width:auto; height:1px; font-size:1px; line-height:1px; margin:0; padding:0; background-color:#d9d9d9;}
p_LINE_2{ display:block; width:auto; height:1px; font-size:1px; line-height:1px; margin:0; padding:0; background-color:#ffffff;}

br.CLEAR{ clear:both; font-size:1px; height:1px; line-height:1px;}
/*----------消虛線---------*/
/* For IE, onFocus 的 F 要大寫*/
a{noFocusline:expression(this.onFocus=this.blur());}     
/* For Firefox */
a:focus{<br />	-moz-outline-style:none;}                



/*fu*/
.index-button{background:url(../images/button_01.jpg); background-repeat:repeat-x; width:100%; height:101px;}
.main-button{background:url(../images/mian-button_01.jpg); background-repeat:repeat-x; width:100%; margin-top:15px;}
.index-contwt{width:960px; height:228px; background:url(../images/index-com.png); background-repeat:no-repeat;}  
.index-about{ margin-left:5px; line-height:25px; font-size:12px; color:#bfb398; margin-right:10px;} 
.link{ height:2px; background:url(../images/link.jpg); background-repeat:repeat-x; width:720px;}
.contact-bar{
	border: 1px none #666; background-color:#436d93; width:500px;
}

