96 lines
2.2 KiB
CSS
96 lines
2.2 KiB
CSS
|
||
html {
|
||
background: #FFF;
|
||
color: #000;
|
||
|
||
}
|
||
*{font-family:Arial, "΢ÈíÑźÚ", sans-serif;}
|
||
*:focus {outline: none;}
|
||
body, div, ul,li,dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
|
||
margin: 0;
|
||
padding: 0
|
||
}
|
||
table {
|
||
border-collapse: collapse;
|
||
border-spacing: 0;
|
||
max-width:100%;
|
||
}
|
||
fieldset, img {
|
||
border: 0
|
||
}
|
||
address, caption, cite, code, dfn, th, var {
|
||
font-style: normal;
|
||
font-weight: normal
|
||
}
|
||
ol, ul {
|
||
list-style: none
|
||
}
|
||
caption, th {
|
||
text-align: left
|
||
}
|
||
h1, h2, h3, h4, h5, h6 {
|
||
font-size: 100%;
|
||
font-weight: normal
|
||
}
|
||
q:before, q:after {
|
||
content: ''
|
||
}
|
||
abbr, acronym {
|
||
border: 0;
|
||
font-variant: normal
|
||
}
|
||
sup {
|
||
vertical-align: text-top
|
||
}
|
||
sub {
|
||
vertical-align: text-bottom
|
||
}
|
||
input, textarea, select {
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
font-weight: inherit
|
||
}
|
||
input, textarea, select {
|
||
font-size: 100%
|
||
}
|
||
legend {
|
||
color: #000
|
||
}
|
||
html {
|
||
background-color: #f8f7f5
|
||
}
|
||
body {
|
||
|
||
color: #222;
|
||
height: 100%;
|
||
padding: 0;
|
||
position: relative
|
||
}
|
||
a,a:visited{color: #000; text-decoration:none;}
|
||
a:hover{color: #dd0000; text-decoration:none;}
|
||
/* ±¾Àý×Ócss */
|
||
.menu{ float:left; margin-top:10px; overflow: hidden; width: 100%; position:relative; background-color:#fff;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; }
|
||
.menu h3{ float:left; overflow: hidden; width: 100%; height:40px; position:relative; line-height:40px; font-size:18px; font-weight:bold; color:#ff4d00; text-indent:10px;}
|
||
.menu ul{ float:left;margin-top:10px; overflow: hidden; width: 100%; position:relative; }
|
||
.menu ul li{float:left;width:140px; height:100px; text-align:center;}
|
||
.menu ul li a,.menu ul li a:visited{ display:block; width:100%; height:100%;}
|
||
.menu ul li img{width:46px; height:46px;}
|
||
|
||
|
||
@media screen and (max-width:640px)
|
||
{
|
||
.menu ul li{float:left;width:125px; height:100px; text-align:center;}
|
||
}
|
||
@media screen and (max-width:540px)
|
||
{
|
||
.menu ul li{float:left;width:105px; height:100px; text-align:center;}
|
||
}
|
||
@media screen and (max-width:480px)
|
||
{
|
||
.menu ul li{float:left;width:95px; height:100px; text-align:center;}
|
||
}
|
||
|
||
@media screen and (max-width:320px)
|
||
{
|
||
.menu ul li{float:left;width:102px; height:100px; text-align:center;}
|
||
} |