/* 整體結構
---------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,,pre,form,fieldset,p,blockquote,th,td {
        margin:0;
        padding:0;
}

h1{
  margin:0;
  padding:0;
  font-size: 14px; 
  font-family: "Verdana";
  color:#61513b;
}

h2,h3,h4,h5,h6{
  margin:0;
  padding:0;
  font-size: 12px; 
  font-family: "Verdana";
  color:#61513b;
}

img, div { behavior: url(iepngfix.htc) } 

body {
  margin: 0;
  text-align: center; 
  vertical-align: middle;
  background-image:url(../images/bg.jpg);
  background-repeat:repeat-x;
  font-size: 12px; 
  font-family: "Verdana";
  color: #696561;
  line-height: 21px; 
 }

img{
  border:none;
}

input,textarea {
    border: 1px solid #ede9e2;
	background-color: #ede9e2;
	font-size: 12px;
	color:#61513b;
}

select {
	background-color: #000033;
    border: 1px solid #003366;
	font-size: 10px;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.qa:link{color: #61513b;text-decoration: none; } /* 文字連結特效（連結） */
a.qa:hover{color: #f66c9a;text-decoration: none; } /* 文字連結特效（滑過） */
a.qa:visited{color: #666666;text-decoration: none; } /* 文字連結特效（之後）*/

a.back01:link{color: #009999;text-decoration: none;} /* 文字連結特效（連結） */
a.back01:hover{color: #99cc00;text-decoration: none;} /* 文字連結特效（滑過） */
a.back01:visited{color: #666666;text-decoration: none;} /* 文字連結特效（之後） */

.main-menu-bt a ,.main-content-left-item a{text-decoration: none; color: #61513b;}
.main-menu-bt a:hover ,.main-content-left-item a:hover{text-decoration: none; color: #993300;}

a.mail-tx:link{color: #7e7248;text-decoration: none;} /* 文字連結特效（連結） */
a.mail-tx:hover{color: #7e7248;text-decoration: none; } /* 文字連結特效（滑過） */
a.mail-tx:visited{color: #7e7248;text-decoration: none; } /* 文字連結特效（之後）*/

a.h1tx:link{color: #7e7248;text-decoration: none;} /* 文字連結特效（連結） */
a.h1tx:hover{color: #ff6600;text-decoration: none;} /* 文字連結特效（滑過） */
a.h1tx:visited{color: #666666;text-decoration: none;} /* 文字連結特效（之後） *//*


/* MAIN STRUCTURE ---------------------------------------------------- */

#main-top-bn{
  margin:0 auto;
  width: 958px;
  height: 254px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  _position:relative; 
  _top:4px; /*ie6*/
  }
  
#main-menu-td{
  margin:0 auto;
  width: 958px;
  height: 165px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }

#main-login{
  margin:0;
  float:left;
  width: 229px;
  height: 165px;
  text-align:left;
  background-image:url(../images/bg-login.png);
  background-repeat:no-repeat; 
  padding:0px 0px 0px 0px ;
  }
  
#main-login-td{
  margin:0;
  float:left;
  width: 140px;
  height: 21px;
  text-align:left;
  padding:63px 0px 0px 60px ;
  }
  
#main-login-td2{
  margin:0;
  float:left;
  width: 140px;
  height: 21px;
  text-align:left;
  padding:9px 0px 0px 60px ;
  }
  
#main-login-td3{
  margin:0;
  float:left;
  width: 185px;
  height: 35px;
  text-align:left;
  padding:10px 0px 0px 25px ;
  }

#main-menu{
  margin:0;
  float:left;
  width: 729px;
  height: 165px;
  text-align:left;
  background-image:url(../images/ind-menu.png);
  background-repeat:no-repeat; 
  padding:0px 0px 0px 0px ;
  }
  
#main-menu-top{
  margin:0;
  float:left;
  width: 729px;
  height: 110px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  position:relative;
  }

#main-menu-top a{
  float:left;
  width: 117px;
  height: 42px;
  text-align:center;
  font-size: 14px; 
  padding:68px 0px 0px 0px ;
  position:relative;
  text-decoration: none; 
  color: #61513b;
  }    
  
#main-menu-top a.about:hover {
  background: url(../images/bt-woo.png) no-repeat ;
  color: #993300;
  }
  
#main-menu-top a.service:hover {
  background: url(../images/bt-ann.png) no-repeat ;
  color: #993300;
  }
  
#main-menu-top a.works:hover {
  background: url(../images/bt-captain.png) no-repeat ;
  color: #993300;
  }
  
#main-menu-top a.news:hover {
  background: url(../images/bt-bow.png) no-repeat ;
  color: #993300;
  }
  
