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

*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/930px
*Number of columns:              1


/*__html
------------------------------------------------------------------------------------*/
html { 
min-width : 1000px; 
}

/*__img
------------------------------------------------------------------------------------*/ 
img { 
border-width : 0; 
} 

/*__body
------------------------------------------------------------------------------------*/
body { 
font-family : "宋体",verdana,"細明體", "新細明體", "標楷體",'Lucida Grande','Lucida Sans Unicode',arial,sans-serif;
margin : 0; 
color : #333; 
font-size : 12px; 
line-height : 150%; 
background : url(../../images/bg_flower.gif) left top repeat; 
}

/*__clear
------------------------------------------------------------------------------------*/ 
.clear { 
clear : both; 
height : 1px; 
overflow : hidden; 
margin-top : -1px; 
}

/*__wrap
------------------------------------------------------------------------------------*/ 
#wrap { 
width : 100%; 
margin : 20px 0 0 0; 
} 

/*__main
------------------------------------------------------------------------------------*/
#main { 
width : 1000px; 
margin : 0 auto;
background :#f1e1ca;
} 

#mainpic{
width : 1000px; 
height:567px;
margin : 0 auto;
background : url(../../images/show18.gif) left 97px no-repeat; 
}

#mainpicshow{
width : 850px; 
margin:0 auto;
padding:30px 0px 0px 0px;
}

#mainpicshow ul{ list-style:none}

#mainpicshow li{float:left;width:230px; text-align:center;padding:20px;}

/*__head
------------------------------------------------------------------------------------*/
#head { 
width : 1000px; 
margin : 0 auto;
background :#000;
} 

/*__content
------------------------------------------------------------------------------------*/
#content { 
margin: 0 auto;
} 

#content_one {
float:left;
width:320px;
margin:10px 0 10px 0; 
height : 240px; 
background :;
border-right: 1px dotted #9e9385;  
} 

#content_two { 
float:left;
width:650px;
margin:10px 0 10px 0; 
background :;
} 

#content_map { 
float:right;

} 

.pp{
width:90%;
margin:0 auto;
padding:10px 0 5px 0;
}

.pic{ float:left;}

.pa{
float:right;
padding:5px;
}

.pa span{ font-weight:bold;
color:#350900;
}
.content_newstitle{
width:90%;
margin:0 auto;
padding:20px 0 5px 0;
font-size:14px; 
font-weight:bold;
}

.content_p{width:90%;margin:0 auto;}
.content_p ul{ list-style:none;}
.content_p li{padding:5px;}

.content_news{width:90%;margin:0 auto;}
.content_news ul{ list-style:none;}
.content_news li{padding:5px; border-bottom:1px dotted #9e9385;}

/*__foot
------------------------------------------------------------------------------------*/
#foot { 
width : 1000px; 
margin : 0 auto;
border: 1px solid #a78650;  

} 

/*__logo
------------------------------------------------------------------------------------*/
#logo { 
margin : 0 auto; 
} 




/*__nav
------------------------------------------------------------------------------------*/ 
#nav { 
width : 1000px; 
height : 100px; 
margin : 0 auto;
background : url(../../images/shop_bg.gif) left -3px repeat-x; 
border-top: 1px solid #a78650; 
border-left: 1px solid #a78650; 
} 
* { 
margin : 0; 
padding : 0; 
} 
.nav { 
margin : 0 auto;
position : relative; 
z-index : 10; 
width : 1000px;
font-size : 12px; 
font-weight : normal; 
} 
.nav ul { 
list-style : none; 
} 
.nav li { 
float : left; 
width:133px;
position : relative; 
}

.nav li#logos { 
margin : 1px 0 0 0;
*margin: 0 auto; 
width:202px;
position : relative; 
}
 
.nav ul ul { 
visibility : hidden; 
position : absolute; 
left : 0px; 
top : 99px; 
} 
.nav table { 
position : absolute; 
top : 0; 
left : 0; 
} 
.nav ul li:hover ul, .nav ul a:hover ul { 
visibility : visible; 
} 
.nav ul ul { 
z-index : 10; 
margin : 0 0 0 0; 
border: 1px solid #a78650; 
} 
.nav ul ul li { 
clear : both; 
z-index : 10; 
font-size : 12px; 
font-weight : normal; 
} 


/*__banner
------------------------------------------------------------------------------------*/
#banner { 
margin :0; 
} 

#copyright{
width:1000px;
margin : 0 auto 20px auto;
text-align:center;
color:#b98b57;
}
 
