You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
2.5 KiB
CSS
136 lines
2.5 KiB
CSS
body {
|
|
font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
|
|
color: #555;
|
|
background-color: #F4F4F4;
|
|
}
|
|
body, button, input, textarea {
|
|
font-size: 12px;
|
|
line-height: 1.531;
|
|
outline: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
p, ul, ol, dl, dt, dd, form, blockquote {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
color: #333333;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
color: #C70D0E;
|
|
}
|
|
ul, ol {
|
|
list-style: none;
|
|
}
|
|
/* -- mainnav -- */
|
|
.mainnav {
|
|
margin-bottom: 10px;
|
|
height: 35px;
|
|
font-size: 14px;
|
|
}
|
|
/* LEVEL ONE */
|
|
.firstnav {
|
|
margin-bottom: 10px;
|
|
height: 35px;
|
|
font-size: 14px;
|
|
position: relative;
|
|
z-index: 1000;
|
|
}
|
|
.firstnav li {
|
|
background-color: #E0E0E0;
|
|
float: left;
|
|
zoom: 1;
|
|
}
|
|
.firstnav li a {
|
|
display: block;
|
|
width: 101px;
|
|
padding: 0 12px;
|
|
text-align: center;
|
|
border-right: 1px solid #F4F4F4;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
.firstnav li.hover, .firstnav li.cur {
|
|
background: #19B4EA;
|
|
position: relative;
|
|
}
|
|
.firstnav li.hover a, .firstnav li.cur a {
|
|
color: #FFF;
|
|
}
|
|
.firstnav li .first {
|
|
background: #E0E0E0 url(../images/main_nav_left.gif) no-repeat left top;
|
|
width: 74px;
|
|
}
|
|
.firstnav li.hover .first, .firstnav li.cur .first {
|
|
background: #19B4EA url(../images/main_nav_left.gif) no-repeat left bottom;
|
|
}
|
|
.firstnav li .last {
|
|
background: #E0E0E0 url(../images/main_nav_right.gif) no-repeat right top;
|
|
margin-right: -1px;
|
|
}
|
|
.firstnav li.hover .last, .firstnav li.cur .last {
|
|
background: #19B4EA url(../images/main_nav_right.gif) no-repeat right bottom;
|
|
}
|
|
/* LEVEL TWO */
|
|
.secondnav {
|
|
min-width: 125px;
|
|
_width: 125px;
|
|
display: none;
|
|
position: relative;
|
|
left: 0;
|
|
background: #E0E0E0;
|
|
}
|
|
.secondnav li {
|
|
font-weight: normal;
|
|
background: #E0E0E0;
|
|
height:35px;
|
|
border-top: 1px solid white;
|
|
float: none;
|
|
}
|
|
.secondnav li.hover li a {
|
|
color: #24313C;
|
|
height:35px;
|
|
border-right: none;
|
|
display: inline-block;
|
|
background: #E0E0E0;
|
|
}
|
|
.secondnav li.hover li.hover a {
|
|
color: #FFF;
|
|
height:35px;
|
|
background: #19B4EA;
|
|
}
|
|
/* LEVEL THREE */
|
|
.thirdnav {
|
|
margin-left: 100%;
|
|
margin-top:-35px;
|
|
display: none;
|
|
position: relative;
|
|
background: #E0E0E0;
|
|
}
|
|
.thirdnav li {
|
|
font-weight: normal;
|
|
margin-left: 100%;
|
|
height:35px;
|
|
background: #E0E0E0;
|
|
border-top: 1px solid white;
|
|
}
|
|
.thirdnav li.hover li a {
|
|
color: #24313C;
|
|
height:35px;
|
|
border-right: none;
|
|
display: inline-block;
|
|
background: #E0E0E0;
|
|
}
|
|
.thirdnav li.hover li.hover a {
|
|
background: #19B4EA;
|
|
margin-left: 100%;
|
|
height:35px;
|
|
margin-left: 100%;
|
|
}
|