@charset "utf-8";
/* CSS Document */
a{ text-decoration:underline; color:#666;}
a:hover{ text-decoration:none; color:#dd353d;}

a img{ border:0;}
a:hover img{ border:0;}


/*---------------导航--------------*/
#nav li{ float:left; text-align:center; width:100px; height:45px; line-height:45px; margin-left:8px;}
#nav li a{ display:block; text-indent:-9999px; overflow:hidden; width:100px; height:45px;}
 /* BUTTONS */
#nav li#n1 a{ background:url(../images/nav1.gif) -10px 0 no-repeat;}
#nav li#n2 a{ background:url(../images/nav1.gif) -114px 0 no-repeat;}
#nav li#n3 a{ background:url(../images/nav1.gif) -226px 0 no-repeat;}
#nav li#n4 a{ background:url(../images/nav1.gif) -336px 0 no-repeat;}
#nav li#n5 a{ background:url(../images/nav1.gif) -446px 0 no-repeat;}
#nav li#n6 a{ background:url(../images/nav1.gif) -556px 0 no-repeat;}
#nav li#n7 a{ background:url(../images/nav1.gif) -668px 0 no-repeat;}
#nav li#n8 a{ background:url(../images/nav1.gif) -780px 0 no-repeat;}
#nav li#n9 a{ background:url(../images/nav1.gif) -890px 0 no-repeat;}

/* OVER STATES */
#nav li#n1 a:hover{ background:url(../images/nav2.gif) -10px 0 no-repeat;}
#nav li#n2 a:hover{ background:url(../images/nav2.gif) -114px 0 no-repeat;}
#nav li#n3 a:hover{ background:url(../images/nav2.gif) -226px 0 no-repeat;}
#nav li#n4 a:hover{ background:url(../images/nav2.gif) -336px 0 no-repeat;}
#nav li#n5 a:hover{ background:url(../images/nav2.gif) -446px 0 no-repeat;}
#nav li#n6 a:hover{ background:url(../images/nav2.gif) -556px 0 no-repeat;}
#nav li#n7 a:hover{ background:url(../images/nav2.gif) -668px 0 no-repeat;}
#nav li#n8 a:hover{ background:url(../images/nav2.gif) -780px 0 no-repeat;}
#nav li#n9 a:hover{ background:url(../images/nav2.gif) -890px 0 no-repeat;}

/* PRESSED STATES */
#nav li#n1 a:active{ background:url(../images/nav3.gif) -10px 0 no-repeat;}
#nav li#n2 a:active{ background:url(../images/nav3.gif) -114px 0 no-repeat;}
#nav li#n3 a:active{ background:url(../images/nav3.gif) -226px 0 no-repeat;}
#nav li#n4 a:active{ background:url(../images/nav3.gif) -336px 0 no-repeat;}
#nav li#n5 a:active{ background:url(../images/nav3.gif) -446px 0 no-repeat;}
#nav li#n6 a:active{ background:url(../images/nav3.gif) -556px 0 no-repeat;}
#nav li#n7 a:active{ background:url(../images/nav3.gif) -668px 0 no-repeat;}
#nav li#n8 a:active{ background:url(../images/nav3.gif) -780px 0 no-repeat;}
#nav li#n9 a:active{ background:url(../images/nav3.gif) -890px 0 no-repeat;}

/* ON STATES */
#nav li#cn1 a{ background:url(../images/nav3.gif) -10px 0 no-repeat;}
#nav li#cn2 a{ background:url(../images/nav3.gif) -114px 0 no-repeat;}
#nav li#cn3 a{ background:url(../images/nav3.gif) -226px 0 no-repeat;}
#nav li#cn4 a{ background:url(../images/nav3.gif) -336px 0 no-repeat;}
#nav li#cn5 a{ background:url(../images/nav3.gif) -446px 0 no-repeat;}
#nav li#cn6 a{ background:url(../images/nav3.gif) -556px 0 no-repeat;}
#nav li#cn7 a{ background:url(../images/nav3.gif) -668px 0 no-repeat;}
#nav li#cn8 a{ background:url(../images/nav3.gif) -780px 0 no-repeat;}
#nav li#cn9 a{ background:url(../images/nav3.gif) -890px 0 no-repeat;}

/*-----------------case link----------------------*/
.case1 a img,.case2 a img{ border:5px #999 solid;}
.case1 a:hover img,.case2 a:hover img{ border:5px #de1010 solid;}
/*-----------------end case link----------------------*/