.btn-wni {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.btn-wni:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.btn-wni {
  border: none;
  text-decoration: none;
  color: #000;
  background-color: #ffffff;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
}
.btn-wni:hover {
  background-color: #cccccc;
}

/*
.input-field {
  position: relative;
  margin-top: 1rem; }
  .input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    font-size: 1rem;
    cursor: t			ext;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out; }
  .input-field label.active {
    font-size: 0.8rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%); }
*/

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 300px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 999;
  will-change: width, height; }
.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  line-height: 1.0rem;
  width: 100%;
  text-align: left;
  text-transform: none; }
.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #eee; }
.dropdown-content li > a, .dropdown-content li > span {
  font-size: 0.8rem;
  color: #000000;
  display: block;
  padding: 1rem 1rem; }
.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit; }

.rowWni {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px; }
  .rowWni:after {
    content: "";
    display: table;
    clear: both; }
  .rowWni .col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.5rem; }
    .rowWni .col.s1 {
      width: 8.33333%;
      margin-left: 0; }
    .rowWni .col.s2 {
      width: 16.66667%;
      margin-left: 0; }
    .rowWni .col.s3 {
      width: 25%;
      margin-left: 0; }
    .rowWni .col.s4 {
      width: 33.33333%;
      margin-left: 0; }
    .rowWni .col.s5 {
      width: 41.66667%;
      margin-left: 0; }
    .rowWni .col.s6 {
      width: 50%;
      margin-left: 0; }
    .rowWni .col.s7 {
      width: 58.33333%;
      margin-left: 0; }
    .rowWni .col.s8 {
      width: 66.66667%;
      margin-left: 0; }
    .rowWni .col.s9 {
      width: 75%;
      margin-left: 0; }
    .rowWni .col.s10 {
      width: 83.33333%;
      margin-left: 0; }
    .rowWni .col.s11 {
      width: 91.66667%;
      margin-left: 0; }
    .rowWni .col.s12 {
      width: 100%;
      margin-left: 0; }
    .rowWni .col.offset-s1 {
      margin-left: 8.33333%; }
    .rowWni .col.offset-s2 {
      margin-left: 16.66667%; }
    .rowWni .col.offset-s3 {
      margin-left: 25%; }
    .rowWni .col.offset-s4 {
      margin-left: 33.33333%; }
    .rowWni .col.offset-s5 {
      margin-left: 41.66667%; }
    .rowWni .col.offset-s6 {
      margin-left: 50%; }
    .rowWni .col.offset-s7 {
      margin-left: 58.33333%; }
    .rowWni .col.offset-s8 {
      margin-left: 66.66667%; }
    .rowWni .col.offset-s9 {
      margin-left: 75%; }
    .rowWni .col.offset-s10 {
      margin-left: 83.33333%; }
    .rowWni .col.offset-s11 {
      margin-left: 91.66667%; }
    .rowWni .col.offset-s12 {
      margin-left: 100%; }
    @media only screen and (min-width : 601px) {
      .rowWni .col.m1 {
        width: 8.33333%;
        margin-left: 0; }
      .rowWni .col.m2 {
        width: 16.66667%;
        margin-left: 0; }
      .rowWni .col.m3 {
        width: 25%;
        margin-left: 0; }
      .rowWni .col.m4 {
        width: 33.33333%;
        margin-left: 0; }
      .rowWni .col.m5 {
        width: 41.66667%;
        margin-left: 0; }
      .rowWni .col.m6 {
        width: 50%;
        margin-left: 0; }
      .rowWni .col.m7 {
        width: 58.33333%;
        margin-left: 0; }
      .rowWni .col.m8 {
        width: 66.66667%;
        margin-left: 0; }
      .rowWni .col.m9 {
        width: 75%;
        margin-left: 0; }
      .rowWni .col.m10 {
        width: 83.33333%;
        margin-left: 0; }
      .rowWni .col.m11 {
        width: 91.66667%;
        margin-left: 0; }
      .rowWni .col.m12 {
        width: 100%;
        margin-left: 0; }
      .rowWni .col.offset-m1 {
        margin-left: 8.33333%; }
      .rowWni .col.offset-m2 {
        margin-left: 16.66667%; }
      .rowWni .col.offset-m3 {
        margin-left: 25%; }
      .rowWni .col.offset-m4 {
        margin-left: 33.33333%; }
      .rowWni .col.offset-m5 {
        margin-left: 41.66667%; }
      .rowWni .col.offset-m6 {
        margin-left: 50%; }
      .rowWni .col.offset-m7 {
        margin-left: 58.33333%; }
      .rowWni .col.offset-m8 {
        margin-left: 66.66667%; }
      .rowWni .col.offset-m9 {
        margin-left: 75%; }
      .rowWni .col.offset-m10 {
        margin-left: 83.33333%; }
      .rowWni .col.offset-m11 {
        margin-left: 91.66667%; }
      .rowWni .col.offset-m12 {
        margin-left: 100%; } }
    @media only screen and (min-width : 993px) {
      .rowWni .col.l1 {
        width: 8.33333%;
        margin-left: 0; }
      .rowWni .col.l2 {
        width: 16.66667%;
        margin-left: 0; }
      .rowWni .col.l3 {
        width: 25%;
        margin-left: 0; }
      .rowWni .col.l4 {
        width: 33.33333%;
        margin-left: 0; }
      .rowWni .col.l5 {
        width: 41.66667%;
        margin-left: 0; }
      .rowWni .col.l6 {
        width: 50%;
        margin-left: 0; }
      .rowWni .col.l7 {
        width: 58.33333%;
        margin-left: 0; }
      .rowWni .col.l8 {
        width: 66.66667%;
        margin-left: 0; }
      .rowWni .col.l9 {
        width: 75%;
        margin-left: 0; }
      .rowWni .col.l10 {
        width: 83.33333%;
        margin-left: 0; }
      .rowWni .col.l11 {
        width: 91.66667%;
        margin-left: 0; }
      .rowWni .col.l12 {
        width: 100%;
        margin-left: 0; }
      .rowWni .col.offset-l1 {
        margin-left: 8.33333%; }
      .rowWni .col.offset-l2 {
        margin-left: 16.66667%; }
      .rowWni .col.offset-l3 {
        margin-left: 25%; }
      .rowWni .col.offset-l4 {
        margin-left: 33.33333%; }
      .rowWni .col.offset-l5 {
        margin-left: 41.66667%; }
      .rowWni .col.offset-l6 {
        margin-left: 50%; }
      .rowWni .col.offset-l7 {
        margin-left: 58.33333%; }
      .rowWni .col.offset-l8 {
        margin-left: 66.66667%; }
      .rowWni .col.offset-l9 {
        margin-left: 75%; }
      .rowWni .col.offset-l10 {
        margin-left: 83.33333%; }
      .rowWni .col.offset-l11 {
        margin-left: 91.66667%; }
      .rowWni .col.offset-l12 {
        margin-left: 100%; } }

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 75%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity; }
  @media only screen and (max-width : 992px) {
    .modal {
      width: 80%; } }
  .modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0; }
  .modal .modal-content {
    padding: 24px; }
  .modal .modal-close {
    cursor: pointer; }
  .modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%; }
    .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
      float: right;
      margin: 6px 0; }

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%; }
  .modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto; }
  .modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0; }

nav{color:#fff;background-color:#00a0e9;width:100%;height:56px;line-height:56px}
nav ul li{transition:background-color .3s;float:left;padding:0;margin:0 auto;}
nav ul li a:hover,nav ul li.active{background-color:#007abd}
nav ul li p{margin:0px;text-align:center;vertical-align:middle;}
.headerimg{width:96px; height:32px;text-align:center;vertical-align:middle;margin: 0px 10px;}