/* 共用區*/
body {
      margin: 0;
      padding: 0;
      text-align: center; 
	  background: #ffffff; 
	  background-image:url(../../../images/bg03.jpg);
	  background-repeat:no-repeat; 
	  font-size: 12px; 
	  font-family: "Verdana"; 
	  line-height: 21px;
	  color: #666666; 

}

h1 {
      font-size: 12px; 
	  font-family: "Verdana"; 
	  line-height: 21px;
	  color: #666666; 
}

td {
      font-size: 12px; 
	  font-family: "Verdana"; 
	  line-height: 21px;
	  color: #666666; 
}

a.menu01:link{color: #666666; text-decoration: none;} 
a.menu01:visited{color: #999999; text-decoration: none;} 
a.menu01:hover{color: #ff6600; TEXT-DECORATION: underline;}
a.menu01:active{color: #333333; text-decoration: none;} 

a.submenu01:link{color: #FF6699; text-decoration: none;} 
a.submenu01:visited{color: #BAA8BD; text-decoration: none;} 
a.submenu01:hover{color: #FF33CC; TEXT-DECORATION: underline;}
a.submenu01:active{color: #333333; text-decoration: none;} 

a.tx02:link{color: #929174; text-decoration: none;} /* 文字連結特效（連結） */
a.tx02:visited{color: #929174; text-decoration: none;} /* 文字連結特效（之後） */
a.tx02:hover{color: #929174; text-decoration: none;} /* 文字連結特效（滑過） */
a.tx02:active{color: #929174; text-decoration: none;} /* 文字連結特效（點極）*/
	
a.ind-tx02:link{color: #333333; text-decoration: none;} /* 文字連結特效（連結） */
a.ind-tx02:visited{color: #999999; text-decoration: none;} /* 文字連結特效（之後） */
a.ind-tx02:hover{color: #ff6600; text-decoration: none;} /* 文字連結特效（滑過） */
a.ind-tx02:active{color: #333333; text-decoration: none;} /* 文字連結特效（點極） */

a.ind-menu01:link{color: #666666; text-decoration: none;} /* 文字連結特效（連結） */
a.ind-menu01:visited{color: #999999; text-decoration: none;} /* 文字連結特效（之後） */
a.ind-menu01:hover{color: #ff6600; TEXT-DECORATION: underline;} /* 文字連結特效（滑過） */
a.ind-menu01:active{color: #333333; text-decoration: none;} /* 文字連結特效（點極） */


/* 主外框*/
#wrapper {
      width:985px; 
	  height:auto;
	  margin: 0px auto;/*上邊界與左右邊界(居中)*/
	  background-image:url(../../../images/bg5.png); 
	  background-repeat:repeat-y;
}

/* 共用主選單*/

#header {
      width:905px; 
	  margin: 0px auto; 
	  height: 31px;
}

#header-logo {
      float: left;
	  margin: 0px;
      width:252px;
	  height:31px; 
}

#header-works {
      float: left;
	  margin: 0px;
	  text-align: right; 
      width:107px; 
}

#header-services {
      float: left;
	  margin: 0px;
      width:69px; 
}

#header-contact {
      float: left;
	  margin: 0px;
	  text-align: right; 
	  text-align: center;  
      width:650px; 
	  height:21px;
	  padding: 10px 0px 0px 0px;
}

#header-submeun {
      clear:both;
	  margin: 0px auto;

	  overflow : auto ; 
	  text-align: center; 
      width:910px; 
	  height:25px;
	  padding: 10px 0px 0px 0px;
}

#works-submeun {
      float: left;
	  margin-left: 168px;
	  text-align: right; 
	  text-align: center; 
      width:200px; 
	  height:21px;
	  padding: 0px 0px 0px 0px;
	  clear:both;
}



/* contact.htm*/

#contact01 {
      float: left;
      width:270px;  
	  text-align: left;	
	  padding: 10px 0px 0px 0px;
}

#contact01b {
      float: left;
      width:370px;  
	  text-align: left;	
	  padding: 10px 0px 0px 0px;
}

#contact01c {
      float: left;
      margin:0 auto; 
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

ul#cont {
	  clear: both;
	  margin: 0px auto;
	  padding: 0px 0px 0px 5px;
	  width:100%;
	  font-size: 12px; 
	  font-family: "Verdana"; 
	  color: #333333; 
}

ul#cont li{
	  float: left;
	  text-align: left;
	  width: 335px;
	  list-style: none;
	  padding: 5px 0px 0px 25px;
	  line-height: 21px; 
	  background: url(../../../images/arrow.gif) no-repeat 5px 5px; /*控制箭頭的左跟上位置*/
}

.contact02 {
      float: left;
	  margin-left: 0px;
      width:85px;  
	  height:25px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

.contact03 {
      float: left;
	  margin-left: 0px;
      width:185px;  
	  height:25px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#contact04 {
      float: left;
	  margin-left: 0px;
      width:85px;  
	  height:140px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#contact05 {
      float: left;
	  margin-left: 0px;
      width:185px;  
	  height:140px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#contact06 {
      clear: both;
	  margin-left: 0px;
      width:170px;  
	  height:45px;
	  text-align: left;	
	  padding: 0px 0px 0px 100px;
}

#contact07 {
	  float: left;
	  margin-left: 0px;
      width:350px;  
	  text-align: left;	
	  padding: 10px 0px 0px 0px;
}


#contact08 {
      float: left;
	  margin-left: 0px;
      width:50px;  
	  height: auto;
	  text-align: left;	
	  padding: 0px 0px 0px 5px;
	  color: #333333; 
}

#contact09 {
      float: left;
	  margin-left: 0px;
      width:300px;  
	  height: auto;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
	  color: #333333; 
}

.txbox01 {
	BORDER-WIDTH: 0pt 0pt 1pt 0pt;
	font-size: 12px; 
	font-family: "Verdana";  
	line-height: 20px; 
	COLOR: #929174; 
	}
	
/* konwledge.htm*/

#kled01 {
      float: left;
	  margin-left: 0px;
      width:20px;  
	  height: auto;
	  text-align: left;	
	  color: #ff3300;
	  padding: 0px 5px 0px 0px;
}

#kled02 {
      float: left;
	  margin-left: 0px;
      width:610px;  
	  height: auto;
	  text-align: left;	
	  padding: 0px 0px 5px 0px;
}

#kled03 {
      float: left;
	  margin-left: 0px;
      width:630px;  
	  height: auto;
	  text-align: left;	
	  padding: 0px 0px 5px 0px;
}

#kled03 ol {
     font-size: 12px; 
	 font-family: "Verdana";  
	 line-height: 20px; 
	 COLOR: #929174; 
}

#kled03 li {
     font-size: 12px; 
	 font-family: "Verdana";  
	 line-height: 20px; 
	 COLOR: #929174; 
}


/* service-paint.htm*/

#spt01 {
	  margin-right: 10px;
	  clear: both;
	  margin: 10px auto;
	  text-align: left;
	  width:642px;  
	  padding: 0px 0px 20px 0px;

}

