/*======佈景製作：Neo網站設計工坊=======*/
/*=========設計師：徐嘉裕0931229118=========*/
@import url(forms.css); 
@import url(modules.css); 
@import url(block.css); 
@import url(tad_uploader.css); 
@import url(tad_cbox.css); 
@import url(mytabs.css); 
@import url(definition.css); 
@import url(news.css); 
@import url(profile.css); 
@import url(siteinfo.css); 
@import url(tinyd.css); 
@import url(mysearch.css); 
@import url(vegpad.css); 
@import url(sitmap.css); 
@import url(myalbum.css); 
@import url(smartpartner.css); 
@import url(lightwindow.css); 
@import url(ugmcontactus.css); 
@import url(catalog.css); 
@import url(tad_faq.css); 


*{	
   font-family:		微軟正黑體, 微软雅黑, "Lucida Grande", Verdana, sans-serif  !important;  }

html {
SCROLLBAR-FACE-COLOR: #424242; /*捲軸顏色*/
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; /*捲軸左與上內邊框*/
SCROLLBAR-SHADOW-COLOR: #FFFFFF; /*捲軸右與下內邊框*/
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; /*捲軸左與上外邊框*/
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; /*捲軸右與下外邊框*/
SCROLLBAR-ARROW-COLOR: #FFFFFF; /*捲軸箭頭*/
SCROLLBAR-TRACK-COLOR: #DDDDDD; /*捲軸底色*/
   }

body {
color: #000; margin: 0; padding: 0; 
 background:	 url(../img/hons_03.jpg)  no-repeat center  bottom;
 *letter-spacing:               0em !important;  
letter-spacing:               0.1em ;  
_letter-spacing:               0em ;  
}

table {width: 100%; font-size: small; border-collapse:   collapse;}

#clear{  
clear: both;  }   

table td {
padding: 0; 
border-width: 0; 
vertical-align: top;
 }





a {color: #6A6A6A;  text-decoration: none;   background-color: transparent;}
a:hover {color: #D17825;}

h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}


h1,h2,h3,h4,h5,h6{
margin: 0px ;
padding: 0px;
font-weight: normal;
color: #152D72;
}


ul { margin: 0; 
    padding: 0; 
   list-style: none; }
ol { margin: 0; padding: 0;  list-style: none; }
li { margin: 0; 
padding: 0;  list-style: none;
}

dl{
margin: 0; 
    padding: 0; 
}



input.formButton {}

div#content .item {
/*margin-top:  30px; */
border-bottom: 1px  solid #B9D0E6;

}



form{
margin: 0;
padding: 0;
}

/*div#content .item  a{
  color: #FFFFFF;
}
div#content .item  a:hover{
  color: #AE4337;
}*/


div#content .itemHead {
/*background:	  url(../img/matewith_themes_51.jpg) repeat-x left bottom;  
height: 80px;
color:  #FFFFFF ;*/
 vertical-align : middle; 
 font-size:   1.1em;
   
   }
   
div#content #headimg{
width: 140px;
}

div#content #headimg img{
max-width: 140px;
}


div#content .itemHead  span.itemTitle{
/*   background:		 url(../img/icom01.png) no-repeat   5px 8px; 
   display:  block;
   padding:  10px  0px  0px  45px;*/
  color: #6D6D6D; 
}

div#content .itemHead #img01{
vertical-align: middle;
padding: 5px 0px 5px 0px;
}




div#content .itemInfo {
text-align: right; 
padding: 3px; 
 height: 30px;
 border-bottom:  1px  solid  #A5A5A5;
    background:	#A4A7AA	 url(../img/) no-repeat   5px  bottom; 
}

div#content   .item a{
color: #C9634E !important;
}

div#content  .item a:hover{
color: #AA6B12 !important;
}


div#content .itemTitle a {
font-size: 1.0em; 
font-variant: small-caps; 
color: #6D6D6D !important;
background-color: transparent;}




/*div#content .itemTitle a:hover{
 color: #616821 !important;
} */

div#content .itemPoster {
 font-size: 90%; 

}


div#content .itemPostDate {font-size: 90%; font-style:none; }
div#content .itemStats {font-size: 90%; font-style:none;}



div#content .itemBody {
  padding: 10px 8px;
  font-size: 105%; 
letter-spacing:               0.1em;
line-height: 180%;
/* background:	 url(../img/wtp05.png) repeat right 4px ;  */
}









div#content   p.itemText{
   padding-bottom: 15px; 
   color:   #6A6A6A;
  }
  



