/* ==========================================================================
   #CssReset
   ========================================================================== */

  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, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  
  /* HTML5 display-role reset for older browsers */
  
  article, 
  aside, 
  details, 
  figcaption, 
  figure, 
  footer, 
  header, 
  hgroup, 
  menu, 
  nav, 
  section {
    display: block;
  }
  
  body {
    line-height: 1;
  }
  
  ol, 
  ul {
    list-style: none;
  }

   a img{
    border:none;
   }
   em,i{
    font-style:normal;
   }
  
  blockquote, 
  q {
    quotes: none;
  }
  
  blockquote:before, 
  blockquote:after,
  q:before, 
  q:after {
    content: "";
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  a{
    text-decoration:none;
    cursor:pointer;
    font-style:normal;
    outline:none;
    color:inherit;
  }
  a:link,a:visited,a:hover,a:active{   
    text-decoration:none; 
    color:inherit; 
  }     
  a:focus{  
   outline:0;   
  } 

  input{
    vertical-align:middle;
    border:0 none;
    -webkit-appearance: none;
  }
  input:focus{
    text-decoration:none;
    outline:none;
  }
  
  img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
    max-width: 100%;
    height:auto; 
  }

/* ==========================================================================
   #Grid
   ========================================================================== */
  *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sec{
     width:100%;
     background:white;
  }

  .row{
      width:200px;
      padding:15px 0;
      overflow: hidden;
      margin: 0 auto;

  }

  .row:after, .clearfix:after{
      clear:both;
      content:'';
      display: block;
      height:0;
      overflow:hidden;
   }

  .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
    float:left;
   }

  .span12{
      width:100%
    }
  .span11{
      width:91.66666667%
    }
  .span10{
      width:83.33333333%
    }
  .span9{
    width:75%
  }
  .span8{
    width:66.66666667%
  }
  .span7{
    width:58.33333333%
  }
  .span6{
    width:50%
  }
  .span5{
    width:41.66666667%
  }
  .span4{
    width:33.33333333%
  }
  .span3{
    width:25%
  }
  .span2{
    width:16.66666667%
  }
  .span1{
    width:8.33333333%
  }

  .col-offset-1{
    margin-left:4.33333333%
  }

  .pull-left{
    float: left;
  }

  .pull-right{
    float: right;
  }

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

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

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


  .font12{
    font-size:1.2rem;
  }

  .font14{
    font-size:1.4rem;
  }

  .btn{
    width:80%;
    display: block;
  }

  .hide{
    display: none;
  }

  .block{
    display: block;
  }

  select{
    -webkit-appearance: none !important;
    background: #fafafa url('../images/arrow.png') no-repeat 0 0;
    background-position-x: 96%;
    background-position-y: center;
    border: 1px solid #ccc;
    padding: 0.5rem;
    font-size: 0.875rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    width:98%;
    outline: none;
  }

  .wid50{
    width:50%;
  }


/* ==========================================================================
   #CustomCSS
   ========================================================================== */

  body {
      background:#ffffff;
      font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size:14px;
      color: #434343;
      overflow-x:hidden;
    }

/* ==========================================================================
   #Browers
   ========================================================================== */
  a, div, header, span, input {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
  }