/* reset.css */
html {margin:0;padding:0;border:0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, im{margin: 0;padding: 0;word-wrap: break-word}
body, html, input {font-family: "Microsoft Yahei", "STHeiti", "SimSun", "Arail", "Verdana", "Helvetica", "sans-serif";font-size: 12px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;color: #666666;}
h1 {font-size: 37px;}
h2 {font-size: 26px;}
h3 {font-size: 18px; font-weight:normal;}
h4 {font-size: 16px; font-weight:normal;}
h5 {font-size: 14px; font-weight:normal;}
h6 {font-size: 12px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a {color:#666;text-decoration:none;}
a:hover{color:#008cd6;}
a img {border:none;}
:focus {outline:0;}
strong{font-weight:bold;}
input, label, img, th, li {vertical-align: middle;}
input.button, input.btn {_width: 0;overflow:visible !ie;}
ul, ol, li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;width:100%;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid.css */
.container {width:1010px; margin:0 auto;}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;}




/****button.css***/
.btn{ border:none; text-align:center; display:inline-block;
  -webkit-transition-property: background, color;
  -moz-transition-property: background, color;
  -o-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor:pointer;
  border-radius:2px;
}
.btn:active{
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.3);}
.btn-normal{ width:80px; height:28px;  line-height:28px;}
.btn-black{ background:#505050; color:#ccc;}
.btn-black:hover{ color:#fff;}
.btn-orange{ background:#f18d05; color:#fff;}
.btn-orange:hover{ background:#fa9915;color:#fff;}
.btn-orange:active{background: #d8891e;color:#e0e0e0;}
.btn-blue{ background:#00a1cb;color:#fff;}
.btn-blue:hover{background: #00b5e5;color:#fff;}
.btn-blue:active{background: #1495b7;color: #e0e0e0;}
.btn-green{ background:#7db500;color:#fff;}
.btn-green:hover{ background:#8fcf00;color:#fff;}
.btn-green:active{background: #76a312;color: #e0e0e0;}
.btn-grey{ background:#e9e9e9; color:#666;}
.btn-grey:hover{ background:#f0f0f0;color:#666;}
.btn-grey:active{color: #bbbbbb; background: #eeeeee;}
.btn-red{ background:#c30d23;color:#fff;}
.btn-red:hover{background: #d80f28;color:#fff;}
.btn-red:active{background: #bd1025;color: #e0e0e0;}
/****pages.css***/
.pages{ overflow:hidden;background:#fff;margin-bottom:10px; text-align:center;}
.pages a{ display:inline-block; width:26px; height:26px; text-align:center; line-height:26px; color:#a9a9a9; -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; background:#fff;  margin-right:5px; border:solid 1px #eaeaea;}
.pages span{display:block; width:28px; height:26px; text-align:center; line-height:26px; color:#a9a9a9;  display:inline-block; margin-right:5px; background:#fff;}
.pages a:hover,.pages span{background:#f3f3f3; color:#666; border:solid 1px #eaeaea;}
.pages .a1{ display:none;}


hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.left{ float:left;}
.right{ float:right;}
.last {margin-right: 0 !important;}
.border-bottom{ border-bottom:none !important;}