div#content .itemFoot {
text-align: left; 
padding: 10px 0px  10px 5px; 
display: block;
 background:  	 #EFEFEF url(../img/) no-repeat right 4px !important;
color: #AA6B12;

}


div#content .itemPoster  a,
div#content  .itemFoot  a{
color:   #107EA3;
    font-size:   1.1em;
}

div#content .itemPoster  a:hover,
div#content  .itemFoot  a:hover{
color:   #F67600;

}






.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}



table th {
color:   #FFFFFF;
 font-size:   1.2em;
background:	   url(../img/ZillaChuang_49.png) no-repeat -13px top;  
height: 60px;
text-align: center; 
font-weight: bold;

 }
 
/*
#tableleftoff  table th{
background:	   url(../img/green3cweba_55.png) no-repeat left top;  
 padding: 62px 0px 20px  0px;
}
 
 

#tablelefton  table th{
background:	   url(../img/green3cweba_62.png) no-repeat left top;  
 padding: 62px 0px 18px  0px;
}*/
  
 
 
 
table th a{
color: #FFFFFF;
}
 
table th a:hover{
color: #E8E8E8;
}
 
/* ======= 廣告區塊內容 ======= */

div#headerbanner {
      width: 100%; 
      vertical-align: middle; 
      text-align:center;      
      padding: 15px 0px;
          }
          
          
      
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}


/* ======= modules頁面 ======= */

div#content {
padding: 0px 10px 0px 15px;
 line-height: 200%; 
 z-index:  1006;
font-size: 105%; 
color:       #7C7C7C;
}


.profilecaption,
.systemcaption{
width: 100%;
height: 74px;
background:			 url(../img/hons_86.png)  no-repeat left top ;
padding-top: 20px;
} 
/*
.systemcaption{
display: none;
}*/

.profilecaption h3 a,
.systemcaption  h3 a{
color: #ffffff;
padding: 6px 0px 10px 40px;
font-size: 120%;
font-weight: bold;
display: block;
}


/*
#tablerighton  div#content{
width: 720px;
padding: 0px 3px 0px 12px;

}



#tablerightoff  div#content{
background:	   url(../img/center01.png) repeat-y left top;  
width: 600px;
padding: 0px 20px 0px 17px;
}


#tinyd0 #tablelefton div#content div{
padding: 0px;
margin: 0px;

}

#tablelefton #contentbottom{
background:	   url(../img/center02.png) no-repeat left top;  
width: 636px;
height: 27px;
}

.profilecaption{
display: none;
}
*/






/* ======= 系統內容 ======= */
#disclaimer{
font-size: 1.0em; 
line-height: 180%;
}

div#content table.outer {
background:		  url(../img/) repeat left top ;  
}

.head {
height:  auto;
 vertical-align : middle; 
 font-size:   1.0em;
 padding:  10px;   
 font-weight: bold;
 width: 30%;
background:		#D1D1D1	 url(../img/) repeat left bottom;  
border-bottom: 1px solid #BFBFBF;
border-right: 5px solid #E2E2E2;
color: #4F4F4F;

}


.even {
/*background:		 #F9FDFF  url(../img/) repeat right center ;
_background:	#F9FDFF		 url(../img/) repeat right center ; */
padding: 5px;
_height: 10px;
color:  #6A6A6A;
border-bottom: 1px dotted Silver;
}
/*
.odd:hover,
.even:hover{
background:			#E8FAFF	 url(../img/green3cweba_56.png) no-repeat 560px center ;
} 

div#content .odd:hover,
div#content .even:hover{
background:			#F9FDFF	 url(../img/green3cweba_56.png) no-repeat 560px center ;
} */



.odd {
/*background:	#F9FDFF	  url(../img/) repeat right center ;
_background:	#F9FDFF		 url(../img/) repeat right center ;  */
color:  #6A6A6A;
padding: 5px;
_height: 10px;
border-bottom: 1px dotted Silver;
}



.foot {
background:	#A5A5A5  	 url(../img/) repeat   left  top; 
padding: 10px; 
font-weight: bold;
color: #FFFFFF;
}



tr.even td {
padding: 1px  5px 0px 5px;
  border-bottom: solid 1px #D3BD6E; 
}


tr.odd td {
padding: 1px  5px 0px 5px;
  border-bottom: solid 1px #D3BD6E; 
 }


div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}


div.xoopsCode code pre{  
width: 20%;
display: block;
background:	#E8F2E3	 url(../img/) repeat  left top;
border: 1px solid #C8F2B3; 
padding: 6px;
font-size: 110%;

}

