/* 重置浏览器的默认风格 */

* { margin: 0; padding: 0; }

body { background: #fff; font: 12px/150% 'Lucida Grande', '宋体', Arial, Verdana, sans-serif; text-align: center; }

h1, h2, h3, h4, h5, h6 { line-height: 1em; }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1em; }

a img { border: none; }

a { color: #009; text-decoration: underline; }
a:focus, a:hover { color: #000; }

address { font-style: italic; }

blockquote { color: #666; font-style: italic; margin: 1em; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }
em { font-style: italic; background: #ffc; }

ul { list-style: none; }
ol { list-style: disc; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }

pre, code { margin: 1.5em 0; white-space: pre; }

/* 表单相关默认风格 */

label { font-weight: bold; }

fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }

button, input, textarea, select { font: 1em normal 'Lucida Grande', '宋体', Arial, Verdana, sans-serif; }

button, input.button, input.submit, input.text, textarea, select { padding: .2em .2em 0; }
input.text:focus, textarea:focus, select:focus { padding: .2em .2em 0; background: #fff; }

.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ccc; }
.error { background: #fbe3e4; color: #d12f19; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #817134; border-color: #ffd324; }
.success { background: #e6efc2; color: #529214; border-color: #c6d880; }

.highlight { background: #ff0; }

/* 页面布局风格 */

#page { margin: 0 auto; color: #333; text-align: left; }

.hide { display: none; }

.left { float: left; }
.right { float: right; }

.clear { display: inline-block; }
.clear:after, #page:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }