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

/*生命蛻變*/
#CHCont { margin:0 auto; width:1000px;}
#CHCont h1 { width:1000px; height:205px;}

#CHCont ul { width:1000px; height:520px; background:url(../images/03ch/list_bg.png);}
#CHCont ul li { float:left; margin-left:25px; height:260px;}
#CHCont ul li a img { width:170px; height:110px;}
#CHCont ul li a h1 { width:170px; height:45px; margin-top:15px;}
#CHCont ul li a h1 img { width:170px; height:45px;}

#CHCont ul li a span { width:170px; height:90px; line-height:15px; display:block;}
#CHCont ul li a { color:#7b7b7b; text-decoration:none;}
#CHCont ul li a:hover { color:#df552a;}
#CHCont ul li a:hover img { opacity: 0.6;}
#CHCont ul li a:hover h1 img { opacity: 1;}

#CHCont ul li a h2 { display:none; position:absolute; width:170px; height:110px; z-index:200;}
#CHCont ul li a:hover h2 { display:block; position:absolute; width:170px; height:110px; opacity: 1;}
#CHCont ul li a:hover h2 img { opacity: 0.7;}

#CHCont h2 { width:780px; height:55px; float:left;}
#CHCont h3 { width:220px; height:55px; float:right;}
#CHCont h3 a { display:block; width:220px; height:55px; text-indent:-9999px;
background:url(../images/03ch/ch_btn.png) top;}
#CHCont h3 a:hover { background:url(../images/03ch/ch_btn.png) bottom;}

/*生命花園*/
#LifeCont { width:1000px; height:780px; margin:0 auto; background:#FFF;}
#LifeCont h1 { width:1000px; height:95px;}
#LifeCont #AllIMG { width:1000px; height:620px; margin-bottom:20px; position:relative;}

#LifeCont #AllIMG h1 { display:block; width:230px; height:140px; text-indent:-9999px;
background:url(../images/04life/img_title_01.png); margin-left:25px; position:absolute;}
#LifeCont #AllIMG h2 { display:block; width:230px; height:150px; text-indent:-9999px; position:absolute;
background:url(../images/04life/img_title_02.png); margin-left:505px; margin-top:470px;}
#LifeCont #AllIMG h3 { display:block; width:230px; height:150px; text-indent:-9999px; position:absolute;
background:url(../images/04life/img_title_03.png); margin-left:745px; margin-top:150px;}
/*圖片列表*/
#LifeCont #AllIMG a:hover img { opacity: 0.5}
#LifeCont #AllIMG #ListImg01 { display:block; position:absolute; width:110px; height:150px;
margin-left:25px; margin-top:150px;}
#LifeCont #AllIMG #ListImg02 { display:block; position:absolute; width:110px; height:70px;
margin-left:145px; margin-top:150px;}
#LifeCont #AllIMG #ListImg03 { display:block; position:absolute; width:110px; height:70px;
margin-left:145px; margin-top:230px;}
#LifeCont #AllIMG #ListImg04 { display:block; position:absolute; width:230px; height:150px;
margin-left:25px; margin-top:310px;}
#LifeCont #AllIMG #ListImg05 { display:block; position:absolute; width:110px; height:70px;
margin-left:25px; margin-top:470px;}
#LifeCont #AllIMG #ListImg06 { display:block; position:absolute; width:110px; height:70px;
margin-left:25px; margin-top:550px;}
#LifeCont #AllIMG #ListImg07 { display:block; position:absolute; width:110px; height:150px;
margin-left:145px; margin-top:470px;}
#LifeCont #AllIMG #ListImg08 { display:block; position:absolute; width:230px; height:140px;
margin-left:265px; margin-top:0px;}

#LifeCont #AllIMG #ListImg09 { display:block; position:absolute; width:350px; height:310px;
margin-left:265px; margin-top:150px;}
#LifeCont #AllIMG #ListImg10 { display:block; position:absolute; width:230px; height:150px;
margin-left:265px; margin-top:470px;}
#LifeCont #AllIMG #ListImg11 { display:block; position:absolute; width:110px; height:140px;
margin-left:505px; margin-top:0px;}
#LifeCont #AllIMG #ListImg12 { display:block; position:absolute; width:110px; height:65px;
margin-left:625px; margin-top:0px;}
#LifeCont #AllIMG #ListImg13 { display:block; position:absolute; width:110px; height:65px;
margin-left:625px; margin-top:75px;}
#LifeCont #AllIMG #ListImg14 { display:block; position:absolute; width:110px; height:150px;
margin-left:625px; margin-top:150px;}
#LifeCont #AllIMG #ListImg15 { display:block; position:absolute; width:110px; height:70px;
margin-left:625px; margin-top:310px;}
#LifeCont #AllIMG #ListImg16 { display:block; position:absolute; width:110px; height:70px;
margin-left:625px; margin-top:390px;}
#LifeCont #AllIMG #ListImg17 { display:block; position:absolute; width:110px; height:70px;
margin-left:745px; margin-top:0px;}
#LifeCont #AllIMG #ListImg18 { display:block; position:absolute; width:110px; height:70px;
margin-left:745px; margin-top:75px;}
#LifeCont #AllIMG #ListImg19 { display:block; position:absolute; width:110px; height:140px;
margin-left:865px; margin-top:0px;}

#LifeCont #AllIMG #ListImg20 { display:block; position:absolute; width:110px; height:150px;
margin-left:745px; margin-top:310px;}
#LifeCont #AllIMG #ListImg21 { display:block; position:absolute; width:110px; height:70px;
margin-left:865px; margin-top:310px;}
#LifeCont #AllIMG #ListImg22 { display:block; position:absolute; width:110px; height:70px;
margin-left:865px; margin-top:390px;}
#LifeCont #AllIMG #ListImg23 { display:block; position:absolute; width:110px; height:70px;
margin-left:745px; margin-top:470px;}
#LifeCont #AllIMG #ListImg24 { display:block; position:absolute; width:110px; height:70px;
margin-left:745px; margin-top:550px;}
#LifeCont #AllIMG #ListImg25 { display:block; position:absolute; width:110px; height:150px;
margin-left:865px; margin-top:470px;}


#LifeCont h2 { width:780px; height:45px; float:left;}
#LifeCont h3 { width:220px; height:45px; float:right;}
#LifeCont h3 a { display:block; width:220px; height:45px; text-indent:-9999px;
background:url(../images/04life/life_btn.png) top;}
#LifeCont h3 a:hover { background:url(../images/04life/life_btn.png) bottom;}