@charset "UTF-8";

<style>
.xcr::-webkit-scrollbar {
  width:10px;
}

.xcr::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  -webkit-border-radius:10px;
  border-radius:10px;
}

.xcr::-webkit-scrollbar-thumb {
  -webkit-border-radius:10px;
  border-radius:10px;
  background:#936;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}

.xcr::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(204,0,0,.4);
  border:1px solid #333;
}

* {
  box-sizing:border-box;
}

html {
}

* {
  box-sizing:border-box;
}

.line::after {
  content:"";
  clear:both;
  display:inline-table;
}

[class*="gr-"] {
  float:left;
  padding:15px;
  border:0 solid red;
}

.gr-1 {
  width:8.33%;
}

.gr-2 {
  width:16.66%;
}

.gr-3 {
  width:25%;
}

.gr-4 {
  width:33.33%;
}

.gr-5 {
  width:41.66%;
}

.gr-6 {
  width:50%;
}

.gr-7 {
  width:58.33%;
}

.gr-8 {
  width:66.66%;
}

.gr-9 {
  width:75%;
}

.gr-10 {
  width:83.33%;
}

.gr-11 {
  width:91.66%;
}

.gr-12 {
  width:100%;
}

.no {
  padding:0;
}

.tleft {
  text-align:left;
}

.tright {
  text-align:right;
}

.tcenter {
  text-align:center;
}

.tfleft {
  float:left;
}

.tfright {
  float:right;
}

.imgresp img,img.imgresp {
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
}

.divider {
  opacity:0;
}

@media only screen and (max-width: 728px) and (min-width: 300px) {
  body {
    background-color:#f1f1f1;
    color:#333;
    font:15px/20px -apple-system,HelveticaNeue,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    width:90%;
    margin:0 auto;
  }

  [class*="gr-"] {
    width:100%;
  }

  .myheader h2 {
    font-size:1.33em;
    font-weight:100;
  }
}

* html .line {
  height:1%;
}