@import url("reset.css");

/*=========================================整體設定==========================================================*/
#ALL{ width:1000px; margin:0 auto; }
body{background-image:url(images/indexbg.gif); background-repeat:repeat-x;
}




/*=========================================LOGO+主選單==========================================================*/

#HEADER{ width:1000px; height:74px;}
#HEADER h1{ float:left; display:block; width:582px; height:74px; background-image:url(images/index_logo.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

#MENU{ float:right; width:418px; height:74px; position: relative;}

#MENU a.M01{ display:block; width:83px; height:74px;}
#MENU a.M02{ display:block; width:77px; height:74px; position: absolute; left:83px; top:0;}
#MENU a.M03{ display:block; width:76px; height:74px; position: absolute; left:160px; top:0;}
#MENU a.M04{ display:block; width:182px; height:74px; position: absolute; left:236px; top:0;}

/*=========================================形象區==========================================================*/



#WEBIMAGE{ width:1000px; height:181px;}
#WEBIMAGE h2{ display:block; width:1000px; height:181px; background-image:url(images/index_06.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}


/*=========================================最新消息==========================================================*/

#NEWS{ width:1000px; height:192px;}
#NEWS h2{ width:582px; height:192px; background-image:url(images/index_07.gif); text-indent:-9999px; float:left;}
#NEWS ul{ width:283px; height:154px; background-image:url(images/index_08.gif); float:right; padding-left:135px; padding-top:38px;}
#NEWS li{ width:250px; height:30px; margin-bottom:11px;}
#NEWS li a{ font-size:12px; color:#1f5708; text-decoration:none;}
#NEWS li a:hover{ color: #FF6600; text-decoration:underline;}
#NEWS li p{font-size:12px; color:#FFFFFF;}
#NEWS li span{font-size:12px; color:#1f5708;}



/*=========================================熱門產品==========================================================*/

#PRODUCT{ width:1000px; height:130px; background-image:url(images/index_dotbg.gif); background-repeat:repeat-y;}
#PRODUCT h3{ width:1000px; height:25px; background-image:url(images/index_09.gif); background-repeat:no-repeat; text-indent:-9999px;}
#PRODUCT ul{ width:695px; height:91px; margin-left:155px;}
#PRODUCT li{ float:left;}
#PRODUCT li a.P01{ display:block; width:117px; height:91px; background-image:url(images/index_product01.gif); text-indent:-9999px;}
#PRODUCT li a.P02{ display:block; width:114px; height:91px; background-image:url(images/index_product02.gif); text-indent:-9999px;}
#PRODUCT li a.P03{ display:block; width:117px; height:91px; background-image:url(images/index_product03.gif); text-indent:-9999px;}
#PRODUCT li a.P04{ display:block; width:116px; height:91px; background-image:url(images/index_product04.gif); text-indent:-9999px;}
#PRODUCT li a.P05{ display:block; width:115px; height:91px; background-image:url(images/index_product05.gif); text-indent:-9999px;}
#PRODUCT li a.P06{ display:block; width:116px; height:91px; background-image:url(images/index_product06.gif); text-indent:-9999px;}





/*=========================================版權區塊==========================================================*/



#FOOTER{ width:1000px; height:55px;background-image:url(images/index_dotbg.gif); background-repeat:repeat-y; font-size:11px; color:#919090; text-align:center;}
#FOOTER a{ color:#93c03c; text-decoration:none;}
#FOOTER a:hover{ text-decoration:underline; color:#FF6600;}