#main-menu-top a.qa:hover {
  background: url(../images/bt-zz.png) no-repeat ;
  color: #993300;
  }

#main-menu-top a.appointment:hover {
  background: url(../images/bt-bad.png) no-repeat ;
  color: #993300;
  }


#check-date{
  margin:0;
  float:left;
  width: 213px;
  height: 56px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
#main-content-td0{
	margin:0px auto;
	width: 958px;
	height: auto;
	text-align:left;
	vertical-align:top;
	padding:0px 0px 0px 0px;
  }
  
#main-content-td{
	margin:0px auto;
	float: left;
	width: 958px;
	height: auto;
	text-align:left;
	vertical-align:top;
	background-image:url(../images/bg-01.png);
	background-repeat:repeat-y;
	padding:0px 0px 0px 0px;
	clear:both;
  }

.main-content-left-td-name{
  margin:0 ;
  float:left;
  width: 229px;
  height: 49px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
#menu{
     float:left;
	 width:214px;
	 text-align: left;
	 vertical-align: top; 
} 

#menu01 a{
	 clear:both;
	 display:block;
	 width:199px;
	 height:31px;
	 font-size: 12px;
	 color:#666666;
	 text-align: left;
	 text-decoration: none;
	 background: url("../images/bt/bt-menu03.png") 0 0 no-repeat;
	 padding:9px 0px 0px 15px;  
} 

#menu a:hover {	
	background-position: -214px 0;
	text-align: right;
	color: #367bff;
	idth:199px;
	height:31px;
	padding:9px 15px 0px 0px;  
		}
  
#main-content-left-td{
  float:left;
  width:229px;
  text-align: center;
  vertical-align: top; 
  padding:0px 0px 0px 0px ;
  }
  
#main-content-left-td2{
     float:left;
	 width:175px;
	 text-align: left;
	 vertical-align: top; 
	 padding:0px 0px 0px 30px ;
     } 

#main-content-left-td2 .menu a{
	 clear:both;
	 display:block;
	 width:160px;
	 height:28px;
	 font-size: 12px;
	 color:#61513b;
	 text-align: left;
	 text-decoration: none;
	 background: url("../images/bg-menu.gif") 0 0 no-repeat;
	 padding:7px 0px 0px 15px;  
     } 

#main-content-left-td2 a:hover {	
	background-position: -175px 0;
	text-align: left;
	color: #993300;
	idth:160px;
	height:28px;
	padding:7px 0px 0px 15px;  
    }
  
#main-content{
	margin:0;
	float:left;
	text-align: left;
	vertical-align:top;
	width: 516px;
	height: auto;
	padding:0px 0px 0px 0px;
    display:inline; 
  }

#main-content2{
	margin:0;
	float:left;
	text-align: left;
	vertical-align:top;
	width: 496px;
	height: auto;
	padding:0px 10px 0px 10px;
  }
  
#main-sub-item{
  margin:0;
  float:left;
  width: 213px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
.sub-item {
  float:left;
  width: 183px;
  vertical-align:top;
  text-align:left;
  padding:0px 0px 0px 17px ;
  }

