@import url("reset.css");

body{ background: url(../Img/index_bg.jpg) no-repeat #FFF top;}

#WRPAAER{width:1000px;	margin:0 auto;	position:relative;}
#WRPAAER #TOP{	position: absolute;	right:0; bottom:100px;	width:73px;	height:87px;/*cursor:pointer;*/}

#MAIN{ width:1000px; height:560px; margin:0 auto; position:relative; /* border:1px #FF0000 solid;*/}
#MAIN h1 a{ width:250px; height:160px; display:block; position:absolute; top:10px; left:-50px; /* border:1px #FF0000 solid;*/ text-indent:-9999px; }
#MAIN ul{ width:288px; height:65px;position:absolute; top:0px; right:-8px; /* border:1px #FF0000 solid;*/}
#MAIN li{ float:left;  width:65px; height:65px; margin-right:5px; /*border:1px #FF0000 solid; */}
#MAIN li a{ display:block; width:65px; height:65px;}
 
#CONTENT{ width:792px; overflow:auto; margin:0 auto; /* border:1px #FF0000 solid;*/}
#CONTENT h2{ width:580px; height:50px; margin:0 auto; background-image: url(../Img/title.png); text-indent:-9999px; margin-bottom:24px;}
#CONTENT ul{  width:790px; height:186px; margin-bottom:10px;}
#CONTENT li{ float:left;}
#CONTENT li a{ display:block; background-image:url(../Img/BTN.png); text-indent:-9999px;}
#CONTENT li.BTN01 a{ width:187px; height:182px; background-position:0px 0px; margin-right:14px;}
#CONTENT li.BTN02 a{ width:187px; height:182px; background-position:-187px 0px; margin-right:14px;}
#CONTENT li.BTN03 a{ width:187px; height:182px; background-position:-374px 0px; margin-right:14px;}
#CONTENT li.BTN04 { width:187px; height:182px;}
#CONTENT li.BTN04 a.BTN04_1{ width:187px; height:90px; background-position:-562px 0px; margin-bottom:3px;}
#CONTENT li.BTN04 a.BTN04_2{ width:187px; height:90px; background-position:-750px 0px;}
#CONTENT li.BTN01 a:hover{ background-position:0px -182px; }
#CONTENT li.BTN02 a:hover{ background-position:-187px -182px; }
#CONTENT li.BTN03 a:hover{ background-position:-374px -182px; }
#CONTENT li.BTN04 a:hover.BTN04_1{ background-position:-562px -91px;}
#CONTENT li.BTN04 a:hover.BTN04_2{ background-position:-750px -91px;}
#CONTENT p { display:block; width:792px; height:243px; background-image:url(../Img/content.jpg); margin-bottom:12px; border-radius:24px ; font-size:0px; text-indent:-9999px; }
#CONTENT p.TEXT01 { background-position:0px 0px;  }
#CONTENT p.TEXT02 { background-position:0px -244px;}
#CONTENT p.TEXT03 { background-position: 0px -488px;}
#CONTENT p.TEXT04 {  width:395px; height:285px; background-position: 0px -733px; float:left;}
#CONTENT p.TEXT04 a{  display:block; width:252px; height:48px; margin:221px 0 0 63px;/* border:1px #FF0000 solid;*/}
#CONTENT p.TEXT04 a:hover{ background-image:url(../Img/index_btn.jpg);}
#CONTENT p.TEXT05 {  width:395px; height:285px; background-position: -398px -733px; float:right; }
#CONTENT p.TEXT06{ clear:both; height:165px; background-position: 0px -1032px;}


/*--------------------------*/
#BOX{ width:641px; overflow:auto; /*height:507px;*/	 background-image:url(../Img/BOX.png); background-repeat:no-repeat;	/*cursor:pointer;*/}
#BOX h3{ width:333px; height:84px; margin:0 auto; margin-top:50px; background-image:url(../Img/BOX_title.gif); text-indent:-9999px;}
#BOX h5{ width:641px; height:105px; margin:0 auto;  background-image:url(../Img/BOX.png); background-position:bottom; text-indent:-9999px;}
#BOX ul{ width:360px;  height:50px; margin:0 auto; margin-top:10px;}
#BOX li{ float:left;}
#BOX li a{ display:block; width:157px ; height:44px; background-image:url(../Img/BOX_btn.gif); margin-right:10px; text-indent:-9999px;}
#BOX li.BOX_BTN01 a{ background-position:0 0;}
#BOX li.BOX_BTN02 a{ background-position:-158px 0;}
#BOX li.BOX_BTN03 a{ background-position:-316px 0;}
#BOX li.BOX_BTN04 a{ background-image:none; width:100px ;}
#BOX p{ width:333px; margin:0 auto; font:14px/32px Arial, Helvetica, sans-serif ; color:#814d0f; margin-top:11px; font-weight:bold;}

#BOX_IN{ width:461px; height:201px;  margin:0 auto; background-image:url(../Img/BOX_content.gif); }
#BOX_IN ul{ width:360px; height:190px; margin:0px 0 0 100px;/* border:1px #FF0000 solid; */ }
#BOX_IN li{ float:left; font:14px/32px Arial, Helvetica, sans-serif ; color:#814d0f; margin-top:11px; font-weight:bold;/* border:1px #FF0000 solid;*/}
#BOX_IN li.BOX_TEXT01{ width:240px; text-align:center;}
#BOX_IN li.BOX_TEXT02{ width:138px; text-align:center; margin-right:60px;}
#BOX_IN li.BOX_TEXT03 a{ display:block; width:80px; height:30px; margin-right:60px; background-image:none; background-color:#0066CC; border-radius:4px; text-indent:8px; color:#FFFFFF; text-decoration:none;  }
#BOX_IN li.BOX_TEXT03 a:hover{ background-color:#F30;}
#BOX_IN li.BOX_TEXT04{ width:240px; text-align:center; color:#FF3300; }
#BOX_IN li.BOX_TEXT05{ width:200px; margin-left:65px;  }



/*--copyright----------------------------------------*/
#FOOTER{ width:100%; height:80px; margin:0 auto; text-align:center; margin-bottom:15px; background-color:#e7716c;   }





