@charset 'utf-8';

/*!
 * Halo framework base v0.0.1
 * required stylesheet
 * @author: sam.zeng@wintour.cn
 * @date: 13/11/2012
 * Copyright 2012
 */

/********************
 * Reset
 ********************/
html {
    color: #333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-textsize--adjust: 100%;
}
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea, button,
p, blockquote,
th, td,
hr,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body,
button, input, select, textarea {
    font-size: 100%;
}
input, select, textarea {
    color: #666;
    vertical-align: middle;
}
button, input {
    line-height: normal;
    *overflow: visible;
}
textarea {
    overflow: auto;
}
button,
input[type='submit'],
input[type='button'],
input[type='reset'] {
    cursor: pointer;
    -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* IE bug fixed: <th> text-align compatibility  */
th {
    text-align: inherit;
}
fieldset,
img {
    border: 0;
}

/* IE6,7,8(q) bug fixed */
iframe {
    display: block;
}

img,
video {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* google, baidu map img fixed */
.map-canvas img {
    max-width: none;
}

iframe {
    display: block;
}


blockquote {
    margin: 1em 4em 1em 2em;
    padding: .6em 1em;
    background-color: #f1f1f1;
}
blockquote blockquote {
    padding: 0 0 1em;
    margin-left: 2em;
    border-left: .4em solid #ddd;
}

/* bug fixed: underline compatibility */
abbr,
acronym {
    border-bottom: 1px dotted;
    font-variant: normal;
}
abbr {
    cursor: help;
}

del {
    text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}
q:before, q:after {
    content: '';
}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
a:hover {
    text-decoration: underline;
}
ins,
a {
    text-decoration: none;
}
pre, code {
    font-family: 'Courier New', serif;
}
:focus {
    outline: none;
}

/********************
 * Functions
 ********************/

/**
 * Hide
 */
[hidden] {
    display: none;
}
.\-attr-hidden {
    display: none;
}
body .fn-hide {
    display: none;
}
.fn-invisible {
    visibility: hidden;
}

/**
 * Float
 */
.fn-left,
.fn-right {
    display: inline;
}
.fn-left {
    float: left;
}
.fn-right {
    float: right;
}

/**
 * Clear
 */
.fn-clear:after {
    display: block;
    height:0;
    visibility: hidden;
    font-size: 0;
    content: ' ';
    clear: both;
}
.fn-clear {
    zoom: 1;
}

/**
 * Single line text ellipsis
 */
.fn-ellipsis {
    _width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

/**
 * Text wrap
 */
.fn-text-wrap,
.fn-text-wrap th,
.fn-text-wrap td {
    word-wrap: break-word;
    word-break: break-all;
}
.fn-text-wrap-table {
    table-layout: fixed;
}