#main-down{
  margin:0 auto;
  width: 958px;
  height: 40px;
  clear:both;
  text-align:center;
  color:#ffffff;
  background-image:url(../images/bg-down3.gif);
  background-repeat:no-repeat; 
  padding:31px 0px 0px 0px ;
  }
  
#go-top{
  margin:0;
  float:left;
  text-align: center; 
  width: 516px;
  height: 35px;
  padding:20px 0px 0px 0px;
  }
  

  
/* ABOUT ---------------------------------------------------- */  
  
#about-title{
  margin:0;
  float:left;
  width: 425px;
  height: 38px;
  text-align:left;
  background-image:url(../images/bg-title-about.png);
  background-repeat:no-repeat; 
  padding:15px 0px 0px 91px ;
  }
  
#about-content{
	margin:0;
	float:left;
	text-align: right;
	vertical-align:top;
	width: 495px;
	background-image:url(../images/about-ct.jpg);
    background-repeat:no-repeat; 
	padding:10px 10px 0px 10px;
  }  
  
#story-content{
	margin:0;
	float:left;
	text-align: left;
	vertical-align:top;
	width: 486px;
	height: 653px;
	line-height: 30px; 
	COLOR: ffffff; 
	background-image:url(../images/story.jpg);
    background-repeat:no-repeat; 
	padding:80px 0px 0px 30px;
  }  
  
.img-txt {
border: 0px solid black; /* 圖片邊框 */
margin-left: 10px; /* 圖片與左方文字間距 */
margin-bottom: 5px; /* 圖片與下方文字間距 */
float: left; /* 圖片對齊方式 */
}  
  
/* works ---------------------------------------------------- */  
  
#works-title{
  margin:0;
  float:left;
  width: 425px;
  height: 38px;
  text-align:left;
  background-image:url(../images/bg-title-works.png);
  background-repeat:no-repeat; 
  padding:17px 0px 0px 91px ;
  }
  
.works-td{
	float:left;
	display:inline; 
	text-align: center;
	vertical-align:top;
	width: 146px;
	height: 136px;
	background-image:url(../images/works-bg.gif);
    background-repeat:no-repeat; 
	padding:17px 0px 0px 18px;
  }
  
.works-tdb{
	float:left;
	display:inline; 
	text-align: center;
	vertical-align:top;
	width: 146px;
	height: 106px;
	background-image:url(../images/works-bg.gif);
    background-repeat:no-repeat; 
	padding:17px 0px 0px 18px;
  }
  
.works-dtl{
	float:left;
	display:inline; 
	text-align: center;
	vertical-align:top;
	width: 146px;
	height: 166px;
	background-image:url(../images/works-dtl-bg.gif);
    background-repeat:no-repeat; 
	padding:17px 0px 0px 18px;
  } 
  
.works-td2{
	margin:0;
	float:left;
	text-align: center;
	vertical-align:top;
	width: 131px;
	height: auto;
	padding:0px 0px 0px 0px;
  }
  
.works-td3{
	margin:0;
	float:left;
	text-align: center;
	vertical-align:top;
	width: 131px;
	height: 20px;
	padding:10px 0px 0px 0px;
  }
  
.works-td2 img{
  border: 1px solid #ffffff;
}

#works-page{
	margin:0;
	float:left;
	text-align: center;
	vertical-align:top;
	width: 100%;
	height: auto;
	letter-spacing: 5px; 
	padding:0px 0px 0px 0px;
  }
  
  
/* NEWS---------------------------------------------------- */  
  
#news-title{
  margin:0;
  float:left;
  width: 425px;
  height: 38px;
  text-align:left;
  background-image:url(../images/bg-title-news.png);
  background-repeat:no-repeat; 
  padding:17px 0px 0px 91px ;
  }
  
.news-id{
  margin:0;
  float:left;
  width: 385px;
  height: 55px;
  text-align:left;
  background-image:url(../images/news-bg.png);
  background-repeat:no-repeat; 
  padding:40px 0px 0px 100px ;
  }
  
