/* 整體結構
---------------------------------------------------- */
body {
  margin: 0;
  text-align: center; 
  vertical-align: middle;
  OVERFLOW: hidden;/*去除捲動軸*/
  background: #000000 url(.../images/bg.jpg) no-repeat;

}

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

table{
  table-layout: fixed;
  border: 0px;
  border-collapse: collapse;
}

img{
  border:none;
}

select {
	background-color: #666666;
    border: 1px solid #333333;
	height: 19px;
	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;
}

.select1 {
	background-color: #333333;
    border: 1px solid #333333;
	font-family: "Verdana"; 
	COLOR: #999999; 
	height: 19px;
	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.tx01:link{color: #ffffff;text-decoration: none;} /* 文字連結特效（連結） */
a.tx01:hover{color: #ffffff;text-decoration: underline;} /* 文字連結特效（滑過） */
a.tx01:visited{color: #ffffff;text-decoration: none;} /* 文字連結特效（之後） */

/* 共用主框架
---------------------------------------------------- */

.main-td01{
  width: 100%;
  height: 100%;
}

.main-td02{
  vertical-align: middle;
  text-align: center;
  background-image:url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% center;
}

.main-td03{
  width: 919px;
  height: 689px; 
}


.main-menu{
  width: 52px;
  text-align: right;
  vertical-align: middle;
}

.main-top{
  width: 867px;
  height: 81px; 
}

.main-content{
  width: 867px;
  height: 580px; 
  vertical-align: top;
  text-align: left;
}

.main-down{
  width: 867px;
  height: 28px; 
  text-align: center;
  vertical-align: top;
}


/* index.htm
---------------------------------------------------- */

.index-main-td01{
  vertical-align: middle;
  text-align: center;
  background-image:url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% center;
}

.index-main-td02{
  width: 745px;
}


#index-title{
  width: 250px;
  height: 21px;
  display: inline;
  margin:0;
  float:left;
  text-align: left;
  vertical-align: top;
}

#index-title2{
  width: 480px;
  height: 21px;
  display: inline;
  margin:0;
  float:right;
  text-align: left;
  vertical-align: top;
}

#index-title h1{
  height: 21px;
  font-size: 11px; 
  font-family: "Verdana";
  color: #666666;
  margin:3px;
}


#index-td00{
  width: 745px;
  margin:0;
  text-align: center;
  vertical-align: top;
}

#index-td01{
  width: 745px;
  height: 450px; 
  margin:0;
  text-align: center;
  vertical-align: top;
}

.index-td02{
  width: 745px;
  margin:0px 0px 0px 0px;
  float:left;
  text-align: left;
  vertical-align: top;
}

.idetitle{
  width: 745px;
  margin:0px 0px 10px 0px;
  text-align: left;
  vertical-align: top;
}

.idetitle2{
  width: 745px;
  margin:0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
}

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



/* works.htm
---------------------------------------------------- */

#works-content{
  margin: 0px;
  width: 867px;
  height: 580px;   
  vertical-align: top;
  text-align: left;
  background-image:url(../images/bg-works.jpg);
  background-repeat:no-repeat;
}


#works-left{
  display:inline;
  float: left;
  width: 500px; 
  text-align: center;
  margin:27px 0 0 30px;
}

#works-left img { border:1px solid #FFFFFF; }

#works-right{
  margin: 0px;
  float: left;
  width: 335px;
  height: 580px;   
  vertical-align: top;
  text-align: left;
}

#works-right .flash{
  display:inline;
  margin:10px 0px 15 -40px;
  float: left;
  width: 335px;
  text-align:right;
}

#works-right .select{
  display:inline;
  margin:0px 0px 0 0px;
  float: left;
  width: 335px;
  text-align:left;
}

#works-right .photo{
  display:inline;
  margin:10px 0px 0 0px;
  float: left;
  width: 335px;
  text-align:left;
}

#works-right .photo ul { list-style:none; margin:0; padding:0; }
#works-right .photo li { float:left; margin:15px 15px 0 0; display:inline; }
#works-right .photo img {  border:1px solid #FFFFFF; }

/* works-dtl.htm
---------------------------------------------------- */

#worksdtl-left{
  display:inline;
  float: left;
  width: 450px; 
  margin:27px 0 0 80px;
}

/* news.htm
---------------------------------------------------- */
.news-main-content{
  width: 867px;
  height: 580px; 
  vertical-align: top;
  text-align: left;
  background-image:url(../images/bg-news.jpg);
  background-repeat:no-repeat;
}

#news-left{
  display:inline;
  float: left;
  width: 590px;
  margin:17px 0px 0px 20px;

}

.news-right00{
  margin:100px 0px 0 20px;
  display:inline;
  float: left;
  width: 230px; 
}

.news-right01{
  margin:10px 0px 0 0px;
  display:inline;
  float: left;
  width: 210px;  
  vertical-align: top;
  text-align: left;
  font-weight:bold;
  clear:both;
}

.news-right02{
  margin:0px 0px 0 0px;
  display:inline;
  float: left;
  width: 210px;  
  vertical-align: top;
  text-align: left;
  line-height: 19px;
  clear:both;
}

.group{
  margin:0px 0px 0 0px;
  display:inline;
  float: left;
  width: 210px;  
  vertical-align: top;
  text-align: left;
  line-height: 19px;
}

#news-page{
  display:inline;
  margin:5px 11px 0 0px;
  float: left;
  width:290px;
  font:11px Arial, Verdana,Helvetica, sans-serif, 新細明體;
}

a.newspg:link, a.newspg:active, a.newspg:visited  {
  display:inline;
  margin:5px 11px 0px 0;
  text-align:center;
  float: left;
  width:15px;
  height:15px;
  background:#34556D;
  text-decoration:none;
  font-weight:bold;
  color:#FFFFFF;
}
a.newspg:hover  {
  display:inline;
  float: left;
  text-decoration:none;
  color:#ffffff;
  background:##213645;
  width:15px;
  height:15px;
  font-weight:bold;
  BORDER:1px solid #ffffff; 
}

.newslink {
  display:inline;
  float: left;
  margin:5px 11px 0 0;
  float: left;
  width:15px;
  height:15px;
}

/* news-dtl.htm
---------------------------------------------------- */

.news-main-dtl-content{
  width: 867px;
  height: 580px; 
  vertical-align: top;
  text-align: left;
  background-image:url(../images/bg-works.jpg);
  background-repeat:no-repeat;
}


.news-dtl-right01{
  margin:20px 0px 0 20px;
  display:inline;
  float: left;
  width: 210px;  
  vertical-align: top;
  text-align: left;
  font-weight:bold;
}

.news-dtl-title{
  margin:10px 0px 10px 20px;
  display:inline;
  float: left;
  width: 210px;
  vertical-align: top;
  text-align: left;
  line-height: 19px;
}

.news-dtl-right02{
  margin:0px 0px 0 20px;
  display:inline;
  float: left;
  width: 210px;
  height: 400px;  
  vertical-align: top;
  text-align: left;
  line-height: 19px;
}

.news-dtl-right03{
  margin:10px 0px 0 20px;
  display:inline;
  float: left;
  width: 50px;  
  vertical-align: top;
  text-align: left;
}



/* content.htm
---------------------------------------------------- */
.content-main-content{
  width: 867px;
  height: 580px; 
  vertical-align: top;
  text-align: left;
  background-image:url(../images/contact.jpg);
  background-repeat:no-repeat;
}

#content-left{
  display:inline;
  float: left;
  width: 590px;
  margin:17px 0px 0px 20px;

}

.content-right01{
  margin:20px 0px 0 20px;
  display:inline;
  float: left;
  width: 200px;  
  vertical-align: top;
  text-align: left;
}

.content-right01 input{
  font:11px Verdana ;
  display:inline;
  width: 195px; 
  color:#ffffff;
  background-color: #000000;
  border: 1px solid #ffffff;
}

.content-right02{
  margin:5px 0px 0 20px;
  display:inline;
  float: left;
  width: 200px; 
  vertical-align: top;
  text-align: left;
}