#spt02 {
	  margin: 0px;
	  float: left;
	  text-align: left;
	  width: 130px;
	  height: 130px; 
}

#spt03 {
	  margin: 0px;
	  float: left;
	  text-align: left;
	  width: 500px;
	  height: 105px; 
	  padding: 0px 0px 0px 10px;
}

#spt04 {
	  margin: 0px;
	  float: left;
	  text-align: right;
	  width: 510px;
	  height: 25px; 
	  padding: 0px 0px 0px 0px;
}


/* works.htm*/

.works01 {
      width:910px;  
	  margin: 0px auto;
}

.ct01 {
      width:650px;  
	  margin: 0px auto;
	  padding: 0px 0px 0px 0px;
}

#works01c {
      width:650px;  
	  margin: 0px auto;
}

.works01c {
      width:650px;  
	  margin: 0px auto;
}


.works02 {
      float: left;
	  margin-left: 0px;
      width:130px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
}

#works02b {
      float: left;
	  margin-left: 0px;
      width:130px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
}

#works02e {
      float: left;
	  margin-left: 0px;
      width:130px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
}

#works02c {
      float: left;
	  margin-left: 0px;
      width:130px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
}

#works02d {
      float: left;
	  margin-left: 0px;
      width:130px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
}

.works03 {
      float: left;
	  margin-left: 0px;
      width:163px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
	  font-size: 12px; 
	  color: #333333; 
}

#works03d {
      float: left;
	  margin-left: 0px;
      width:163px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
	  font-size: 12px; 
	  color: #333333; 
}

#works03e {
      float: left;
	  margin-left: 0px;
      width:163px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
	  font-size: 12px; 
	  color: #333333; 
}

.works04 {
      float: left;
	  margin-left: 0px;
      width:297px;  
	  text-align: left;	
	  padding: 5px 0px 0px 5px;
}

