
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:680px;//721px;
}

ul#navigation li {
    width: 102px;
    display:inline;
    float:left;    
}

ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:60% 10px;
    border:1px solid #BDDCEF;
//    text-decoration:none;
    text-align:center;
    padding-top:80px;
//    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}

ul#navigation li a:hover{
     background-color:#CAE3F2;
}

ul#navigation .home    a{background-image: url(/images/home.png);}
ul#navigation .about   a{background-image: url(/images/id_card.png);}
ul#navigation .search  a{background-image: url(/images/search.png);}
ul#navigation .photos  a{background-image: url(/images/camera.png);}
ul#navigation .contact a{background-image: url(/images/mail.png);}

#content span.background {
	background: url(/images/index-mao.jpg) no-repeat top center;
	display: block;
	height: 524px;
}


#footer {
  background: #f2e1e9;
  height: auto;
  width: 100%;
}

#footer div {
  background: url(/images/bg-footer.jpg) no-repeat top center;
  font-family: DFKai-sb;
  font-size: 13px;
  color: #a0496c;
}

#footer div div {
background: none;
overflow: hidden;
padding-top: 60px;
margin-left: 250px;
width: 780;
}

#footer div div div {
float: left;
height: auto;
margin-left: 10px;
width: 250px;
}

#footer div div div span {
background: url(/images/sprites-icons.gif) no-repeat 0 -1114px;
display: block;
color: #584549;
font-family: Georgia;
font-size: 24px;
height: 40px;
line-height: 40px;
margin-top: 40px;
text-indent: 60px;
}

#footer div div div p {
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
}

#footer div p.footnote {
background: url(/images/bg-copyright.gif) no-repeat top center;
color: #c48aa0;
display: block;
height: 60px;
line-height: 60px;
margin: 0;
text-align: center;
}

h3 {
  display: block;
  font-size: 24px;
  font-weight: bold;
}

h4{
color: #F63C85;
font-size: 18px;
font-style: italic;
margin: 0;
}

.txt1{    
    font-family: arial,sans-serif,DFKai-sb,新細明體;
    font-size: 20px;
    font-weight: normal;
    text-align:left;
    color: #000000;
    line-height: 32px;
    padding-top: 20px;
    padding-bottom:20;
}

.txt2{    
    font-family: arial,sans-serif,DFKai-sb,新細明體;
    font-size: 18px;
    font-weight: normal;
    text-align:left;
    color: #000000;
    line-height: 28px;
    padding-top: 20px;
}

.txt3{    
    font-family: arial,sans-serif,DFKai-sb,新細明體;
    font-size: 18px;
    font-weight: normal;
    text-align:left;
    color: #000000;
    line-height: 26px;
    padding-top: 20px;
}

td.menu {
  height:40px;
  font-family: arial,sans-serif,新細明體;
  font-size: 18px;
  font-weight: normal;
  text-align:center;
  color: #000000;
}

td.mc {
  height:60px;
  text-align:left;
  color: #000000;
  padding-left:0px;
  font-size:24px;
  letter-spacing:0px;
  white-space:nowrap;
  word-break:keep-all;
}

td.lst {
  height:60px;
  text-align:left;
  padding-left:0px;
  font-family: arial,sans-serif,新細明體;
  font-size:28px;
  color:#000000;
  letter-spacing:0px;
  white-space:nowrap;
  word-break:keep-all;
}

#dropdown{
  background-color:#c6dbfc;
  color: #000000;
  text-align:center;
  padding-left:0px;
  font-size:25px;
  position:absolute;
  letter-spacing:8px;
  white-space:nowrap;
  display:none;
}

button {
    font-family: arial,sans-serif,標楷體;
    font-size: 36px;
    font-weight: bold;
    text-decoration:none;
    border-radius: 15px;
    color: #000000;
    line-height: 36px;
    padding-top: 5px;
    padding-bottom:5px;
}

.top1 {    
    font-family: arial,sans-serif,標楷體;
    font-size: 42px;
    font-weight: bold;
    text-decoration:none;
    color: #000000;
    line-height: 42px;
    padding-top: 20px;
    padding-bottom:5px;
}

.top2 {    
    font-family: arial,sans-serif,標楷體;
    font-size: 42px;
    font-weight: bold;
    text-decoration:none;
    color: #000000;
    line-height: 36px;
    padding-top: 10px;
    padding-bottom:5px;
}

.top3 {    
    font-family: arial,sans-serif,標楷體;
    font-size: 42px;
    font-weight: normal;
    text-decoration:none;
    color: #000000;
    line-height: 48px;
    padding-bottom:10px;
}