div.xoopsQuote {  
background:		#EDF4F9	 url(../img/) repeat  left top;
border: 1px solid #D0DEEA; 
/*padding: 0px 6px 6px 6px;*/


}


.comTitle {
font-weight: bold; 

padding:  5px 0px 5px 5px;
}

#tablerightoff .comText{
width:500px;
padding: 5px;
border-bottom: 1px dotted Silver;
} 

#tablerightoff  .comText img{
max-width: 500px;
}


#tablerighton .comText {
width:400px;
padding: 5px;
border-bottom: 1px dotted Silver;
}


#tablerighton  .comText img{
max-width: 400px !important;
}


.comUserStat {
font-size: 1.0em; 
color: #F3EEE5;
font-weight:lighter; 
border-bottom: 1px solid #FFFFFF; 
padding:  5px 5px;
margin: 0px;
background:			 url(../img/dingway_41.png) repeat   right  bottom; 

}

.comUserStatCaption {
font-weight: bold;
color: #565656; 
}
.comUserStatus {
margin-left: 2px; 
margin-top: 10px; 
padding-bottom: 20px !important; 
color: #2F5376; 
font-weight:bold; 
font-size: 10px;

}
.comUserRank {
}

.comUserRankText {
padding:  5px 5px;
width:    150px;
font-size: 1.1em;
font-weight:lighter;
color: #565656;

}



.comUserRankImg {border: 0;}
.comTitle a,
.comUserName a{ color: #FFFFFF;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller;}
.comDateCaption {font-weight: bold; font-style: normal;}

#seotexe{
clear:    both;  
height:0px;  overflow:hidden;
}

/*========== xo_footerstatic.html ==========*/
#divheight{
padding-bottom: 15px;
*display: none;
}

#xo-footerstatic * { margin: 0; padding: 0;}
#xo-footerstatic {
*display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: none;
  color: #000;
  font-size: 11px;
  z-index: 100000000;
}

body>#xo-footerstatic {  position: fixed;}
#xo-footerstatic #controls {
  margin: 0 20px 0 20px;
  background-color: #fff;
  line-height: 39px;
  text-shadow:	2px 2px 3px #aaa;
  border: 1px solid #b5b5b5;
  border-bottom: none;
}
#xo-footerstatic #controls  { margin-top: 1px; background: #E7F4F7; padding: 3px 10px 0 10px;}
#xo-footerstatic .separator { margin-left: 3px; border-left: 1px solid #b5b5b5;}
#xo-footerstatic #controls ul, li { margin: 0;  padding: 0;}
#xo-footerstatic #controls ul { list-style: none;}
#xo-footerstatic #controls li { display: inline-block; height: 29px; line-height: 27px; padding-right: 6px;}
#xo-footerstatic .icon { vertical-align: text-bottom;}
#xo-footerstatic .icon-chat { padding-top: 3px;}
#xo-footerstatic .chat, .icon-chat { float: right;}
#xo-footerstatic .text { vertical-align: top;}


/*   =========IE6說明=========   */
#ie6 {
	background: url(../img/noie6/001.gif) repeat  left  top;
	position: absolute;
	width: 100%;
	height: 600px;
	left: 0px;
	top: 0px;
	z-index: 100000000000000;
}
#ie6center {
	width:  583px;
	height: 244px;
	overflow: hidden;
	background: url(../img/noie6/noie6.jpg) repeat  left  top;
	position: absolute;
	top: 25%;
	left: 28%;
}
#ie6centera {
	padding: 45px 0px  0px  180px;
}
#ie6center h3 a {
	color: #D16206;
}
#ie6center h5 a:hover,  #ie6center h3 a:hover {
	color: #262626;
}

#ie6center h5 span{
padding-left: 1px;
} 

.en   #ie6center h6, .en #ie6center h4, .en #ie6center h3 {
	padding: 0px 0px 0px 0px;
	font-size: 90%;
}
#ie6center h4, #ie6center h3 {
	padding: 0px 0px 10px 0px;
}
#ie6center  span {
	padding-right: 10px;
}
#ie6center h5 {
	color: #424242;
}
#ie6center h5 a {
	color: #BF5803;
}
#ie6center h6 {
	padding-top: 20px;
	font-size: 100%;
}
.en #ie6language img {
	padding-top: 0px;
}
#ie6language img {
	padding-top: 10px;
	margin-right: 10px;
}
#ie6none {
	display: none;
}