#works05 {
      margin: 0px auto;
	  width:642px; 
	  height:405px;
	  padding: 0px 0px 0px 0px;
	  
}

/* service.htm*/

#ser01 {
	  clear: both;
	  margin: 10px auto;
	  text-align: right;
	  width:910px;  
	  height: 50px; 
}

.ser02 {
	  clear: both;
	  margin: 0px auto;
	  text-align: center;
	  width:640px;  
	  height: 439px; 
}

#ser02b {
	  clear: both;
	  margin: 0px auto;
	  text-align: center;
	  vertical-align: top;
	  width:600px;  
	  height: 170px; 
}


#ser03 {

	  clear: both;
	  margin: 0px auto;
	  width:600px;
	  text-align: left;
	  vertical-align: top;
	  font-size: 12px; 
	  font-family: "Verdana"; 
	  color: #333333; 
	  padding: 10px 0px 0px 0px;
}

#ser03b {

	  clear: both;
	  margin: 0px auto;
	  display:inline;
	  width:910px;
	  height:auto;
	  text-align: center;
	  padding: 30px 0px 0px 0px;
}

#ser03c {

	  clear: both;
	  margin: 0px auto;
	  width:819px;
	  height: 55px;  
	  text-align: center;
	  font-size: 12px; 
	  font-family: "Verdana"; 
	  color: #333333; 
	  padding: 10px 0px 0px 0px;
}

ul#ser04 {
	  float: left;
	  margin: 0px;
	  text-align: left;
	  padding: 0px 0px 0px 50px;
	  width:290px;
	  font-size: 12px; 
	  font-family: "Verdana"; 
	  color: #333333; 
}

ul#ser04b {
	  clear: both;
	  margin: 0px auto;
	  padding: 0px 0px 0px 0px;
	  width:665px;
	  height:auto;
	  font-size: 12px; 
	  font-family: "Verdana"; 
	  color: #333333; 
}

ul#ser04b li{
	  float: left;
	  text-align: left;
	  width:620px;
	  height:auto;
	  list-style: none;
	  padding: 5px 0px 0px 25px;
	  line-height: 21px; 
	  background: url(../../../images/arrow.gif) no-repeat 5px 5px; /*控制箭頭的左跟上位置*/
}


ul#ser04 li{
	  margin: 0px;
	  float: left;
	  list-style: none;
	  padding: 0px 0px 0px 20px;
	  line-height: 20px; 
	  background: url(../../../images/arrow.gif) no-repeat 0px 0px; /*控制箭頭的左跟上位置*/
	  width:290px;
}

ul#ser04 li span{
	  display:block;
	  padding: 5px 0px 5px 0px;
}

/* INDEX.HTM*/

.indextd03 {
     background-image:url(../../../images/border01b.png); /* 背景圖  */
     background-repeat:repeat-x;
     vertical-align: top;
	 text-align: left;
	 height:6px; /* 高 */ 
	  }
	  
.indextd04{
     background-image:url(../../../images/border02b.png); /* 背景圖  */
     background-repeat:repeat-x;
     vertical-align: top;
	 text-align: left;
	 height:9px; /* 高 */
	 width:19px; 
	  }
	  
.indextd05 {
     background-image:url(../../../images/border03b.png); /* 背景圖  */
     background-repeat:repeat-y;
     vertical-align: top;
	 text-align: left;
	 width:6px; 
	  }
	  
.indextd06 {
     background-image:url(../../../images/border04b.png); /* 背景圖  */
     background-repeat:repeat-y;
     vertical-align: top;
	 text-align: left;
	 width:6px; 
	  }	
	  
#skip {
      width:642px;  
	  height: 35px;
	  text-align: center;	  
}

#skip3 {
      width:642px;  
	  height: 35px;
	  text-align: center;	  
}


konw {
      margin: 0px auto;
	  width:642px;  
	  height: 35px;
	  text-align: center;	
	  vertical-align: middle;
	  padding: 5px 0px 5px 0px;
	  font-size: 12px; 
	  font-family: "Verdana"; 
}

#news01 {
      float: left;
	  margin-left: 0px;
      width:321px;  
	  height: 160px;
	  text-align: left;	
	  padding: 5px 0px 0px 0px;
}

#news01-td1 {
	  margin-left: 0px;
      width:200px;  
	  height: 23px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#news01-td2 {
      float: left;
	  margin-left: 0px;
      width:130px;  
	  height: 130px;
	  text-align: left;	
	  padding: 0px 0px 0px 5px;
}

