/*-------------------------------------------------------------------

 * Filename:          base.css
 * Description:       1.用来消除各种浏览器之间对html标签解释的差异
                      2.为某些基础标签统一重定义样式
                      3.设置字体大小
                      4.网页栅格化设置
 * Version:           3.10 (2010-04-18)
 * Website:           http://www.bestyanjing.com
 * Author:            Wrongway

 == STRUCTURE: =====================================================
 
 * Page width:        980px
 * Number of columns: 2

--------------------------------------------------------------------*/


/*== 标签Reset =====================================================
  所有标签进行Rest,以适应各种浏览器 
------------------------------------------------------------------*/

html{
    color:#000;
    background:#FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
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;
}
fieldset,
img {
    border:0;
}

address,
vcaption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style:normal;
    font-weight:normal;
}

li {
    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;
}
/* to preserve line-height and selector appearance */
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
input,
textarea,
select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
    color:#000;
}

/*== 标签再定义 ===================================================
  所有标签进行再定义
------------------------------------------------------------------*/

h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:138.5%;  
}
h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%; 
}
h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;  
}
h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold; 
}
abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
} 
em {
    /*bringing italics back to the em element*/
    font-style:italic;
}
blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}
ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*providing spacing for definition terms*/
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #000;
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}
caption {
    /*coordinated margin to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}
p,fieldset,table,pre {
    /*so things don't run into each other*/
    margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/*== 定义字体大小 =================================================
  对某些标签定义默认字体大小
------------------------------------------------------------------*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
    *font-size:small; /* for IE */
    *font:x-small; /* for IE in quirks mode */
    
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
    font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
    font-size:inherit;
    font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

/*== 定义网页栅格 ================================================
  定义网页栅格大小
------------------------------------------------------------------*/

body {
    /* center the page */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/*
Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
*/
/*
Subsection: General
*/
.yui3-d0, /* 100% */
.yui3-d1, /* 750px */
.yui3-d1f, /* 750px fixed */
.yui3-d2, /* 950px */
.yui3-d2f, /* 950px fixed */
.yui3-d3, /* 974px */
.yui3-d3f { /* 974px fixed */
    margin: auto;
    text-align: left;
    width: 57.69em;
    *width: 56.25em; /* doc1*/
}

.yui3-t1,
.yui3-t2,
.yui3-t3,
.yui3-t4,
.yui3-t5,
.yui3-t6,
.yui3-t7 {
    margin: auto;
    text-align: left;
    width: 100%;
}

/*
Subsection: 100% (doc)
*/
.yui3-d0 {
    /* Left and Right margins are not a structural part of Grids. Without them Grids
       works fine, but content bleeds to the very edge of the document, which often
       impairs readability and usability. They are
       provided because they prevent the content from "bleeding" into the browser's chrome.*/
    margin: auto 10px;
    width: auto;
}
.yui3-d0f {
    width: 100%;
}

/*
Subsection: 950 Centered (doc2)
*/
.yui3-d2 {
    width: 73.076em;
    *width: 71.25em;
}
.yui3-d2f {
    width: 950px;
}
/*
Subsection: 974 Centered (doc3)
*/
.yui3-d3 {
    width: 74.923em;
    *width: 73.05em;
}
.yui3-d3f {
    width: 974px;
}
/*
Section: Preset Template Rules (.yui3-t[1-6])
*/
/*
Subsection: General
*/

/* to preserve source-order independence for Gecko without breaking IE */
.yui3-b {
    position: relative;
}
.yui3-b {
    _position: static;
}
.yui3-main .yui3-b {
    position: static;
}
.yui3-main {
    width: 100%;
}
.yui3-t1 .yui3-main,
.yui3-t2 .yui3-main,
.yui3-t3 .yui3-main {
    float: right;
    /* IE: preserve layout at narrow widths */
    margin-left: -25em;
}
.yui3-t4 .yui3-main,
.yui3-t5 .yui3-main,
.yui3-t6 .yui3-main {
    float: left;
    /* IE: preserve layout at narrow widths */
    margin-right: -25em;
}

.yui3-t7 .yui3-main {
    float: left;
    /* IE: preserve layout at narrow widths */
    margin-right: -30em;
}

/* Subsection: For Specific Template Presets */

/**
* Nudge down to get to 13px equivalent for these form elements
*/

/*
TODO Create t1-6's that are based on fixed widths
*/
/* t1 narrow block = left, equivalent of 160px */
.yui3-t1 .yui3-b {
    float: left;
    width: 12.30769em;
    *width: 12.00em;
}
.yui3-t1 .yui3-main .yui3-b {
    margin-left: 13.30769em;
    *margin-left:12.975em;
}
/* t2 narrow block = left, equivalent of 180px */
.yui3-t2 .yui3-b {
    float: left;
    width: 13.84615em;
    *width: 13.50em;
}
.yui3-t2 .yui3-main .yui3-b {
    margin-left: 14.84615em;
    *margin-left: 14.475em;
}
/* t3 narrow block = left, equivalent of 300px */
.yui3-t3 .yui3-b {
    float: left;
    width: 23.0769em;
    *width: 22.50em;
}
.yui3-t3 .yui3-main .yui3-b {
    margin-left: 24.0769em;
    *margin-left: 23.475em;
}
/* t4 narrow block = right, equivalent of 180px */
.yui3-t4 .yui3-b {
    float: right;
    width: 13.8456em;
    *width: 13.50em;
}
.yui3-t4 .yui3-main .yui3-b {
    margin-right: 14.8456em;
    *margin-right: 14.475em;
}
/* t5 narrow block = right, equivalent of 240px */
.yui3-t5 .yui3-b {
    float: right;
    width: 18.4615em;
    *width: 18.00em;
}
.yui3-t5 .yui3-main .yui3-b {
    margin-right: 19.4615em;
    *margin-right: 18.975em;
}
/* t6 narrow block = equivalent of 300px */
.yui3-t6 .yui3-b {
    float: right;
    width: 23.0769em;
    *width: 22.50em;
}
.yui3-t6 .yui3-main .yui3-b {
    margin-right: 24.0769em;
    *margin-right: 23.475em;
}

/*.yui3-t7 .yui3-b {
    float: right;
    width: 23.0769em;
    *width: 22.50em;
}
.yui3-t7 .yui3-main .yui3-b {
    margin-right: 24.0769em;
    *margin-right: 23.475em;
}*/

/* t7 narrow block = equivalent of 375px */
.yui3-t7 .yui3-b {
    float: right;
    width: 26.846125em;
    *width: 26.125em;
}
.yui3-t7 .yui3-main .yui3-b {
    margin-right: 27.615355em;
    *margin-right: 26.875em;
}

.yui3-main .yui3-b {
    float: none;
    width: auto;
}

/*
Section: Grids and Nesting Grids
*/

/*
Subsection: Children generally take half the available space
*/

.yui3-gb .yui3-u,
.yui3-g .yui3-gb .yui3-u,
.yui3-gb .yui3-g,
.yui3-gb .yui3-gb,
.yui3-gb .yui3-gc,
.yui3-gb .yui3-gd,
.yui3-gb .yui3-ge,
.yui3-gb .yui3-gf,
.yui3-gc .yui3-u,
.yui3-gc .yui3-g,
.yui3-gd .yui3-u {
    float: left;
}

/*Float units (and sub grids) to the right */
.yui3-g .yui3-u,
.yui3-g .yui3-g,
.yui3-g .yui3-gb,
.yui3-g .yui3-gc,
.yui3-g .yui3-gd,
.yui3-g .yui3-ge,
.yui3-g .yui3-gf,
.yui3-gc .yui3-u,
.yui3-gd .yui3-g,
.yui3-g .yui3-gc .yui3-u,
.yui3-ge .yui3-u,
.yui3-ge .yui3-g,
.yui3-gf .yui3-g,
.yui3-gf .yui3-u {
    float: right;
}

/*Float units (and sub grids) to the left */
.yui3-g div.first,
.yui3-gb div.first,
.yui3-gc div.first,
.yui3-gd div.first,
.yui3-ge div.first,
.yui3-gf div.first,
.yui3-g .yui3-gc div.first,
.yui3-g .yui3-ge div.first,
.yui3-gc div.first div.first {
    float: left;
}

.yui3-g .yui3-u,
.yui3-g .yui3-g,
.yui3-g .yui3-gb,
.yui3-g .yui3-gc,
.yui3-g .yui3-gd,
.yui3-g .yui3-ge,
.yui3-g .yui3-gf {
    width: 49.1%;
}

.yui3-gb .yui3-u,
.yui3-g .yui3-gb .yui3-u,
.yui3-gb .yui3-g,
.yui3-gb .yui3-gb,
.yui3-gb .yui3-gc,
.yui3-gb .yui3-gd,
.yui3-gb .yui3-ge,
.yui3-gb .yui3-gf,
.yui3-gc .yui3-u,
.yui3-gc .yui3-g,
.yui3-gd .yui3-u {
    width: 32%;
    margin-left: 2.0%;
}

/* Give IE some extra breathing room for 1/3-based rounding issues */
.yui3-gb .yui3-u {
    *width: 31.8%;
*margin-left: 1.9%;
}

.yui3-gc div.first,
.yui3-gd .yui3-u {
    width: 66%;
    _width: 65.7%;
}
.yui3-gd div.first {
    width: 32%;
    _width: 31.5%;
}

.yui3-ge div.first,
.yui3-gf .yui3-u {
    width: 74.2%;
    _width: 74%;
}

.yui3-ge .yui3-u,
.yui3-gf div.first {
    width: 24%;
    _width: 23.8%;
}

.yui3-g .yui3-gb div.first,
.yui3-gb div.first,
.yui3-gc div.first,
.yui3-gd div.first {
    margin-left: 0;
}

/*
Section: Deep Nesting
*/
.yui3-g .yui3-g .yui3-u,
.yui3-gb .yui3-g .yui3-u,
.yui3-gc .yui3-g .yui3-u,
.yui3-gd .yui3-g .yui3-u,
.yui3-ge .yui3-g .yui3-u,
.yui3-gf .yui3-g .yui3-u {
    width: 49%;
    *width: 48.1%;
    *margin-left: 0;
}

.yui3-g .yui3-gb div.first,
.yui3-gb .yui3-gb div.first {
    *margin-right: 0;
*width: 32%;
_width: 31.7%;
}

.yui3-g .yui3-gc div.first,
.yui3-gd .yui3-g {
    width: 66%;
}

.yui3-gb .yui3-g div.first {
    *margin-right: 4%;
_margin-right: 1.3%;
}

.yui3-gb .yui3-gc div.first,
.yui3-gb .yui3-gd div.first {
    *margin-right: 0;
}

.yui3-gb .yui3-gb .yui3-u,
.yui3-gb .yui3-gc .yui3-u {
    *margin-left: 1.8%;
_margin-left: 4%;
}

.yui3-g .yui3-gb .yui3-u {
    _margin-left: 1.0%;
}

.yui3-gb .yui3-gd .yui3-u {
    *width: 66%;
_width: 61.2%;
}
.yui3-gb .yui3-gd div.first {
    *width: 31%;
_width: 29.5%;
}

.yui3-g .yui3-gc .yui3-u,
.yui3-gb .yui3-gc .yui3-u {
    width: 32%;
    _float: right;
    margin-right: 0;
    _margin-left: 0;
}
.yui3-gb .yui3-gc div.first {
    width: 66%;
    *float: left;
    *margin-left: 0;
}

.yui3-gb .yui3-ge .yui3-u,
.yui3-gb .yui3-gf .yui3-u {
    margin: 0;
}

.yui3-gb .yui3-gb .yui3-u {
    _margin-left: .7%;
}

.yui3-gb .yui3-g div.first,
.yui3-gb .yui3-gb div.first {
    *margin-left:0;
}

.yui3-gc .yui3-g .yui3-u,
.yui3-gd .yui3-g .yui3-u {
    *width: 48.1%;
*margin-left: 0;
}

.yui3-gb .yui3-gd div.first {
    width: 32%;
}
.yui3-g .yui3-gd div.first {
    _width: 29.9%;
}

.yui3-ge .yui3-g {
    width: 24%;
}
.yui3-gf .yui3-g {
    width: 74.2%;
}

.yui3-gb .yui3-ge div.yui3-u,
.yui3-gb .yui3-gf div.yui3-u {
    float: right;
}
.yui3-gb .yui3-ge div.first,
.yui3-gb .yui3-gf div.first {
    float: left;
}

/* Width Accommodation for Nested Contexts */
.yui3-gb .yui3-ge .yui3-u,
.yui3-gb .yui3-gf div.first {
    *width: 24%;
_width: 20%;
}

/* Width Accommodation for Nested Contexts */
.yui3-gb .yui3-ge div.first,
.yui3-gb .yui3-gf .yui3-u {
    *width: 73.5%;
    _width: 65.5%;
}

/* Patch for GD within GE */
.yui3-ge div.first .yui3-gd .yui3-u {
    width: 65%;
}
.yui3-ge div.first .yui3-gd div.first {
    width: 32%;
}

/*
Section: Clearing. zoom for IE, :after for others
*/

#bd:after,
.yui3-g:after,
.yui3-gb:after,
.yui3-gc:after,
.yui3-gd:after,
.yui3-ge:after,
.yui3-gf:after,
.yui3-t1:after,
.yui3-t2:after,
.yui3-t3:after,
.yui3-t4:after,
.yui3-t5:after,
.yui3-t6:after,
.yui3-t7:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#bd,
.yui3-g,
.yui3-gb,
.yui3-gc,
.yui3-gd,
.yui3-ge,
.yui3-gf,
.yui3-t1,
.yui3-t2,
.yui3-t3,
.yui3-t4,
.yui3-t5,
.yui3-t6,
.yui3-t7 {
    zoom: 1;
}

.hacker{border-top:1px solid transparent !important;margin-top:-1px !important;border-top:0px;margin-top:0px;clear:both;height:1px;width:100%;font-size:0px;}