@charset "utf-8";
/* CSS Document */
body , html{
padding:0;
margin:0;
background:url(images/bg/bg.jpg) repeat-x left top; 
}
#con{
position:relative;
width:920px;
height:auto;
padding:0;
margin:0 auto;}

#top{
width:920px;
heght:106px;
}

.top_nav{
padding-top:50px;
width:531px;
height:65px;
float:right;
}
.top_nav .a1{float:right; padding-left:10px; margin-left:8px; margin-bottom:2px; background:url(images/bg/dot1.gif) 0 7px no-repeat; color:#333333;}
.top_nav .a1:hover{color:#00a0e9;}

.top_nav ul{
padding:0;
margin:0;
display:inline;}
.top_nav ul li{
padding:0;
margin:0;
float:right;
list-style:none;
padding:0px;
margin-left:15px;}

#main{
width:741px;
float:right;
}







/*------left nav here 左欄位 CSS --------*/
#maindiv{
width:179px;
height:auto;
float:left;
background:url(images/bg/menu_top.jpg) #18a0ee no-repeat left top;
margin:0;
padding: 0px;}

.nav_con{
width:160px;
padding:25px 10px 20px 10px;
height:443px;
}




#maindivbottom{
width:180px;
height:21px;
background:url(images/bg/menu_bottom.jpg) no-repeat left top}

/*------left nav here 左欄位 CSS  over here --------*/











/*-----------------bottom of  the  div main css here ---------------------------*/
#box{
width:733px;
height:auto;
margin:0;
padding:3px 3px;
border:1px solid #e0e0e0;}

.smbox{
float:left;
width:175px;
height:57px;
padding:2px;
margin:0px 1px 0px 1px;
border:1px solid #9edaf7;
}
/*-----------------bottom of  the  div main css end of  here ---------------------------*/



.left{
float:left;}

.topnav ul{
display:inline;height:22px;}

.topnav ul li a{ 
 display: block;
height: 22px;
background-color: transparent;
background-image: url(images/nav.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
text-indent: -9999px;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }

 
 
.topnav .b1 a{ width:90px; background-position: 0 0 }
.topnav .b1 a:hover{ width:90px;  background-position: 0 -21px;}
.topnav .b2 a{ width:130px;  background-position: -100px 0}
.topnav .b2 a:hover{ width:130px;  background-position: -100px -21px}
.topnav .b3 a{ width:105px;   background-position: -240px 0}
.topnav .b3 a:hover{ width:105px;  background-position:-240px -21px}