@charset "utf-8";
/* CSS Document */

@import url("reset.css");

/* -------------------------------------------------- */

html{ margin:0px; padding:0px; background-image:url(../images/img01.jpg); background-repeat:no-repeat; background-position:center top;}
body{ margin:0px; padding:0px; background-image:url(../images/img02.jpg); background-repeat:repeat-x; background-position:bottom; font-family:"新細明體", Arial;}
h3{ display:none;}
div.MAIN01{ display:block; width:1000px; height:auto; margin:0 auto; padding:0;}
div.MAIN01 div.HEADHEAD{ position:relative; display:block; width:1000px; height:610px;; margin:0 auto; padding:0; background-image:url(../images/base/_base_02.jpg); background-repeat:no-repeat; background-position:center top;}
div.MAIN01 div.BODYBODY{ display:block; width:1000px; height:auto; margin:0 auto; padding:0;}
div.MAIN01 div.FOOTERFOOTER{ display:block; width:1000px; height:80px; *height:82px; _height:80px; margin:0 auto; padding:0; text-align:center; padding-top:10px; *padding-top:8px; _padding-top:10px;}

/* -------------------------------------------------- */
div.MAIN01 div.HEADHEAD h1.LOGO{ position:absolute; display:block;left:0; top:0;}
div.MAIN01 div.HEADHEAD h2.NAV_MENU{ position:absolute; display:block; width:130px; height:490px; left:0; top:120px;}
div.MAIN01 div.HEADHEAD h2.CONTACT_INFO{ position:absolute; display:block; width:304px; height:185px; left:200px; top:425px; background-image:url(../images/img03.jpg); background-repeat:no-repeat; padding:90px 0 0 10px;}
div.MAIN01 div.HEADHEAD h2.SUB_MENU{ position:absolute; display:block; width:150px; height:21px; left:850px; top:10px; font-size:12px; color:#999999; font-weight:normal; text-align:right;}
div.MAIN01 div.HEADHEAD h2.SUB_MENU a{ margin:0 2px 0 2px; font-size:12px; color:#999999; font-weight:normal; text-decoration:none;}
div.MAIN01 div.HEADHEAD h2.SUB_MENU a:hover{color:#f00;}

div.MAIN01 div.HEADHEAD h2.CONTACT_INFO ul{}
div.MAIN01 div.HEADHEAD h2.CONTACT_INFO ul li{ font-size:12px; color:#999; line-height:18px; font-weight:normal;}
div.MAIN01 div.HEADHEAD h2.CONTACT_INFO ul li a{ color:#999999; text-decoration:none;}
div.MAIN01 div.HEADHEAD h2.CONTACT_INFO ul li a:hover{color:#FF9933;}
/* -------------------------------------------------- */
div.MAIN01 div.BODYBODY div.BODYBODY01{ float:left; display:block; width:640px; height:175px; margin:0; padding:0; background-image:url(../images/body01.jpg); background-repeat:no-repeat;}
div.MAIN01 div.BODYBODY div.BODYBODY02{ float:right; display:block; width:360px; height:122px;margin:0; padding:53px 0 0 0; background-image:url(../images/body02.jpg); background-repeat:no-repeat;}
div.MAIN01 div.BODYBODY div.BODYBODY03{ clear:both; display:block; width:1000px; height:185px; margin:0; padding:0; background-image:url(../images/body03.jpg); background-repeat:no-repeat;}


div.MAIN01 div.BODYBODY div.BODYBODY03 h2{ font-size:12px; font-weight:normal; color:#777777;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.NEWS{ float:left; display:block; width:270px; height:185px;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.SERVICES{ float:left; display:block; width:370px; height:185px;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.INFO{ float:left; display:block; width:360px; height:185px;}

div.MAIN01 div.BODYBODY div.BODYBODY03 h2.NEWS ul{ margin:45px 20px 20px 10px;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.NEWS li{}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.NEWS ul li a{ line-height:18px;font-size:12px; font-weight:normal; color:#777777; text-decoration:none;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.NEWS ul li a:hover{ color:#FF9933;}

div.MAIN01 div.BODYBODY div.BODYBODY03 h2.SERVICES ul{ margin:45px 20px 20px 58px;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.SERVICES li{}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.SERVICES ul li a{ line-height:18px; font-size:12px; font-weight:normal; color:#777777; text-decoration:none;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.SERVICES ul li a:hover{ color:#FF9933;}

div.MAIN01 div.BODYBODY div.BODYBODY03 h2.INFO ul{ margin:45px 20px 20px 58px;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.INFO li{}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.INFO ul li a{ display:block; height:17px; margin:7px 0 7px 0; padding:0 0 0 10px; background-image:url(../images/icon01.jpg); background-position:left; background-repeat:no-repeat; line-height:17px; font-size:13px; font-weight:normal; color:#019cb2; text-decoration:none; letter-spacing:1px;}
div.MAIN01 div.BODYBODY div.BODYBODY03 h2.INFO ul li a:hover{ color:#FF9933;}
/* -------------------------------------------------- */


/* -------------------------------------------------- */
div.MAIN01 div.FOOTERFOOTER p.FOOTER01{ display:block; width:auto; height:23px; line-height:23px; font-size:12px; letter-spacing:1px; color:#777777;}
div.MAIN01 div.FOOTERFOOTER p.FOOTER02{ display:block; width:auto; height:24px; line-height:24px; font-size:12px; letter-spacing:0px; color:#FFFFFF;}
div.MAIN01 div.FOOTERFOOTER p.FOOTER03{ display:block; width:auto; height:24px; line-height:24px; font-size:12px; letter-spacing:1px; color:#777777;}

div.MAIN01 div.FOOTERFOOTER p.FOOTER01 a{margin:0 2px 0 2px; padding:0px; color:#777777; text-decoration:none;}
div.MAIN01 div.FOOTERFOOTER p.FOOTER01 a:hover{ color:#FF9933;}

div.MAIN01 div.FOOTERFOOTER p.FOOTER03 a{margin:0 2px 0 2px; padding:0px; color:#777777; text-decoration:none;}
div.MAIN01 div.FOOTERFOOTER p.FOOTER03 a:hover{ color:#FF9933;}

/* -------------------------------------------------- */
br.CLEAR{ clear:both; height:1px; font-size:1px; line-height:1px;}
/* For IE, onFocus 的 F 要大寫*/
a{
	noFocusline:expression(this.onFocus=this.blur());
}     

/* For Firefox */
a:focus{
	-moz-outline-style:none;
}   