.news-id2{
  margin:0;
  float:left;
  width: 395px;
  height: 55px;
  text-align:left;
  background-image:url(../images/news-bg2.png);
  background-repeat:no-repeat; 
  padding:40px 0px 0px 100px ;
  }
  
.news-tx{
  margin:0;
  float:left;
  width: 313px;
  height: 23px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
.news-more{
  margin:0;
  float:left;
  width: 60px;
  height: 28px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
#news-dtl{
  margin:0;
  float:left;
  width: 465px;
  text-align:left;
  padding:0px 15px 0px 15px ;
  }
  
  
/* QA---------------------------------------------------- */  
  
#qa-title{
  margin:0;
  float:left;
  width: 425px;
  height: 38px;
  text-align:left;
  background-image:url(../images/bg-title-qa.png);
  background-repeat:no-repeat; 
  padding:17px 0px 0px 91px ;
  }
  
.qa-id{
  margin:0;
  float:left;
  width: 475px;
  height: 25px;
  text-align:left;
  background-image:url(../images/bg-q.png);
  background-repeat:no-repeat; 
  padding:3px 0px 10px 23px ;
  }
 
 .qa-ans{
  margin:0;
  float:left;
  vertical-align: top;
  width: 495px;
  height: auto;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
 .qa-ans2{
  margin:0;
  float:left;
  width: 460px;
  height:25px;
  text-align:left;
  overflow:auto;
  color:#d3678b;
  background-image:url(../images/qa-bg3.gif);
  background-repeat:no-repeat; 
  padding:6px 0px 10px 30px ;
  }
  
 .qa-ans3{
  margin:0;
  float:left;
  width: 460px;
  height:auto;
  text-align:left;
  background-image:url(../images/qa-bg2.gif);
  background-repeat:no-repeat; 
  padding:2px 0px 0px 27px ;
  }
  
 .qa-top{
  margin:0;
  float:left;
  width: 495px;
  height:25px;
  text-align:right;
  padding:0px 0px 0px 0px ;
  }
 
/* ADD-MEMBER---------------------------------------------------- */  
  
#add-title{
  margin:0;
  float:left;
  width: 425px;
  height: 38px;
  text-align:left;
  background-image:url(../images/bg-title-date.png);
  background-repeat:no-repeat; 
  padding:17px 0px 0px 91px ;
  }
  
  
/* ADD-MEMBER---------------------------------------------------- */   
#main-content2 textarea {
    border: 1px solid #AD9778;
	background-color: #ede9e2;
	height: 150px;
	width: 450px;
	font-size: 12px;
	color:#61513b;
}

#pr {
	height: 60px;
	width: 280px;
}

#pr textarea{
    border: 1px solid #AD9778;
	background-color: #ede9e2;
	height: 60px;
	width: 270px;
	font-size: 12px;
	color:#61513b;
}

#main-content2 select {
    border: 1px solid #AD9778;
	background-color: #ede9e2;
	height: 23px;
	width: 125px;
	font-size: 12px;
	color:#61513b;
}

/* pick-photo2---------------------------------------------------- */   

.pick-photo {
    float:left;
	height: 125px;
	width: 125px;
	text-align:center;
}


/* download---------------------------------------------------- */   
.dwn-id{
  margin:0;
  float:left;
  width: 435px;
  height: 38px;
  text-align:left;
  background-image:url(../images/dwn-bg.png);
  background-repeat:no-repeat; 
  padding:27px 0px 0px 50px ;
  }
  
.dwn-dtl{
  margin:0;
  float:left;
  width: 435px;
  height: 38px;
  text-align:left;
  background-image:url(../images/dwn-bg2.png);
  background-repeat:no-repeat; 
  padding:27px 0px 0px 50px ;
  }
  
