/* CSS Document */
/*=================================================主=======================*/
body{ background-color:#000000;}


/*=================================================選單=======================*/
#MainBtn{}
#MainBtn li{ float:left; display:block; height:72px;}
#MainBtn li a{ display:block; background-repeat:no-repeat; text-indent:-9999px; height:72px;}
#MainBtn li a:hover{ display:block;}
li.chose1 { background-image:url(../images/Mainbtn1a.gif); width:122px;}
li.chose2 { background-image:url(../images/Mainbtn2a.gif); width:95px;}
li.chose3 { background-image:url(../images/Mainbtn3a.gif); width:95px;}
li.chose4 { background-image:url(../images/Mainbtn4a.gif); width:96px;}
li.chose5 { background-image:url(../images/Mainbtn5a.gif); width:95px;}
li.chose6 { background-image:url(../images/Mainbtn6a.gif); width:109px;}
li.chose1 a{ background-image:url(../images/Mainbtn1.gif); width:122px;}
li.chose2 a{ background-image:url(../images/Mainbtn2.gif); width:95px;}
li.chose3 a{ background-image:url(../images/Mainbtn3.gif); width:95px;}
li.chose4 a{ background-image:url(../images/Mainbtn4.gif); width:96px;}
li.chose5 a{ background-image:url(../images/Mainbtn5.gif); width:95px;}
li.chose6 a{ background-image:url(../images/Mainbtn6.gif); width:109px;}
li.chose1 a:hover{ background-image:url(../images/Mainbtn1a.gif);}
li.chose2 a:hover{ background-image:url(../images/Mainbtn2a.gif);}
li.chose3 a:hover{ background-image:url(../images/Mainbtn3a.gif);}
li.chose4 a:hover{ background-image:url(../images/Mainbtn4a.gif);}
li.chose5 a:hover{ background-image:url(../images/Mainbtn5a.gif);}
li.chose6 a:hover{ background-image:url(../images/Mainbtn6a.gif);}



/*=================================================內容=======================*/
#content{ width:800px; margin:0 auto; background-image:url(../images/Gallerywork_bg.jpg); background-repeat:no-repeat; height:454px;
          position:relative;}
#content1{ width:800px; margin:0 auto; background-image:url(../images/Gallerywork1_bg.jpg); background-repeat:no-repeat; height:454px;
          position:relative;}
		  
#tell{ font-size:13px; color:#FFFFFF; padding:40px 110px; text-align:left; line-height:23px;}

#Uptop{ width:50px; height:16px; line-height:16px; position:absolute; top:55px; left:16px; }
#Uptop a{font-size:12px; text-align:center; display:block; color:#FFFFFF; background-color:#634D3B;}
#Uptop a:hover{ background-color:#695766;}

#Downbottom{width:50px; height:16px; line-height:16px; position:absolute; top:55px; right:18px;}
#Downbottom a{font-size:12px; text-align:center; display:block; color:#FFFFFF; background-color:#634D3B;}
#Downbottom a:hover{background-color:#695766;}

.photoIN{ margin-left:105px; padding-top:35px;}
.photoIN ul{ clear:both;}
.photoIN li{ float:left; /*background-image:url(../images/album_bg.gif);*/ background-repeat:no-repeat;
             width:110px; height:110px; text-align:center; margin-left:5px; list-style-type:none;  position:relative;
			/* padding-left:3px; *padding-left:0px!important;*padding-left:0px;*/}
li.subject1 { margin-top:2px;}
li.subject2 { margin-top:120px;}
li.subject3 { margin-top:42px;}
li.subject4 { margin-top:140px;}
li.subject5 { margin-top:11px;}
.photoIN p{font-size:12px; color:#FFFFFF; position:absolute; top:115px; left:0px; width:108px; text-align:center;}	
.photoIN p a{color:#FFFFFF;text-decoration:none;}	
.photoIN p a:hover{ text-decoration:underline;}
.photoIN li div{width:110px;height:110px;display:table-cell;text-align:center;vertical-align:middle;}
.photoIN li div * {vertical-align:middle;}
*html .photoIN li div span{height:100%;display:inline-block;}

.footer{ color:#FFFFFF; font-size:12px; width:800px; margin:0 auto; text-align:center;}