#news01-td2 img{     
	  border: 0px;
}

#news01-td3 {
      float: left;
	  margin-left: 0px;
      width:180px;  
	  text-align: left;	
	  padding: 0px 0px 0px 5px;
	  font-size: 12px; 
	  font-family: "Verdana"; 
	  line-height: 20px; 
	  COLOR: #333333; 
}

#bn01 {
	  clear:both;
	  margin:0px auto; 
	  text-align: center; 
      width:899px;  
	  height:423px;
	  padding: 0px 0px 0px 0px;
}

#skip {
	  clear: both;
	  margin:0px auto; 
      width:651px;  
	  height:35px;
	  text-align: center;	
}

#skip2 {
	  clear: both;
	  margin:0px auto; 
      width:751px;  
	  height:35px;
	  text-align: center;	
}

.mn-title0 {
	  clear: both;
	  margin:0px auto; 
      width:910px; 
	  height:17px;
	  text-align: left;	
}

.mn-title0d {
	  clear: both;
	  margin:0px auto; 
      width:640px; 
	  height:17px;
	  text-align: left;	
}

.mn-title1 {
	  float:left;
      width:298px;  
	  height:17px;
	  text-align: left;	
	  padding: 0px 0px 0px 5px;
}

#mn-title1c {
	  float:left;
      width:320px;  
	  height:17px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#mn-title1d {
	  float:left;
      width:320px;  
	  height:17px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#mn-title1e {
	  float:left;
      width:320px;  
	  height:17px;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#push {
      float: left;
	  margin-left: 0px;
      width:315px;  
	  text-align: left;	
	  padding: 10px 0px 0px 5px;
	  font-size: 12px; 
	  color: #333333; 
}

.push {
      float: left;
	  margin-left: 0px;
      width:293px;  
	  text-align: left;	
	  padding: 10px 0px 0px 10px;
	  font-size: 12px; 
	  color: #333333; 
}

/* 作品集*/
#line {
      clear: both;
	  width:910px;  
	  height: 17px;
	  margin: 0px auto;
	  background-image:url(../../../images/line.png); 		  	  
}

#line2 {
      clear: both;
	  width:642px;  
	  height: 35px;
	  margin: 0px auto;
	  background-image:url(../../../images/line2.png); 	  
}

.line3 {
      clear: both;
	  width:910px;  
	  height: 35px;
	  margin: 0px auto;
	  background-image:url(../../../images/line2.png); 	  
}

#line5 {
      clear: both;
	  width:642px;  
	  height: 35px;
	  margin: 0px auto;
	  background-image:url(../../../images/line2.png); 	  
}

#music {
      width:642px;  
	  height: 21px;	  
}

#photo1 {
      width: 642px;  
	  height: 120px;	
	  padding: 23px 0px 0px 0px;
}

#photo1 img {
  margin-right: 5px;
  margin-left: 5px;
  border: 1px solid #999999;
}

#photo2 {
      width: 642px;  
	  height: 120px;	
	  margin: 0 auto; 
	  padding: 6px 0px 0px 0px;
}

#photo2 img {
  margin-right: 23px;
  margin-left: 23px;
  border: 1px solid #999999;
}

#back {
  width: 642px;
  margin: 0 auto;
 }
 
 
#mv01 {
      clear: both;
	  margin: 0px auto;
      width:650px;  
	  height:500px;
	  text-align: center;	
	  vertical-align: middle;
	  background-image:url(../../../images/mv-pic01.png);
	  background-repeat:no-repeat;
	  padding: 0px 0px 0px 0px;
}

#mv02 {
      float: left;
      width:650px;  
	  height:auto;
	  text-align: left;	
	  padding: 0px 0px 0px 0px;
}

#wp01 {
      clear: both;
	  width:642px;  
	  height: 21px;
	  margin: 0 auto; 
	  text-align: right;
}

#wp02 {
	  width:642px;  
	  margin: 0 auto; 
}

#wp03 {
	  float:left;
	  width:128px;  
	  height: 105px;
	  margin: auto; 
	  vertical-align: middle;
}

#wp04{
	  float:left;
	  width:128px;  
	  height: 70px;
	  margin: auto; 
	  vertical-align: middle;
}

#words{
	  clear: both;
	  width: 100%;  
	  margin: 0 auto; 
}

.gift {
	  clear: both;
	  margin: 0 auto; 
	  width: 910px;  
	  height: 50px; 
	  padding:15px 0px 0px 0px;
}