﻿@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body { background:url(../images/all_bg.jpg) repeat-x top;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8f7b61;}

body a:focus { outline: none }

#Wrapper { background:url(../images/big_bg.jpg) no-repeat center top; margin:0 auto;}

/*Head共用選單*/
#Head { width:100%; height:110px; position:fixed; z-index:400; margin:0 auto;
background:url(../images/head/head_bg.png) repeat-x top;}
/*----IE6駭客-----*/
/*_position:absolute; *//* position fixed for IE6 */
/*_top:expression(documentElement.scrollTop+"px");*/
#Menu { width:1000px; height:100px; margin:0 auto; position:relative;}

/*Logo*/
#Menu h1 { width:320px; height:100px; position:absolute;}
#Menu h1 a { width:320px; height:100px; display:block; text-indent:-9999px;
background:url(../images/head/logo.png);}
#Menu h1 a:hover {}

/*選單*/
#Menu ul { width:595px; height:30px; position:absolute; margin-left:405px; margin-top:35px;}
#Menu ul li { float:left;}
#Menu ul li.Mu1 a { display:block; width:100px; height:30px; text-indent:-9999px;
background:url(../images/head/mu_01.png) top; margin-right:10px;}
#Menu ul li.Mu1 a:hover { background:url(../images/head/mu_01.png) bottom;}

#Menu ul li.Mu2 a { display:block; width:110px; height:30px; text-indent:-9999px;
background:url(../images/head/mu_02.png) top; margin-right:10px;}
#Menu ul li.Mu2 a:hover { background:url(../images/head/mu_02.png) bottom;}

#Menu ul li.Mu3 a { display:block; width:110px; height:30px; text-indent:-9999px;
background:url(../images/head/mu_03.png) top; margin-right:10px;}
#Menu ul li.Mu3 a:hover { background:url(../images/head/mu_03.png) bottom;}

#Menu ul li.Mu4 a { display:block; width:110px; height:30px; text-indent:-9999px;
background:url(../images/head/mu_04.png) top; margin-right:10px;}
#Menu ul li.Mu4 a:hover { background:url(../images/head/mu_04.png) bottom;}

#Menu ul li.Mu5 a { display:block; width:125px; height:30px; text-indent:-9999px;
background:url(../images/head/mu_05.png) top; margin-right:0px;}#Menu ul li.Mu5 a:hover { background:url(../images/head/mu_05.png) bottom;}

/*Index首頁*/
#IndexCont { width:1000px; height:605px; padding-top:100px; margin:0 auto; position:relative;}
#IndexCont h1 { width:1000px; margin:0 auto; position:absolute;}

#IndexCont h2 { width:445px; height:260px; position:absolute; margin-top:300px;}
#IndexCont h2 a { display:block; width:445px; height:260px; text-indent:-9999px;
background:url(../images/index/movie_btn.jpg) top no-repeat;}
#IndexCont h2 a:hover { background:url(../images/index/movie_btn.jpg) bottom;}
#IndexCont h3 { width:555px; height:260px; position:absolute; margin-top:300px; margin-left:445px;}
#IndexCont h4 { width:780px; height:45px; position:absolute; margin-top:560px;}
#IndexCont h5 { width:220px; height:45px; position:absolute; margin-top:560px; margin-left:780px;}
#IndexCont h5 a { display:block; width:220px; height:45px; text-indent:-9999px;
background:url(../images/index/ind_morebtn.png) top no-repeat;}
#IndexCont h5 a:hover {background:url(../images/index/ind_morebtn.png) bottom;}

/*加入聖心大家庭*/
#InShhs { width:1000px; height:570px; margin:0 auto;}
#InShhs h1 { width:1000px; height:75px;}
#InShhs #ShhsCont { width:500px; height:450px; float:left; background:url(../images/05in/in_cont.jpg); position:relative;}
#InShhs #ShhsCont #DownloadBtn { width:150px; height:40px; margin-top:350px; margin-left:40px; position:absolute;}
#InShhs #ShhsCont #DownloadBtn a { display:none; width:150px; height:40px; text-indent:-9999px;
background:url(../images/05in/download_btn.png) top;}
#InShhs #ShhsCont #DownloadBtn a:hover { background:url(../images/05in/download_btn.png) bottom;}

#InShhs #ShhsCont #BackHomeBtn { width:113px; height:30px; margin-top:430px; margin-left:40px; position:absolute;}
#InShhs #ShhsCont #BackHomeBtn a { display:block; width:113px; height:30px; text-indent:-9999px;
background:url(../images/05in/back_btns.png) top;}
#InShhs #ShhsCont #BackHomeBtn a:hover { background:url(../images/05in/back_btns.png) bottom;}

#InShhs h2 { width:500px; height:450px; float:right;}
#InShhs h3 { width:780px; height:45px; float:left;}
#InShhs h4 { width:220px; height:45px; float:right;}
#InShhs h4 a { display:block; width:220px; height:45px; text-indent:-9999px;
background:url(../images/05in/in_btn.png) top no-repeat;}
#InShhs h4 a:hover { background:url(../images/05in/in_btn.png) bottom;}



/*Hall生命的殿堂*/
#HallCont { width:1000px; height:955px; margin:0 auto; padding-top:100px;}
#HallCont h1 { width:1000px; margin:0 auto;}
#HallCont h2 { width:780px; height:45px; float:left;}
#HallCont h3 { width:220px; height:45px; float:right;}
#HallCont h3 a { display:block; width:220px; height:45px; text-indent:-9999px;
background:url(../images/02hall/hall_btn.png) top no-repeat;}
#HallCont h3 a:hover { background:url(../images/02hall/hall_btn.png) bottom;}

/*Footer結尾*/
#Footer { width:1000px; height:50px; display:block;
line-height:50px; text-align:center; margin:0 auto; padding-bottom:20px;}

.ClearDiv { clear:both;}
