@import url("reset.css");


body{ background-color:#000;}

#WRAPPER01{ width:100%; height:797px; background:url(../Img/index_bg.jpg) top no-repeat;}
#TOP_MENU{ width:475px; height:43px; background-image:url(../Img/index_top_menu.gif); border-radius:0 0 6px 6px;  position: absolute; top:0; right:100px; z-index:10;}
#TOP_MENU ul{ width:440px; height:40px; margin-left:35px; margin-top:5px;}
#TOP_MENU li { float:left; margin:2px 30px;}
#TOP_MENU li a{ display:block; background-color:#053a99; font:15px/25px Arial, Helvetica, sans-serif,Microsoft JhengHei ; color:#FFF; text-decoration:none; padding:2px 10px; border-radius:3px;}
#TOP_MENU li a:hover{  background-color:#03C; color:#FF0;}
#BOX{ width:1200px; height:797px; margin:0 auto; position:relative;}
#BOX h1 a{ width:300px; height:125px; /*border:1px solid #FF0;*/ position:absolute; top:5px; left:50px; text-indent:-9999px; }
#BOX h2.BTN01 a{ width:250px; height:90px; /*border:1px solid #FF0;*/ position:absolute; top:680px; left:230px; text-indent:-9999px; }
#BOX h2.BTN02 a{ width:250px; height:90px;/* border:1px solid #FF0;*/ position:absolute; top:680px; right:230px; text-indent:-9999px; }
#BOX h2.BTN03 { display:none;  width:165px; height:35px; /*border:1px solid #FF0;*/ position:absolute; top:640px; right:290px; text-indent:-9999px; background-image:url(../Img/Dialog.png); }

#START { width:192px; height:192px; position:absolute; top:548px; left:500px; }
#START h3 a{ width:192px; height:192px; display:block; text-indent:-9999px; border-radius:200px;/*border:1px solid #FF0;*/ background-color:#FFF; filter:alpha(opacity=0); /*IE,透明度50%*/-moz-opacity:0; /*Firefox,透明度50%*/
opacity:0;/*其他浏览器,透明度50%*/ opacity:0; }


#TOP{	position: absolute;	right:200px; bottom:50px;	width:73px;	height:87px;/*cursor:pointer;*/}



#WRAPPER02{ width:100%; height:990px; background: url(../Img/index_bg_x01.jpg) repeat-x;}
#CONTENT01{ width:1000px; height:899px; margin:0 auto; background-image:url(../Img/content01.jpg); margin-bottom:15px; position:relative;}
#CONTENT01 h4 a{ width:135px; height:36px; position:absolute; top:410px; right:130px;/* border:1px solid #FF0;*/ text-indent:-9999px;}
#FOOTER{ width:618px; height:60px; margin:0 auto; background-image:url(../Img/footer.png);}


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

#WRAPPER1{ width:100%; height:810px; background:url(../Img/index01_bg.jpg) top no-repeat;}

#BOX01{ width:1200px; height:797px; margin:0 auto; position:relative;}
#BOX01 h1 a{ width:230px; height:125px; /*border:1px solid #FF0;*/ position:absolute; top:5px; left:-10px; text-indent:-9999px; }
#BOX01 h2.BTN1 a{ width:190px; height:70px;/* border:1px solid #FF0;*/ position:absolute; top:710px; left:100px; text-indent:-9999px; }
#BOX01 h2.BTN2 a{ width:190px; height:70px;/* border:1px solid #FF0;*/ position:absolute; top:710px; left:300px; text-indent:-9999px; }
#BOX01 h2.BTN3 a{ width:190px; height:70px;/* border:1px solid #FF0;*/ position:absolute; top:710px; right:305px; text-indent:-9999px; }
#BOX01 h2.BTN4 a{ width:190px; height:70px;/* border:1px solid #FF0;*/ position:absolute; top:710px; right:100px; text-indent:-9999px; }

#START1 { width:192px; height:192px; position:absolute; top:555px; left:500px;/* border:1px solid #FF0;*/ }
#START1 h3 a{ width:192px; height:192px; display:block; text-indent:-9999px; border-radius:200px; background-color:#FFF; filter:alpha(opacity=0); /*IE,透明度50%*/-moz-opacity:0; /*Firefox,透明度50%*/
opacity:0;/*其他浏览器,透明度50%*/ opacity:0; }

#WRAPPER2{ width:100%; height:633px; background: url(../Img/index01_bg01.jpg) repeat-x;}
#CONTENT1{ width:1000px; height:633px; margin:0 auto; background-image:url(../Img/content1_01.jpg); margin-bottom:15px; position:relative;}

#WRAPPER3{ width:100%; height:633px; background: url(../Img/index01_bg02.jpg) repeat-x;}
#CONTENT2{ width:1000px; height:633px; margin:0 auto; background-image:url(../Img/content1_02.png); margin-bottom:15px; position:relative;}

#WRAPPER4{ width:100%; height:633px; background: url(../Img/index01_bg03.jpg) repeat-x;}
#CONTENT3{ width:1000px; height:633px; margin:0 auto; background-image:url(../Img/content1_03.jpg); margin-bottom:15px; position:relative;}

#WRAPPER5{ width:100%; height:762px; background: url(../Img/index01_bg04.jpg) repeat-x;}
#CONTENT4{ width:1000px; height:682px; margin:0 auto; background-image:url(../Img/content1_04.jpg); margin-bottom:15px; position:relative;}