.content-right02 input,textarea {
  font:11px Verdana ;
  display:inline;
  color:#ffffff;
  width: 195px; 
  background-color: #000000;
  border: 1px solid #ffffff;
}

.content-cbox {
  margin:5px 0px 0 20px;
  display:inline;
  float: left;
  width: 200px; 
  vertical-align: top;
  line-height: 30px; 
  text-align: left;
}

.content-right03{
  margin:5px 0px 0 100px;
  display:inline;
  float: left;
  width: 100px; 
  vertical-align: top;
  text-align: left;
}

/* msg.htm
---------------------------------------------------- */
.msg-main-content{
  width: 867px;
  height: 580px; 
  vertical-align: top;
  text-align: left;
  background-image:url(../images/bg-works.jpg);
  background-repeat:no-repeat;
}

#msg-right{
  margin:17px 10px 0 0;
  float: right;
  width: 600px;
  height: 450px;   
  vertical-align: top;
  text-align: right;
}

.msg-left01{
  margin:20px 5px 0 0;
  float: right;
  width: 200px;  
  vertical-align: top;
  text-align: left;
}

.msg-left01 input{
  width: 195px;
  height: 19px;  
  font:11px Verdana ;
  color:#ffffff;
  background-color: #000000;
  border: 1px solid #ffffff;
}

.msg-left02{
  margin:5px 5px 0 0;
  float: right;
  width: 200px; 
  vertical-align: top;
  text-align: left;
}

.msg-left02 input,textarea {
  width: 195px;
  font:11px Verdana ;
  color:#ffffff;
  background-color: #000000;
  border: 1px solid #ffffff;
}


.msg-left03{
  margin:5px 5px 0 0;
  float: right;
  width: 200px; 
  vertical-align: top;
  text-align: left;
}










/* works頁碼---------------------------------------------------- */

.number-page {
  padding:0;
  float: left;
  font:11px Arial, Verdana,Helvetica, sans-serif, 新細明體;
  width:285px;
  margin:10px 0px 0px 0px;
}

.number-page2 {
  padding:0;
  text-align:center;
  font:11px Arial, Verdana,Helvetica, sans-serif, 新細明體;
  width:285px;
}

a.linkpgb:link, a.linkpgb:active, a.linkpgb:visited  {

width:15px;
height:15px;
margin:0px 5px 0px 2px;
text-align:center;
background:#333333;
padding:0px 3px 5px 3px;
display:inline;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}

a.linkpgb:hover  {
width:15px;
height:15px;
margin:0px 5px 0px 2px;
text-align:center;
background:#666666;
padding:0px 3px 5px 3px;
display:inline;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
BORDER:1px solid #ffffff; 
}

.bg-link {
width:15px;
height:15px;
display:inline;
padding:5px 5px 0px 0px;
margin:0px 3px 0px 3px;

}

/* news頁碼---------------------------------------------------- */

.nnumber-page {
  padding:0;
  float: left;
  font:11px Arial, Verdana,Helvetica, sans-serif, 新細明體;
  width:250px;
  margin:10px 0px 0px 0px;
}

.nnumber-page2 {
  padding:0;
  text-align:center;
  font:11px Arial, Verdana,Helvetica, sans-serif, 新細明體;
  width:250px;
}

a.nlinkpgb:link, a.nlinkpgb:active, a.nlinkpgb:visited  {

width:15px;
height:15px;
margin:0px 5px 0px 2px;
text-align:center;
background:#333333;
padding:0px 3px 5px 3px;
display:inline;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}

a.nlinkpgb:hover  {
width:15px;
height:15px;
margin:0px 5px 0px 2px;
text-align:center;
background:#666666;
padding:0px 3px 5px 3px;
display:inline;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
BORDER:1px solid #ffffff; 
}

.nbg-link {
width:15px;
height:15px;
display:inline;
padding:5px 5px 0px 0px;
margin:0px 3px 0px 3px;

}

#linkleo{
		text-align: right;
		vertical-align: top; 
		width:5000px;
		font-family: "Verdana"; /* 文字 */
        font-size: 12px; /* 文字字級 */
		padding: 0px 0px 0px 0px;		
        }