.dwn-tx{
  margin:0;
  float:left;
  width: 380px;
  height: 23px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
.dwn-more{
  margin:0;
  float:left;
  width: 40px;
  height: 25px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
/* PRICE ---------------------------------------------------- */  
  
#price-title{
  margin:0;
  float:left;
  width: 425px;
  height: 38px;
  text-align:left;
  background-image:url(../images/bg-title-service.png);
  background-repeat:no-repeat; 
  padding:17px 0px 0px 91px ;
  }
  
  
/* DATE ---------------------------------------------------- */  
  
#date-title{
  margin:0;
  float:left;
  width: 425px;
  height: 38px;
  text-align:left;
  background-image:url(../images/bg-title-service.png);
  background-repeat:no-repeat; 
  padding:17px 0px 0px 91px ;
  }
  
.week{
  margin:0;
  float:left;
  width: 68px;
  height: 25px;
  text-align:center;
  }
  
.day0{
  float:left;
    }
  
.day{
  float:left;
  width: 66px;
  height: 55px;
  font-size: 20px; 
  font-family: "Verdana";
  color:#999999;
  background-color:#ffffff;
  text-align:center;
  }
  
.am{
  width: 50%;
  }

/* INDEX ---------------------------------------------------- */  

#ind-main-td{
  margin:0 auto;
  width: 958px;
  height: 330px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
#ind-left{
  float:left;
  width: 229px;
  height: 330px;
  text-align:left;
  background-image:url(../images/ind-bg-login2.png);
  background-repeat:no-repeat; 
  padding:0px 0px 0px 0px ;
  }
  
.ind-left2{
  float:left;
  width: 189px;
  height: 70px;
  text-align:left;
  padding:40px 10px 0px 29px ;
  }
  
.ind-left3{
  float:left;
  width: 189px;
  height: 75px;
  text-align:left;
  padding:35px 10px 0px 29px ;
  }
  
.ind-left4{
  float:left;
  width: 189px;
  height: 75px;
  text-align:left;
  padding:28px 10px 0px 29px ;
  }
   
#ind-main{
  margin:0 auto;
  width: 729px;
  height: 165px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }

#ind-main-menu{
  margin:0;
  float:left;
  width: 729px;
  height: 110px;
  text-align:left;
  background-image:url(../images/ind-menu.png);
  background-repeat:no-repeat; 
  padding:0px 0px 0px 0px ;
  }
  
#ind-main-ct{
  margin:0;
  float:left;
  width: 516px;
  height: 220px;
  text-align:left;
  padding:0px 0px 0px 0px ;
  }
  
#ind-check-date{
  margin:0;
  float:left;
  width: 213px;
  height: 220px;
  text-align:left;
  padding:0px 0px 0px 0px;
  background-image:url(../images/ind-bg.png);
  background-repeat:repeat-y; 
  }
  
#ind-main-down{
  margin:0 auto;
  width: 958px;
  height: 50px;
  clear:both;
  text-align:center;
  color:#ffffff;
  background-image:url(../images/bg-down2.gif);
  background-repeat:no-repeat; 
  padding:8px 0px 0px 0px ;
  }
  
#ind-title{
  float:left;
  width: 503px;
  height: 25px;
  padding:5px 0px 0px 12px ;
  }
  
.ind-bn{
  float:left;
  width: 515px;
  height: 215px;
  text-align:center;
  padding:0px 0px 0px 0px ;
  }
  
.ind-works{
  float:left;
  width: 171px;
  height: 175px;
  text-align:center;
  padding:0px 0px 0px 0px ;
  }
  
.ind-img{
  float:left;
  width: 171px;
  height: 105px;
  text-align:center;
  padding:0px 0px 0px 0px ;
  }
  
.ind-works2{
  float:left;
  width: 151px;
  height: 70px;
  text-align:left;
  padding:0px 10px 0px 10px ;
  }

.line2{
  width: auto;
  height: 14px;
  background-image:url(../images/line2.gif);
  background-repeat:repeat-x; 
  padding:0px 0px 0px 0px ;
  }