@charset "utf-8";
/* Reset  create by AndyZhou     Sep-24-2013 14:30  contact 529892056@qq.com*/
/* if portrait mode is detected, rotate the entire site -90 degrees to hint rotating to landscape */
html {  -webkit-text-size-adjust: none;-webkit-appearance:none;background-color: #000;height: 100%;}
@font-face {
    font-family: 'DINProBlack';font-weight: normal;font-style: normal;
    src: url('../font/DINPro/DINPro-Black.otf');
    src: url('../font/DINPro/DINPro-Black.eot'),
    src: url('../font/DINPro/DINPro-Black.ttf'),
    src: url('../font/DINPro/DINPro-Black.svg') format('svg');}
@font-face {
    font-family: 'DINProBold';font-weight: bold;font-style: normal;
    src: url('../font/DINPro/DINPro-Bold.otf');
    src: url('../font/DINPro/DINPro-Bold.eot'),
    src: url('../font/DINPro/DINPro-Bold.ttf'),
    src: url('../font/DINPro/DINPro-Bold.svg') format('svg');}
@font-face {
    font-family: 'DINProLight';font-weight: normal;font-style: normal;
    src: url('../font/DINPro/DINPro-Light.otf');
    src: url('../font/DINPro/DINPro-Light.eot'),
    src: url('../font/DINPro/DINPro-Light.ttf'),
    src: url('../font/DINPro/DINPro-Light.svg') format('svg');}
@font-face {
    font-family: 'DINProMedium'; font-weight: normal;font-style: normal;
    src: url('../font/DINPro/DINPro-Medium.otf');
    src: url('../font/DINPro/DINPro-Medium.eot'),
    src: url('../font/DINPro/DINPro-Medium.ttf'),
    src: url('../font/DINPro/DINPro-Medium.svg') format('svg');}
@font-face {
    font-family: 'DINProRegular'; font-weight: normal;font-style: normal;
    src: url('../font/DINPro/DINPro-Regular.otf');
    src: url('../font/DINPro/DINPro-Regular.eot'),
    src: url('../font/DINPro/DINPro-Regular.ttf'),
    src: url('../font/DINPro/DINPro-Regular.svg') format('svg');}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, hr, button, 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: 400 1em/1.2 DINProRegular,"Hiragino Sans GB","Microsoft YaHei",SimHei,sans-serif;; }
a ,input,button,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea { resize:none; overflow-y:auto; }
img { border:0; vertical-align:middle;padding: 0;margin: 0; }
iframe { display:block; }
del { text-decoration:line-through; position: absolute}
ul { list-style:none; }
ol { list-style-position:inside; }
h1, h2, h3, h4, h5, h6 {font-weight:500; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
a { text-decoration:none;color: #000;}
a:hover { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
object, :focus { outline: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
.ib{text-indent: 2em;}
.black{font-family: DINProBlack;}
.light{font-family: DINProLight;}
.medium{font-family: DINProMedium;}
.regular{font-family: DINProRegular;}
.mark{color: #00aeef;}
.fl{float: left;}
.fr{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
.clear{clear: both;}
.tc{text-align: center;}
.none{display: none;}