﻿/*---------------------------------------------------------------------------------------------

*FileName:                       main.css
*Description:                    CA it CSS
*Version:                        1.0.0(2010-02-26)YYYY-MM-DD
*Website:                        http://www.computing-age.com
*Copyright:                      computing-age      
*Author:                         computing-age_green
*AuthorEmail:                    sales@computing-age.com

==STRUCTURE:==============================================================================
*Page width:                     All
*Number of columns:              1


/*__a
------------------------------------------------------------------------------------*/
a:link { 
text-decoration : none; 
color : #999; 
}/*鏈接*/ 
a:visited { 
text-decoration : none; 
color : #999; 
}/*訪問過*/ 
a:hover { 
text-decoration : underline; 
font-weight : normal; 
color : #669900; 
}/*悬停*/  
a:active { 
text-decoration : none; 
color : #999; 
}/*現在*/  


/*__nav
------------------------------------------------------------------------------------*/
.nav a { 
display : block; 
margin : 0; 
padding : 0; 
color : #fff; 
text-decoration : none; 
text-align : center; 
} 
.nav a:link { 
color : #ffffa5; 
} 
.nav a:visited { 
color : #ffffa5; 
} 
.nav a:hover { 
color : #fff; 
font-weight : normal; 
text-decoration : none; 
} 
.nav a:active { 
color : #ffffa5; 
} 
.nav ul ul li#d a { 
display : block; 
width : 133px;
height:30px; 
margin : 0; 
padding : 8px 0 0 0; 
text-align : center; 
border-bottom : 1px solid #a78650; 
background :#000;
FILTER: alpha(opacity=80); 
} 
.nav ul ul li#d a:hover, #activea { 
width : 133px; 
height:30px; 
background :#000;
FILTER: alpha(opacity=80); 
} 


.nav li#m1 a { 
width : 133px; 
height : 101px; 
background : url(../../images/shop1.gif) left -3px no-repeat; 
} 
.nav li#m1 a:hover, #activea { 
width : 133px; 
height : 101px; 
background : url(../../images/shop_on1.gif) left -3px no-repeat; 
} 


.nav li#m2 a { 
width : 133px; 
height : 101px; 
background : url(../../images/shop2.gif) left -3px no-repeat; 
} 
.nav li#m2 a:hover, #activea { 
width : 133px; 
height : 101px; 
background : url(../../images/shop_on2.gif) left -3px no-repeat; 
} 

.nav li#m3 a { 
width : 133px; 
height : 101px; 
background : url(../../images/shop3.gif) left -3px no-repeat; 
} 
.nav li#m3 a:hover, #activea { 
width : 133px; 
height : 101px; 
background : url(../../images/shop_on3.gif) left -3px no-repeat; 
} 
.nav li#m4 a { 
width : 133px; 
height : 101px; 
background : url(../../images/shop4.gif) left -3px no-repeat; 
} 
.nav li#m4 a:hover, #activea { 
width : 133px; 
height : 101px; 
background : url(../../images/shop_on4.gif) left -3px no-repeat; 
} 
.nav li#m5 a { 
width : 133px; 
height : 101px; 
background : url(../../images/shop5.gif) left -3px no-repeat; 
} 
.nav li#m5 a:hover, #activea { 
width : 133px; 
height : 101px; 
background : url(../../images/shop_on5.gif) left -3px no-repeat; 
} 
.nav li#m6 a { 
width : 133px; 
height : 101px; 
background : url(../../images/shop6.gif) left -3px no-repeat; 
} 
.nav li#m6 a:hover, #activea { 
width : 133px; 
height : 101px; 
background : url(../../images/shop_on6.gif) left -3px no-repeat; 
} 

/*__content_title
------------------------------------------------------------------------------------*/
.content_title { 
color : #000;
font-weight:bold;
width:90%;
margin:0 auto;
padding:0 0 0 15px;
border-bottom: 1px solid #9e9385;
background : url(../../images/bg_title.gif) left center no-repeat;    
} 

.font {float:left; 
color : #000;
font-weight:bold;
} 

.more {
float:right; 
margin:0 auto;
font-weight:normal;
} 

/*__content_font
------------------------------------------------------------------------------------*/
.content_font { 
height : 100px; 
color : #669933; 
font-size : 10px; 
font-weight : bold; 
line-height : 130%; 
} 

/*__contact_title
------------------------------------------------------------------------------------*/
.contact_title { 
color : #0099cc; 
font-size : 14px; 
} 

/*__contact_blue
------------------------------------------------------------------------------------*/
.contact_blue { 
color : #0099cc; 
} 

/*__contact_green
------------------------------------------------------------------------------------*/
.contact_green { 
color : #669933; 
} 

/*__contact_bold
------------------------------------------------------------------------------------*/
.contact_bold { 
font-weight : bold; 
} 


