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;} }