body {
    font-family: 蘋果正黑體, 微軟正黑體, 'Open Sans', sans-serif;
    font-size: 16px;
    letter-spacing: 2px;
}

h1 {
    font-size: 44px;
    display: inline;
}

h2 {
    font-size: 22px;
}

h3 {
}

h6 {
    font-size: 18px;
    display: inline;
}

a {
    outline: 0;
}

.post {
    margin-bottom: 2em;
}

    .post h2 {
        line-height: 1.5em;
    }

div.post dl {
    padding: 10px;
    line-height: 1.3em;
}

div.post dt {
    margin-top: 1em;
    font-style: italic;
}

div.post dd {
    margin: 0.5em;
    line-height: 2em;
}

#header {
    margin: 100px 1em 0 1em;
}

div#psndivpic {
    margin: 2em 0 0 0;
}

div#psndivtable {
    margin: 2em 0 2em 0;
    font-size:14px;
}

span.spantime {
    display: none;
}
span.defaultHint {
    display: block;
    font-family: '新細明體';
    font-weight: bolder;
}
#sidebar {
    margin-bottom: 2em;
}

@media (min-width: 1200px) {
    .container {
        /*width: 970px;*/
    }
}

@media (min-width: 768px) {
    .post {
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    h1 {
        font-size: 36px;
        display: block;
    }

    h6 {
        display: block;
    }

    #psndivtable {
        font-size: 14px;
    }


    span.spantime {
        display: block;
        font-size: 12px;
        font-style: italic;
    }

    div#leftcontent {
        padding: 0px;
    }
}

@media (max-width: 320px) {
}
/* For iPad */
@media (max-width: 1024px) {
  .navbar-header {
      float: none;
      text-align:center;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;

      max-height: 300px;
      overflow-y: scroll!important;
  }

  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

}