/*======佈景製作：Neo網站設計工坊=======*/
/*=========設計師：徐嘉裕0931229118=========*/

@import url(forms.css); 
@import url(modules.css); 
@import url(block.css); 



*{	
   font-family:		"Lucida Grande", Verdana, sans-serif  !important;  
   *letter-spacing:               0em !important;  
   letter-spacing:               0.1em ;  
   _letter-spacing:               0em ;  
}

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

body {color: #000; margin: 0; padding: 0;
 
 background:		 url(../img/index_01.jpg) no-repeat center  center;
 background-attachment:        fixed!important;  
}

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

#clear{  
clear: both;  }   

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





a {color: #4a3717;  text-decoration: none;   background-color: transparent;}
a:hover {color: #AE4337}

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: #AE4337;
}


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

input.formButton {}

div#content .item {
margin-top:  30px;
border-bottom: 1px  solid #B2A68B;
 background:		 url(../img/dingway_42.png) repeat   left  top; 
 _background:	#E6DECA	 url(../img/) repeat   left  top; 
}



form{
margin: 0;
padding: 0;
}

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


div#content .itemHead {
background:	  url(../img/cosmetician_41.png) repeat-x left top;  
height: 59px;
color:  #FFFFFF ;
 vertical-align : middle; 
 font-size:   1.1em;
   
   }
   



div#content .itemHead  span.itemTitle{
   background:		 url(../img/cosmetician_31.png) no-repeat   left  10px; 
_background:		 url(../img/cosmetician_31.gif) no-repeat   left  10px; 
   display:  block;
   padding:  12px  0  0  50px;
  color: #FFFFFF; 
   font-weight:  bold;
}





div#content .itemInfo {
text-align: right; 
padding: 3px; 
 height: 30px;
 border-bottom:  1px  solid  #A5A5A5;
}



div#content .itemTitle a {
font-size: 1.0em; 
font-variant: small-caps; 
color: #FFFFFF;

background-color: transparent;}




div#content .itemTitle a:hover{
 color: #D1D1D1;
} 

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: 0px 8px;
  font-size: 100%; 
letter-spacing:               0.1em;
line-height: 220%;

}


div#content .itemText img{
max-width:550px;}

div#content   p.itemText{
 background:	  url(../img/) no-repeat right 4px !important;
   padding-bottom: 15px; 
   color:   #4A3717;
  }
  

  


div#content .itemFoot {
text-align: left; 
padding: 0px 0px  0px 20px; 


}


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






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



table th {
background:	  url(../img/cosmetician_41.png) no-repeat left center ;  
height:  59px;
color:   #FFFFFF ;
 vertical-align : middle; 
 font-size:   1.0em;
 padding: 0px 5px;
 }
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頁面 ======= */

#contenta{
width: 100%;
}



div#content {
position:              relative;   
line-height: 220%; 
 z-index:  1006;
font-size: 105%; 
color:       #6F4410;
padding: 0px 5px 20px 5px;
}



#contenta  #contenttop h3{
width: 475px;
color: #745728;
font-size: 1.2em;
 font-weight: bold;
background:	 url(../img/cosmetician_31.png) no-repeat left 5px;
_background:	 url(../img/cosmetician_31.gif) no-repeat left 5px;
padding: 13px 0px 8px 55px;
}
#contenta  #contenttop h3 a{
color: #745728;
}


#contenta    #blockTitlebottom{
width: 100%;
height: 5px;
background:	 url(../img/cosmetician_46.png) no-repeat left top;
_background:	 url(../img/cosmetician_46.gif) no-repeat left top;
margin-bottom: 15px;
}

div#content table.outer .odd{
padding: 0px;
}

div#content  .even li{
padding-left:  25px;
}




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

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

.head {
background:		  url(../img/dingway_41.png) repeat left top ;  
_background:	#B0B0B0	  url(../img/) repeat left top ;  
height:  auto;
color:   #FFFFFF ;
 vertical-align : middle; 
 font-size:   1.0em;
padding:  0px  10px;   
 font-weight: bold;
}


.even {
background:				 url(../img/dingway_42.png) repeat right center ;
_background:		#EDE6D8		 url(../img/) repeat right center ;
padding: 5px;
_height: 10px;
color:  #4A3717;
}



.odd {
background:				 url(../img/dingway_42.png) repeat right center ;
_background:		#EDE6D8		 url(../img/) repeat right center ;
color:  #4A3717;
padding: 5px;
_height: 10px;
}



.foot {
background:		 url(../img/dingway_41.png) repeat   left  top; 
_background:	#A6A199	 url(../img/) repeat   left  top; 
padding: 10px; 
font-weight: bold;}



tr.even td {
padding: 5px;
border-bottom:    1px  dotted  silver #B2A68B;
}


tr.odd td {
 padding: 5px;
 border-bottom:    1px  dotted  silver #B2A68B;
 }


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 {  border: 0px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; height: 200px; overflow: auto;}

div.xoopsQuote {  
border: 1px solid #A5A098;
background:		 url(../img/AfricaB_24.png) repeat   left  top; 
_background:	#CCCBC8	 url(../img/) repeat   left  top; 
 font-family: "Courier New",Courier,monospace; 
 padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; padding:  5px 10px;
}




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

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



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


#tablerighton  .comText img{
max-width: 370px;
}

.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;
}