html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
    font-size: 14px;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align:baseline;
    color: #333;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
body {
    background: #fff;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse:collapse;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
a{
    text-decoration: none;
}
a:link{
    color: #333;
}
a:visited{
    color: #333;
}
a:hover{
    color: #f60;
}
a:active{
    color: #f60;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.t-r{
    text-align: right;
}

.t-l{
    text-align: left;
}

.t-c{
    text-align: center;
}

.cl-f60{
    color: #f60;
}

.mb-10{
    margin-bottom: 10px;    
}

.mb-30{
    margin-bottom: 30px!important;
}

.hide{
    display: none!important;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}

@font-face {
    font-family: 'hhzFont';
    src:url('hhz-font/hhzFont.eot');
    src:url('hhz-font/hhzFont.eot?#iefix') format('embedded-opentype'),
    url('hhz-font/hhzFont.woff') format('woff'),
    url('hhz-font/hhzFont.ttf') format('truetype'),
    url('hhz-font/hhzFont.svg?#hhzFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-f {
    font-family: 'hhzFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar{
    width: 9px;
    height: 9px;
    box-sizing: border-box;
}
::-webkit-scrollbar-button{
    width:9px;
    height:12px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAADr0lEQVRYR71Yy04iQRQtE10IRiSBOLbOUvZmfkIlLHXjI+jCDzAm8w8TJKxZyENdqEui8BPuDVtsHCNGQcFEWUzdSt/KtbqqqZ44U0kn1V2n69xz63W6x5h9iXFoNADe521dftnibJlt+7PCjdmycpzz9vbmmvCTk5PzvK0NuNvbWyNuYWEBcbbUX8obSvBgMDAKiUQiUrDLi0nNPC9eYqwFfyWvTvAPHsm1JhqHEl9dXbHV1VUJo4Lv7u6k4JOTE7a5uSlxc3Nz/0ww5VXjR15VMIjFoop2+v2+EAJisaDoaDQqR/j+/l7gjo+PJW5ra0vUZ2dnqWDko1zqM+fi4kL0RxOMMaytrUneXC4ncMhFYzg4OBA4KpiK1Yl2Xl9fXSqWip6ampLEDw8PbrVa9U2S7e1tlkwmdYIBC6J1CXfOz8/ljAHRNIbFxcXs0tJShb/rHB4eShxw0RgymczPVCr1CwWrRCOJeQesVqtJUevr61JwPp+XxHt7e6xYLErc/v6+OqVHJvrl5cWt1+u+BEIMNzc3UvDj46NbqYD2zwViaLfbWsGBU+vs7EwIASIow+GQYSA8e5K4UCgIHBBBeX9/Z+VyWdT5CAliJabApdTr9UR/VDTGQPeO5+dngUMuGgPiQu3S3W7XHR8fl2IxaHjWbDalYAhwYmJCNH98fEht8KzVaukEA8a4WQIvdgKiacJjsZicWZgYwJZKJZlwiGF6etq3hpWk+24dzKAOODMzI4lhrZs6I2t9FB+2+3ghcZjIIF4YCJiFUJA31AjbCrY8N/9aMH2RCrbhDSP4OydKBETZ4W09fn3jV8SAG/Dnv/kFFtS22PC2eGdWOJNg3fnos3iXl5ci6HQ6zTxryVRbeXp6KjAbGxvMYCt1XDQZgpdy0UbV0lI+ikNuk9NCLN21fU4LQXA2ersgbP+fXBZiwG05jqNzWUE7NLwueHVmBxrpLg3c4OwoJ9aR+6udFgvhsugA/DeHZ3JaWi+tOi1q9bxdkHU6nU8uCxwPlkQiEeSjTaKFw8M+1JGmDg+4EUddFsSA3KFGWGcAVlZWBId3zrGnpyff4Z/NZgUmHo+bBIc2Hgqv+Cy14Q61hlUDgNkEcs8AMPXwR8zOzo48/Olc5vWRaxh4qctCsdCPajzAcFBOrI8yHtpdWj2HG42G6G95eZl55yHDLyokOjo6EtXd3V1Gvqh061e3jAAnjAfloi/Tcxi4KR/FIXeYc9jmFwpw2PwGUgY58NaG1/rX0h9d1DUzJEP0JgAAAABJRU5ErkJggg==);
    background-color:transparent;
    background-repeat:no-repeat;
}

::-webkit-scrollbar-button:vertical:start{
    background-position:0px 0px;
}
::-webkit-scrollbar-button:vertical:start:hover{
    background-position:-10px 0px;
}
::-webkit-scrollbar-button:vertical:start:active{
    background-position:-20px 0px;
}
::-webkit-scrollbar-button:vertical:end{
    background-position:-30px 0px;
}
::-webkit-scrollbar-button:vertical:end:hover{
    background-position:-40px 0px;
}
::-webkit-scrollbar-button:vertical:end:active{
    background-position:-50px 0px;
}


::-webkit-scrollbar-button:horizontal:start{
    background-position:0px -11px;
}
::-webkit-scrollbar-button:horizontal:start:hover{
    background-position:-10px -11px;
}
::-webkit-scrollbar-button:horizontal:start:active{
    background-position:-19px -11px;
}
::-webkit-scrollbar-button:horizontal:end{
    background-position:-30px -11px;
}
::-webkit-scrollbar-button:horizontal:end:hover{
    background-position:-40px -11px;
}
::-webkit-scrollbar-button:horizontal:end:active{
    background-position:-50px -11px;
}
::-webkit-scrollbar-track-piece {
    background-color: rgba(0,0,0,0.15);
    -webkit-border-radius:5px;
}
::-webkit-scrollbar-thumb{
    background-color: #E7E7E7;
    border: 1px solid rgba(0,0,0,0.21);
    -webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #F6F6F6;
    border: 1px solid rgba(0,0,0,0.21);
}
::-webkit-scrollbar-thumb:active{
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#E4E4E4),
            to(#F4F4F4)
    );
}
::-webkit-scrollbar-corner{
    background-color:#f1f1f1;
    -webkit-border-radius: 1px;
}