/* Minification failed. Returning unminified contents.
(10538,16): run-time error CSS1030: Expected identifier, found '['
(10538,21): run-time error CSS1031: Expected selector, found '='
(10538,21): run-time error CSS1025: Expected comma or open brace, found '='
 */
@charset "UTF-8";
/*chrome scrollBar*/
::-webkit-scrollbar {
  height: 10px;
  width: 10px; }

::-webkit-scrollbar-track {
  background-color: #eee; }

::-webkit-scrollbar-thumb {
  background-color: #C4C4C4; }

::-webkit-scrollbar-button {
  display: none; }

::-webkit-scrollbar-corner {
  display: none; }

/*IE scrollBar*/
body {
  scrollbar-face-color: #EDEDED;
  scrollbar-highlight-color: white;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #F8F8F8;
  scrollbar-track-color: #F8F8F8;
  scrollbar-darkshadow-color: white;
  font-size: 100%; }

/*CSS COPY HERE*/
@font-face {
  font-family: 'NotoSansTC-Light';
  src: url("../fonts/notoFont/NotoSansTC-Light.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Medium';
  src: url("../fonts/notoFont/NotoSansTC-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Regular';
  src: url("../fonts/notoFont/NotoSansTC-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Thin';
  src: url("../fonts/notoFont/NotoSansTC-Thin.otf") format("opentype"); }

@media all and (min-width: 1024px) {
  body {
    font-size: 100%; } }

@media all and (min-width: 768px) and (max-width: 959px) {
  body {
    font-size: 100%; } }

@media all and (min-width: 350px) and (max-width: 767px) {
  body {
    font-size: 90%; } }

@media all and (max-width: 350px) {
  body {
    font-size: 70%; } }

/*Primary color*/
/*Secondary color*/
/*#FFFEF4*/
/*other color*/
.displayNone {
  display: none !important; }

.displayFlex {
  width: 100%;
  display: inline-flex; }

.visibleHide {
  visibility: hidden; }

/*input取消黃底*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: background-color 5000s ease-in-out 0s;
  /*透明*/
  -webkitout-text-fill-color: #fff !important;
  /*字體顏色*/ }

/*取消點選時邊框*/
:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: transparent; }

html {
  overflow-y: scroll;
  height: 100%;
  font-size: 100%;
  /*-webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;*/ }

body {
  min-height: 100%;
  margin: 0; }

.wrapper {
  overflow: hidden; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

svg:not(:root) {
  overflow: hidden; }

video,
img {
  max-width: 100%;
  height: auto; }

.ie main {
  display: block; }

.ie select {
  padding-right: 8px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.overflow-auto {
  overflow: auto; }

.overflow-hidden {
  overflow: hidden; }

.inline-block {
  display: inline-block; }

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12, .column-13, .column-14, .column-15, .column-16, .column-17, .column-18, .column-19, .column-20, .column-21, .column-22, .column-23, .column-24 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1450px;
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  float: left; }
  html[dir="rtl"] .column-1, html[dir="rtl"] .column-2, html[dir="rtl"] .column-3, html[dir="rtl"] .column-4, html[dir="rtl"] .column-5, html[dir="rtl"] .column-6, html[dir="rtl"] .column-7, html[dir="rtl"] .column-8, html[dir="rtl"] .column-9, html[dir="rtl"] .column-10, html[dir="rtl"] .column-11, html[dir="rtl"] .column-12, html[dir="rtl"] .column-13, html[dir="rtl"] .column-14, html[dir="rtl"] .column-15, html[dir="rtl"] .column-16, html[dir="rtl"] .column-17, html[dir="rtl"] .column-18, html[dir="rtl"] .column-19, html[dir="rtl"] .column-20, html[dir="rtl"] .column-21, html[dir="rtl"] .column-22, html[dir="rtl"] .column-23, html[dir="rtl"] .column-24 {
    float: right; }

[class*="column-"] [class*="column-"]:first-of-type {
  margin-left: -0.5rem; }
  html[dir="rtl"] [class*="column-"] [class*="column-"]:first-of-type {
    margin-left: 0;
    margin-right: -0.5rem; }

[class*="column-"] [class*="column-"]:last-of-type {
  margin-right: -0.5rem; }
  html[dir="rtl"] [class*="column-"] [class*="column-"]:last-of-type {
    margin-right: 0;
    margin-left: -0.5rem; }

[class*="column-"]:last-of-type:after {
  content: '';
  display: table;
  clear: both; }

@media screen {
  .grid-container {
    width: 1450px;
    max-width: 95vw;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .grid-container:after {
      content: '';
      display: table;
      clear: both; } }

@media screen {
  .first-column {
    margin-left: -0.5rem; }
    html[dir="rtl"] .first-column {
      margin-left: 0;
      margin-right: -0.5rem !important; }
  .last-column {
    margin-right: -0.5rem; }
    html[dir="rtl"] .last-column {
      margin-right: 0;
      margin-left: -0.5rem !important; } }

.column-1 {
  width: 60.41667px;
  max-width: 3.95833vw; }
  .column-1 > .column-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-2 {
  width: 120.83333px;
  max-width: 7.91667vw; }
  .column-2 > .column-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-3 {
  width: 181.25px;
  max-width: 11.875vw; }
  .column-3 > .column-3 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-4 {
  width: 241.66667px;
  max-width: 15.83333vw; }
  .column-4 > .column-4 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-5 {
  width: 302.08333px;
  max-width: 19.79167vw; }
  .column-5 > .column-5 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-6 {
  width: 362.5px;
  max-width: 23.75vw; }
  .column-6 > .column-6 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-7 {
  width: 422.91667px;
  max-width: 27.70833vw; }
  .column-7 > .column-7 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-8 {
  width: 483.33333px;
  max-width: 31.66667vw; }
  .column-8 > .column-8 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-9 {
  width: 543.75px;
  max-width: 35.625vw; }
  .column-9 > .column-9 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-10 {
  width: 604.16667px;
  max-width: 39.58333vw; }
  .column-10 > .column-10 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-11 {
  width: 664.58333px;
  max-width: 43.54167vw; }
  .column-11 > .column-11 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-12 {
  width: 725px;
  max-width: 47.5vw; }
  .column-12 > .column-12 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-13 {
  width: 785.41667px;
  max-width: 51.45833vw; }
  .column-13 > .column-13 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-14 {
  width: 845.83333px;
  max-width: 55.41667vw; }
  .column-14 > .column-14 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-15 {
  width: 906.25px;
  max-width: 59.375vw; }
  .column-15 > .column-15 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-16 {
  width: 966.66667px;
  max-width: 63.33333vw; }
  .column-16 > .column-16 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-17 {
  width: 1027.08333px;
  max-width: 67.29167vw; }
  .column-17 > .column-17 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-18 {
  width: 1087.5px;
  max-width: 71.25vw; }
  .column-18 > .column-18 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-19 {
  width: 1147.91667px;
  max-width: 75.20833vw; }
  .column-19 > .column-19 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-20 {
  width: 1208.33333px;
  max-width: 79.16667vw; }
  .column-20 > .column-20 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-21 {
  width: 1268.75px;
  max-width: 83.125vw; }
  .column-21 > .column-21 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-22 {
  width: 1329.16667px;
  max-width: 87.08333vw; }
  .column-22 > .column-22 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-23 {
  width: 1389.58333px;
  max-width: 91.04167vw; }
  .column-23 > .column-23 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

.column-24 {
  width: 1450px;
  max-width: 95vw; }
  .column-24 > .column-24 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

@media screen and (max-width: 859px) {
  .column-1 {
    width: 120.83333px;
    max-width: 7.91667vw; }
  .column-2 {
    width: 241.66667px;
    max-width: 15.83333vw; }
  .column-3 {
    width: 362.5px;
    max-width: 23.75vw; }
  .column-4 {
    width: 483.33333px;
    max-width: 31.66667vw; }
  .column-5 {
    width: 604.16667px;
    max-width: 39.58333vw; }
  .column-6 {
    width: 725px;
    max-width: 47.5vw; }
  .column-7 {
    width: 845.83333px;
    max-width: 55.41667vw; }
  .column-8 {
    width: 966.66667px;
    max-width: 63.33333vw; }
  .column-9 {
    width: 1087.5px;
    max-width: 71.25vw; }
  .column-10 {
    width: 1208.33333px;
    max-width: 79.16667vw; }
  .column-11 {
    width: 1329.16667px;
    max-width: 87.08333vw; }
  .column-12 {
    width: 1450px;
    max-width: 95vw; }
  .column-12 {
    width: 1450px;
    max-width: 95vw; }
  .column-13 {
    width: 1450px;
    max-width: 95vw; }
  .column-14 {
    width: 1450px;
    max-width: 95vw; }
  .column-15 {
    width: 1450px;
    max-width: 95vw; }
  .column-16 {
    width: 1450px;
    max-width: 95vw; }
  .column-17 {
    width: 1450px;
    max-width: 95vw; }
  .column-18 {
    width: 1450px;
    max-width: 95vw; }
  .column-19 {
    width: 1450px;
    max-width: 95vw; }
  .column-20 {
    width: 1450px;
    max-width: 95vw; }
  .column-21 {
    width: 1450px;
    max-width: 95vw; }
  .column-22 {
    width: 1450px;
    max-width: 95vw; }
  .column-23 {
    width: 1450px;
    max-width: 95vw; }
  .column-24 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-1 {
    width: 120.83333px;
    max-width: 7.91667vw; }
  .tablet-column-2 {
    width: 241.66667px;
    max-width: 15.83333vw; }
  .tablet-column-3 {
    width: 362.5px;
    max-width: 23.75vw; }
  .tablet-column-4 {
    width: 483.33333px;
    max-width: 31.66667vw; }
  .tablet-column-5 {
    width: 604.16667px;
    max-width: 39.58333vw; }
  .tablet-column-6 {
    width: 725px;
    max-width: 47.5vw; }
  .tablet-column-7 {
    width: 845.83333px;
    max-width: 55.41667vw; }
  .tablet-column-8 {
    width: 966.66667px;
    max-width: 63.33333vw; }
  .tablet-column-9 {
    width: 1087.5px;
    max-width: 71.25vw; }
  .tablet-column-10 {
    width: 1208.33333px;
    max-width: 79.16667vw; }
  .tablet-column-11 {
    width: 1329.16667px;
    max-width: 87.08333vw; }
  .tablet-column-12 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-first-column {
    margin-left: -0.5rem; }
    html[dir="rtl"] .tablet-first-column {
      margin-left: 0;
      margin-right: -0.5rem !important; }
  .tablet-last-column {
    margin-right: -0.5rem; }
    html[dir="rtl"] .tablet-last-column {
      margin-right: 0;
      margin-left: -0.5rem !important; } }

@media screen and (max-width: 479px) {
  .column-1 {
    width: 241.66667px;
    max-width: 15.83333vw; }
  .column-2 {
    width: 483.33333px;
    max-width: 31.66667vw; }
  .column-3 {
    width: 725px;
    max-width: 47.5vw; }
  .column-4 {
    width: 966.66667px;
    max-width: 63.33333vw; }
  .column-5 {
    width: 1208.33333px;
    max-width: 79.16667vw; }
  .column-6 {
    width: 1450px;
    max-width: 95vw; }
  .column-6 {
    width: 1450px;
    max-width: 95vw; }
  .column-7 {
    width: 1450px;
    max-width: 95vw; }
  .column-8 {
    width: 1450px;
    max-width: 95vw; }
  .column-9 {
    width: 1450px;
    max-width: 95vw; }
  .column-10 {
    width: 1450px;
    max-width: 95vw; }
  .column-11 {
    width: 1450px;
    max-width: 95vw; }
  .column-12 {
    width: 1450px;
    max-width: 95vw; }
  .column-13 {
    width: 1450px;
    max-width: 95vw; }
  .column-14 {
    width: 1450px;
    max-width: 95vw; }
  .column-15 {
    width: 1450px;
    max-width: 95vw; }
  .column-16 {
    width: 1450px;
    max-width: 95vw; }
  .column-17 {
    width: 1450px;
    max-width: 95vw; }
  .column-18 {
    width: 1450px;
    max-width: 95vw; }
  .column-19 {
    width: 1450px;
    max-width: 95vw; }
  .column-20 {
    width: 1450px;
    max-width: 95vw; }
  .column-21 {
    width: 1450px;
    max-width: 95vw; }
  .column-22 {
    width: 1450px;
    max-width: 95vw; }
  .column-23 {
    width: 1450px;
    max-width: 95vw; }
  .column-24 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-1 {
    width: 241.66667px;
    max-width: 15.83333vw; }
  .tablet-column-2 {
    width: 483.33333px;
    max-width: 31.66667vw; }
  .tablet-column-3 {
    width: 725px;
    max-width: 47.5vw; }
  .tablet-column-4 {
    width: 966.66667px;
    max-width: 63.33333vw; }
  .tablet-column-5 {
    width: 1208.33333px;
    max-width: 79.16667vw; }
  .tablet-column-6 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-6 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-7 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-8 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-9 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-10 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-11 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-12 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-13 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-14 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-15 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-16 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-17 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-18 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-19 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-20 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-21 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-22 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-23 {
    width: 1450px;
    max-width: 95vw; }
  .tablet-column-24 {
    width: 1450px;
    max-width: 95vw; }
  .phone-column-1 {
    width: 241.66667px;
    max-width: 15.83333vw; }
  .phone-column-2 {
    width: 483.33333px;
    max-width: 31.66667vw; }
  .phone-column-3 {
    width: 725px;
    max-width: 47.5vw; }
  .phone-column-4 {
    width: 966.66667px;
    max-width: 63.33333vw; }
  .phone-column-5 {
    width: 1208.33333px;
    max-width: 79.16667vw; }
  .phone-column-6 {
    width: 1450px;
    max-width: 95vw; }
  .phone-first-column {
    margin-left: -0.5rem; }
    html[dir="rtl"] .phone-first-column {
      margin-left: 0;
      margin-right: -0.5rem !important; }
  .phone-last-column {
    margin-right: -0.5rem; }
    html[dir="rtl"] .phone-last-column {
      margin-right: 0;
      margin-left: -0.5rem !important; } }

html[dir="rtl"] .column-0 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-1 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-2 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-3 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-4 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-5 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-6 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-7 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-8 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-9 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-10 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-11 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-12 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-13 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-14 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-15 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-16 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-17 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-18 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-19 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-20 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-21 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-22 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-23 {
  margin-left: 0;
  margin-right: 0; }

html[dir="rtl"] .column-24 {
  margin-left: 0;
  margin-right: 0; }

@media screen and (min-width: 860px) and (max-width: 1524.5px) {
  .pre-0 {
    margin-left: 0vw; }
    [class*="column-"] .pre-0[class*="column-"]:first-of-type {
      margin-left: 0vw; }
    html[dir="rtl"] .pre-0 {
      margin-right: 0vw !important; }
  .first-column.pre-0 {
    margin-left: calc(0vw - 0.5rem); }
    [class*="column-"] .first-column.pre-0[class*="column-"]:first-of-type {
      margin-left: calc(0vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-0 {
      margin-right: calc(0vw - 0.5rem) !important; }
  .post-0 {
    margin-right: 0vw; }
    [class*="column-"] .post-0[class*="column-"]:first-of-type {
      margin-right: 0vw; }
    html[dir="rtl"] .post-0 {
      margin-left: 0vw !important; }
  .pre-1 {
    margin-left: 3.95833vw; }
    [class*="column-"] .pre-1[class*="column-"]:first-of-type {
      margin-left: 3.95833vw; }
    html[dir="rtl"] .pre-1 {
      margin-right: 3.95833vw !important; }
  .first-column.pre-1 {
    margin-left: calc(3.95833vw - 0.5rem); }
    [class*="column-"] .first-column.pre-1[class*="column-"]:first-of-type {
      margin-left: calc(3.95833vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-1 {
      margin-right: calc(3.95833vw - 0.5rem) !important; }
  .post-1 {
    margin-right: 3.95833vw; }
    [class*="column-"] .post-1[class*="column-"]:first-of-type {
      margin-right: 3.95833vw; }
    html[dir="rtl"] .post-1 {
      margin-left: 3.95833vw !important; }
  .pre-2 {
    margin-left: 7.91667vw; }
    [class*="column-"] .pre-2[class*="column-"]:first-of-type {
      margin-left: 7.91667vw; }
    html[dir="rtl"] .pre-2 {
      margin-right: 7.91667vw !important; }
  .first-column.pre-2 {
    margin-left: calc(7.91667vw - 0.5rem); }
    [class*="column-"] .first-column.pre-2[class*="column-"]:first-of-type {
      margin-left: calc(7.91667vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-2 {
      margin-right: calc(7.91667vw - 0.5rem) !important; }
  .post-2 {
    margin-right: 7.91667vw; }
    [class*="column-"] .post-2[class*="column-"]:first-of-type {
      margin-right: 7.91667vw; }
    html[dir="rtl"] .post-2 {
      margin-left: 7.91667vw !important; }
  .pre-3 {
    margin-left: 11.875vw; }
    [class*="column-"] .pre-3[class*="column-"]:first-of-type {
      margin-left: 11.875vw; }
    html[dir="rtl"] .pre-3 {
      margin-right: 11.875vw !important; }
  .first-column.pre-3 {
    margin-left: calc(11.875vw - 0.5rem); }
    [class*="column-"] .first-column.pre-3[class*="column-"]:first-of-type {
      margin-left: calc(11.875vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-3 {
      margin-right: calc(11.875vw - 0.5rem) !important; }
  .post-3 {
    margin-right: 11.875vw; }
    [class*="column-"] .post-3[class*="column-"]:first-of-type {
      margin-right: 11.875vw; }
    html[dir="rtl"] .post-3 {
      margin-left: 11.875vw !important; }
  .pre-4 {
    margin-left: 15.83333vw; }
    [class*="column-"] .pre-4[class*="column-"]:first-of-type {
      margin-left: 15.83333vw; }
    html[dir="rtl"] .pre-4 {
      margin-right: 15.83333vw !important; }
  .first-column.pre-4 {
    margin-left: calc(15.83333vw - 0.5rem); }
    [class*="column-"] .first-column.pre-4[class*="column-"]:first-of-type {
      margin-left: calc(15.83333vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-4 {
      margin-right: calc(15.83333vw - 0.5rem) !important; }
  .post-4 {
    margin-right: 15.83333vw; }
    [class*="column-"] .post-4[class*="column-"]:first-of-type {
      margin-right: 15.83333vw; }
    html[dir="rtl"] .post-4 {
      margin-left: 15.83333vw !important; }
  .pre-5 {
    margin-left: 19.79167vw; }
    [class*="column-"] .pre-5[class*="column-"]:first-of-type {
      margin-left: 19.79167vw; }
    html[dir="rtl"] .pre-5 {
      margin-right: 19.79167vw !important; }
  .first-column.pre-5 {
    margin-left: calc(19.79167vw - 0.5rem); }
    [class*="column-"] .first-column.pre-5[class*="column-"]:first-of-type {
      margin-left: calc(19.79167vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-5 {
      margin-right: calc(19.79167vw - 0.5rem) !important; }
  .post-5 {
    margin-right: 19.79167vw; }
    [class*="column-"] .post-5[class*="column-"]:first-of-type {
      margin-right: 19.79167vw; }
    html[dir="rtl"] .post-5 {
      margin-left: 19.79167vw !important; }
  .pre-6 {
    margin-left: 23.75vw; }
    [class*="column-"] .pre-6[class*="column-"]:first-of-type {
      margin-left: 23.75vw; }
    html[dir="rtl"] .pre-6 {
      margin-right: 23.75vw !important; }
  .first-column.pre-6 {
    margin-left: calc(23.75vw - 0.5rem); }
    [class*="column-"] .first-column.pre-6[class*="column-"]:first-of-type {
      margin-left: calc(23.75vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-6 {
      margin-right: calc(23.75vw - 0.5rem) !important; }
  .post-6 {
    margin-right: 23.75vw; }
    [class*="column-"] .post-6[class*="column-"]:first-of-type {
      margin-right: 23.75vw; }
    html[dir="rtl"] .post-6 {
      margin-left: 23.75vw !important; }
  .pre-7 {
    margin-left: 27.70833vw; }
    [class*="column-"] .pre-7[class*="column-"]:first-of-type {
      margin-left: 27.70833vw; }
    html[dir="rtl"] .pre-7 {
      margin-right: 27.70833vw !important; }
  .first-column.pre-7 {
    margin-left: calc(27.70833vw - 0.5rem); }
    [class*="column-"] .first-column.pre-7[class*="column-"]:first-of-type {
      margin-left: calc(27.70833vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-7 {
      margin-right: calc(27.70833vw - 0.5rem) !important; }
  .post-7 {
    margin-right: 27.70833vw; }
    [class*="column-"] .post-7[class*="column-"]:first-of-type {
      margin-right: 27.70833vw; }
    html[dir="rtl"] .post-7 {
      margin-left: 27.70833vw !important; }
  .pre-8 {
    margin-left: 31.66667vw; }
    [class*="column-"] .pre-8[class*="column-"]:first-of-type {
      margin-left: 31.66667vw; }
    html[dir="rtl"] .pre-8 {
      margin-right: 31.66667vw !important; }
  .first-column.pre-8 {
    margin-left: calc(31.66667vw - 0.5rem); }
    [class*="column-"] .first-column.pre-8[class*="column-"]:first-of-type {
      margin-left: calc(31.66667vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-8 {
      margin-right: calc(31.66667vw - 0.5rem) !important; }
  .post-8 {
    margin-right: 31.66667vw; }
    [class*="column-"] .post-8[class*="column-"]:first-of-type {
      margin-right: 31.66667vw; }
    html[dir="rtl"] .post-8 {
      margin-left: 31.66667vw !important; }
  .pre-9 {
    margin-left: 35.625vw; }
    [class*="column-"] .pre-9[class*="column-"]:first-of-type {
      margin-left: 35.625vw; }
    html[dir="rtl"] .pre-9 {
      margin-right: 35.625vw !important; }
  .first-column.pre-9 {
    margin-left: calc(35.625vw - 0.5rem); }
    [class*="column-"] .first-column.pre-9[class*="column-"]:first-of-type {
      margin-left: calc(35.625vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-9 {
      margin-right: calc(35.625vw - 0.5rem) !important; }
  .post-9 {
    margin-right: 35.625vw; }
    [class*="column-"] .post-9[class*="column-"]:first-of-type {
      margin-right: 35.625vw; }
    html[dir="rtl"] .post-9 {
      margin-left: 35.625vw !important; }
  .pre-10 {
    margin-left: 39.58333vw; }
    [class*="column-"] .pre-10[class*="column-"]:first-of-type {
      margin-left: 39.58333vw; }
    html[dir="rtl"] .pre-10 {
      margin-right: 39.58333vw !important; }
  .first-column.pre-10 {
    margin-left: calc(39.58333vw - 0.5rem); }
    [class*="column-"] .first-column.pre-10[class*="column-"]:first-of-type {
      margin-left: calc(39.58333vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-10 {
      margin-right: calc(39.58333vw - 0.5rem) !important; }
  .post-10 {
    margin-right: 39.58333vw; }
    [class*="column-"] .post-10[class*="column-"]:first-of-type {
      margin-right: 39.58333vw; }
    html[dir="rtl"] .post-10 {
      margin-left: 39.58333vw !important; }
  .pre-11 {
    margin-left: 43.54167vw; }
    [class*="column-"] .pre-11[class*="column-"]:first-of-type {
      margin-left: 43.54167vw; }
    html[dir="rtl"] .pre-11 {
      margin-right: 43.54167vw !important; }
  .first-column.pre-11 {
    margin-left: calc(43.54167vw - 0.5rem); }
    [class*="column-"] .first-column.pre-11[class*="column-"]:first-of-type {
      margin-left: calc(43.54167vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-11 {
      margin-right: calc(43.54167vw - 0.5rem) !important; }
  .post-11 {
    margin-right: 43.54167vw; }
    [class*="column-"] .post-11[class*="column-"]:first-of-type {
      margin-right: 43.54167vw; }
    html[dir="rtl"] .post-11 {
      margin-left: 43.54167vw !important; }
  .pre-12 {
    margin-left: 47.5vw; }
    [class*="column-"] .pre-12[class*="column-"]:first-of-type {
      margin-left: 47.5vw; }
    html[dir="rtl"] .pre-12 {
      margin-right: 47.5vw !important; }
  .first-column.pre-12 {
    margin-left: calc(47.5vw - 0.5rem); }
    [class*="column-"] .first-column.pre-12[class*="column-"]:first-of-type {
      margin-left: calc(47.5vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-12 {
      margin-right: calc(47.5vw - 0.5rem) !important; }
  .post-12 {
    margin-right: 47.5vw; }
    [class*="column-"] .post-12[class*="column-"]:first-of-type {
      margin-right: 47.5vw; }
    html[dir="rtl"] .post-12 {
      margin-left: 47.5vw !important; }
  .pre-13 {
    margin-left: 51.45833vw; }
    [class*="column-"] .pre-13[class*="column-"]:first-of-type {
      margin-left: 51.45833vw; }
    html[dir="rtl"] .pre-13 {
      margin-right: 51.45833vw !important; }
  .first-column.pre-13 {
    margin-left: calc(51.45833vw - 0.5rem); }
    [class*="column-"] .first-column.pre-13[class*="column-"]:first-of-type {
      margin-left: calc(51.45833vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-13 {
      margin-right: calc(51.45833vw - 0.5rem) !important; }
  .post-13 {
    margin-right: 51.45833vw; }
    [class*="column-"] .post-13[class*="column-"]:first-of-type {
      margin-right: 51.45833vw; }
    html[dir="rtl"] .post-13 {
      margin-left: 51.45833vw !important; }
  .pre-14 {
    margin-left: 55.41667vw; }
    [class*="column-"] .pre-14[class*="column-"]:first-of-type {
      margin-left: 55.41667vw; }
    html[dir="rtl"] .pre-14 {
      margin-right: 55.41667vw !important; }
  .first-column.pre-14 {
    margin-left: calc(55.41667vw - 0.5rem); }
    [class*="column-"] .first-column.pre-14[class*="column-"]:first-of-type {
      margin-left: calc(55.41667vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-14 {
      margin-right: calc(55.41667vw - 0.5rem) !important; }
  .post-14 {
    margin-right: 55.41667vw; }
    [class*="column-"] .post-14[class*="column-"]:first-of-type {
      margin-right: 55.41667vw; }
    html[dir="rtl"] .post-14 {
      margin-left: 55.41667vw !important; }
  .pre-15 {
    margin-left: 59.375vw; }
    [class*="column-"] .pre-15[class*="column-"]:first-of-type {
      margin-left: 59.375vw; }
    html[dir="rtl"] .pre-15 {
      margin-right: 59.375vw !important; }
  .first-column.pre-15 {
    margin-left: calc(59.375vw - 0.5rem); }
    [class*="column-"] .first-column.pre-15[class*="column-"]:first-of-type {
      margin-left: calc(59.375vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-15 {
      margin-right: calc(59.375vw - 0.5rem) !important; }
  .post-15 {
    margin-right: 59.375vw; }
    [class*="column-"] .post-15[class*="column-"]:first-of-type {
      margin-right: 59.375vw; }
    html[dir="rtl"] .post-15 {
      margin-left: 59.375vw !important; }
  .pre-16 {
    margin-left: 63.33333vw; }
    [class*="column-"] .pre-16[class*="column-"]:first-of-type {
      margin-left: 63.33333vw; }
    html[dir="rtl"] .pre-16 {
      margin-right: 63.33333vw !important; }
  .first-column.pre-16 {
    margin-left: calc(63.33333vw - 0.5rem); }
    [class*="column-"] .first-column.pre-16[class*="column-"]:first-of-type {
      margin-left: calc(63.33333vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-16 {
      margin-right: calc(63.33333vw - 0.5rem) !important; }
  .post-16 {
    margin-right: 63.33333vw; }
    [class*="column-"] .post-16[class*="column-"]:first-of-type {
      margin-right: 63.33333vw; }
    html[dir="rtl"] .post-16 {
      margin-left: 63.33333vw !important; }
  .pre-17 {
    margin-left: 67.29167vw; }
    [class*="column-"] .pre-17[class*="column-"]:first-of-type {
      margin-left: 67.29167vw; }
    html[dir="rtl"] .pre-17 {
      margin-right: 67.29167vw !important; }
  .first-column.pre-17 {
    margin-left: calc(67.29167vw - 0.5rem); }
    [class*="column-"] .first-column.pre-17[class*="column-"]:first-of-type {
      margin-left: calc(67.29167vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-17 {
      margin-right: calc(67.29167vw - 0.5rem) !important; }
  .post-17 {
    margin-right: 67.29167vw; }
    [class*="column-"] .post-17[class*="column-"]:first-of-type {
      margin-right: 67.29167vw; }
    html[dir="rtl"] .post-17 {
      margin-left: 67.29167vw !important; }
  .pre-18 {
    margin-left: 71.25vw; }
    [class*="column-"] .pre-18[class*="column-"]:first-of-type {
      margin-left: 71.25vw; }
    html[dir="rtl"] .pre-18 {
      margin-right: 71.25vw !important; }
  .first-column.pre-18 {
    margin-left: calc(71.25vw - 0.5rem); }
    [class*="column-"] .first-column.pre-18[class*="column-"]:first-of-type {
      margin-left: calc(71.25vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-18 {
      margin-right: calc(71.25vw - 0.5rem) !important; }
  .post-18 {
    margin-right: 71.25vw; }
    [class*="column-"] .post-18[class*="column-"]:first-of-type {
      margin-right: 71.25vw; }
    html[dir="rtl"] .post-18 {
      margin-left: 71.25vw !important; }
  .pre-19 {
    margin-left: 75.20833vw; }
    [class*="column-"] .pre-19[class*="column-"]:first-of-type {
      margin-left: 75.20833vw; }
    html[dir="rtl"] .pre-19 {
      margin-right: 75.20833vw !important; }
  .first-column.pre-19 {
    margin-left: calc(75.20833vw - 0.5rem); }
    [class*="column-"] .first-column.pre-19[class*="column-"]:first-of-type {
      margin-left: calc(75.20833vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-19 {
      margin-right: calc(75.20833vw - 0.5rem) !important; }
  .post-19 {
    margin-right: 75.20833vw; }
    [class*="column-"] .post-19[class*="column-"]:first-of-type {
      margin-right: 75.20833vw; }
    html[dir="rtl"] .post-19 {
      margin-left: 75.20833vw !important; }
  .pre-20 {
    margin-left: 79.16667vw; }
    [class*="column-"] .pre-20[class*="column-"]:first-of-type {
      margin-left: 79.16667vw; }
    html[dir="rtl"] .pre-20 {
      margin-right: 79.16667vw !important; }
  .first-column.pre-20 {
    margin-left: calc(79.16667vw - 0.5rem); }
    [class*="column-"] .first-column.pre-20[class*="column-"]:first-of-type {
      margin-left: calc(79.16667vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-20 {
      margin-right: calc(79.16667vw - 0.5rem) !important; }
  .post-20 {
    margin-right: 79.16667vw; }
    [class*="column-"] .post-20[class*="column-"]:first-of-type {
      margin-right: 79.16667vw; }
    html[dir="rtl"] .post-20 {
      margin-left: 79.16667vw !important; }
  .pre-21 {
    margin-left: 83.125vw; }
    [class*="column-"] .pre-21[class*="column-"]:first-of-type {
      margin-left: 83.125vw; }
    html[dir="rtl"] .pre-21 {
      margin-right: 83.125vw !important; }
  .first-column.pre-21 {
    margin-left: calc(83.125vw - 0.5rem); }
    [class*="column-"] .first-column.pre-21[class*="column-"]:first-of-type {
      margin-left: calc(83.125vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-21 {
      margin-right: calc(83.125vw - 0.5rem) !important; }
  .post-21 {
    margin-right: 83.125vw; }
    [class*="column-"] .post-21[class*="column-"]:first-of-type {
      margin-right: 83.125vw; }
    html[dir="rtl"] .post-21 {
      margin-left: 83.125vw !important; }
  .pre-22 {
    margin-left: 87.08333vw; }
    [class*="column-"] .pre-22[class*="column-"]:first-of-type {
      margin-left: 87.08333vw; }
    html[dir="rtl"] .pre-22 {
      margin-right: 87.08333vw !important; }
  .first-column.pre-22 {
    margin-left: calc(87.08333vw - 0.5rem); }
    [class*="column-"] .first-column.pre-22[class*="column-"]:first-of-type {
      margin-left: calc(87.08333vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-22 {
      margin-right: calc(87.08333vw - 0.5rem) !important; }
  .post-22 {
    margin-right: 87.08333vw; }
    [class*="column-"] .post-22[class*="column-"]:first-of-type {
      margin-right: 87.08333vw; }
    html[dir="rtl"] .post-22 {
      margin-left: 87.08333vw !important; }
  .pre-23 {
    margin-left: 91.04167vw; }
    [class*="column-"] .pre-23[class*="column-"]:first-of-type {
      margin-left: 91.04167vw; }
    html[dir="rtl"] .pre-23 {
      margin-right: 91.04167vw !important; }
  .first-column.pre-23 {
    margin-left: calc(91.04167vw - 0.5rem); }
    [class*="column-"] .first-column.pre-23[class*="column-"]:first-of-type {
      margin-left: calc(91.04167vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-23 {
      margin-right: calc(91.04167vw - 0.5rem) !important; }
  .post-23 {
    margin-right: 91.04167vw; }
    [class*="column-"] .post-23[class*="column-"]:first-of-type {
      margin-right: 91.04167vw; }
    html[dir="rtl"] .post-23 {
      margin-left: 91.04167vw !important; }
  .pre-24 {
    margin-left: 95vw; }
    [class*="column-"] .pre-24[class*="column-"]:first-of-type {
      margin-left: 95vw; }
    html[dir="rtl"] .pre-24 {
      margin-right: 95vw !important; }
  .first-column.pre-24 {
    margin-left: calc(95vw - 0.5rem); }
    [class*="column-"] .first-column.pre-24[class*="column-"]:first-of-type {
      margin-left: calc(95vw - 0.5rem); }
    html[dir="rtl"] .first-column.pre-24 {
      margin-right: calc(95vw - 0.5rem) !important; }
  .post-24 {
    margin-right: 95vw; }
    [class*="column-"] .post-24[class*="column-"]:first-of-type {
      margin-right: 95vw; }
    html[dir="rtl"] .post-24 {
      margin-left: 95vw !important; }
  .rtl-pre-0 {
    margin-left: 0vw; }
    [class*="column-"] .rtl-pre-0[class*="column-"]:first-of-type {
      margin-left: 0vw; }
    html[dir="rtl"] .rtl-pre-0 {
      margin-right: 0vw !important; }
  .first-column.rtl-pre-0 {
    margin-left: calc(0vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-0[class*="column-"]:first-of-type {
      margin-left: calc(0vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-0 {
      margin-right: calc(0vw - 0.5rem) !important; }
  .rtl-post-0 {
    margin-right: 0vw; }
    [class*="column-"] .rtl-post-0[class*="column-"]:first-of-type {
      margin-right: 0vw; }
    html[dir="rtl"] .rtl-post-0 {
      margin-left: 0vw !important; }
  .rtl-pre-1 {
    margin-left: 3.95833vw; }
    [class*="column-"] .rtl-pre-1[class*="column-"]:first-of-type {
      margin-left: 3.95833vw; }
    html[dir="rtl"] .rtl-pre-1 {
      margin-right: 3.95833vw !important; }
  .first-column.rtl-pre-1 {
    margin-left: calc(3.95833vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-1[class*="column-"]:first-of-type {
      margin-left: calc(3.95833vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-1 {
      margin-right: calc(3.95833vw - 0.5rem) !important; }
  .rtl-post-1 {
    margin-right: 3.95833vw; }
    [class*="column-"] .rtl-post-1[class*="column-"]:first-of-type {
      margin-right: 3.95833vw; }
    html[dir="rtl"] .rtl-post-1 {
      margin-left: 3.95833vw !important; }
  .rtl-pre-2 {
    margin-left: 7.91667vw; }
    [class*="column-"] .rtl-pre-2[class*="column-"]:first-of-type {
      margin-left: 7.91667vw; }
    html[dir="rtl"] .rtl-pre-2 {
      margin-right: 7.91667vw !important; }
  .first-column.rtl-pre-2 {
    margin-left: calc(7.91667vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-2[class*="column-"]:first-of-type {
      margin-left: calc(7.91667vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-2 {
      margin-right: calc(7.91667vw - 0.5rem) !important; }
  .rtl-post-2 {
    margin-right: 7.91667vw; }
    [class*="column-"] .rtl-post-2[class*="column-"]:first-of-type {
      margin-right: 7.91667vw; }
    html[dir="rtl"] .rtl-post-2 {
      margin-left: 7.91667vw !important; }
  .rtl-pre-3 {
    margin-left: 11.875vw; }
    [class*="column-"] .rtl-pre-3[class*="column-"]:first-of-type {
      margin-left: 11.875vw; }
    html[dir="rtl"] .rtl-pre-3 {
      margin-right: 11.875vw !important; }
  .first-column.rtl-pre-3 {
    margin-left: calc(11.875vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-3[class*="column-"]:first-of-type {
      margin-left: calc(11.875vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-3 {
      margin-right: calc(11.875vw - 0.5rem) !important; }
  .rtl-post-3 {
    margin-right: 11.875vw; }
    [class*="column-"] .rtl-post-3[class*="column-"]:first-of-type {
      margin-right: 11.875vw; }
    html[dir="rtl"] .rtl-post-3 {
      margin-left: 11.875vw !important; }
  .rtl-pre-4 {
    margin-left: 15.83333vw; }
    [class*="column-"] .rtl-pre-4[class*="column-"]:first-of-type {
      margin-left: 15.83333vw; }
    html[dir="rtl"] .rtl-pre-4 {
      margin-right: 15.83333vw !important; }
  .first-column.rtl-pre-4 {
    margin-left: calc(15.83333vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-4[class*="column-"]:first-of-type {
      margin-left: calc(15.83333vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-4 {
      margin-right: calc(15.83333vw - 0.5rem) !important; }
  .rtl-post-4 {
    margin-right: 15.83333vw; }
    [class*="column-"] .rtl-post-4[class*="column-"]:first-of-type {
      margin-right: 15.83333vw; }
    html[dir="rtl"] .rtl-post-4 {
      margin-left: 15.83333vw !important; }
  .rtl-pre-5 {
    margin-left: 19.79167vw; }
    [class*="column-"] .rtl-pre-5[class*="column-"]:first-of-type {
      margin-left: 19.79167vw; }
    html[dir="rtl"] .rtl-pre-5 {
      margin-right: 19.79167vw !important; }
  .first-column.rtl-pre-5 {
    margin-left: calc(19.79167vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-5[class*="column-"]:first-of-type {
      margin-left: calc(19.79167vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-5 {
      margin-right: calc(19.79167vw - 0.5rem) !important; }
  .rtl-post-5 {
    margin-right: 19.79167vw; }
    [class*="column-"] .rtl-post-5[class*="column-"]:first-of-type {
      margin-right: 19.79167vw; }
    html[dir="rtl"] .rtl-post-5 {
      margin-left: 19.79167vw !important; }
  .rtl-pre-6 {
    margin-left: 23.75vw; }
    [class*="column-"] .rtl-pre-6[class*="column-"]:first-of-type {
      margin-left: 23.75vw; }
    html[dir="rtl"] .rtl-pre-6 {
      margin-right: 23.75vw !important; }
  .first-column.rtl-pre-6 {
    margin-left: calc(23.75vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-6[class*="column-"]:first-of-type {
      margin-left: calc(23.75vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-6 {
      margin-right: calc(23.75vw - 0.5rem) !important; }
  .rtl-post-6 {
    margin-right: 23.75vw; }
    [class*="column-"] .rtl-post-6[class*="column-"]:first-of-type {
      margin-right: 23.75vw; }
    html[dir="rtl"] .rtl-post-6 {
      margin-left: 23.75vw !important; }
  .rtl-pre-7 {
    margin-left: 27.70833vw; }
    [class*="column-"] .rtl-pre-7[class*="column-"]:first-of-type {
      margin-left: 27.70833vw; }
    html[dir="rtl"] .rtl-pre-7 {
      margin-right: 27.70833vw !important; }
  .first-column.rtl-pre-7 {
    margin-left: calc(27.70833vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-7[class*="column-"]:first-of-type {
      margin-left: calc(27.70833vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-7 {
      margin-right: calc(27.70833vw - 0.5rem) !important; }
  .rtl-post-7 {
    margin-right: 27.70833vw; }
    [class*="column-"] .rtl-post-7[class*="column-"]:first-of-type {
      margin-right: 27.70833vw; }
    html[dir="rtl"] .rtl-post-7 {
      margin-left: 27.70833vw !important; }
  .rtl-pre-8 {
    margin-left: 31.66667vw; }
    [class*="column-"] .rtl-pre-8[class*="column-"]:first-of-type {
      margin-left: 31.66667vw; }
    html[dir="rtl"] .rtl-pre-8 {
      margin-right: 31.66667vw !important; }
  .first-column.rtl-pre-8 {
    margin-left: calc(31.66667vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-8[class*="column-"]:first-of-type {
      margin-left: calc(31.66667vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-8 {
      margin-right: calc(31.66667vw - 0.5rem) !important; }
  .rtl-post-8 {
    margin-right: 31.66667vw; }
    [class*="column-"] .rtl-post-8[class*="column-"]:first-of-type {
      margin-right: 31.66667vw; }
    html[dir="rtl"] .rtl-post-8 {
      margin-left: 31.66667vw !important; }
  .rtl-pre-9 {
    margin-left: 35.625vw; }
    [class*="column-"] .rtl-pre-9[class*="column-"]:first-of-type {
      margin-left: 35.625vw; }
    html[dir="rtl"] .rtl-pre-9 {
      margin-right: 35.625vw !important; }
  .first-column.rtl-pre-9 {
    margin-left: calc(35.625vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-9[class*="column-"]:first-of-type {
      margin-left: calc(35.625vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-9 {
      margin-right: calc(35.625vw - 0.5rem) !important; }
  .rtl-post-9 {
    margin-right: 35.625vw; }
    [class*="column-"] .rtl-post-9[class*="column-"]:first-of-type {
      margin-right: 35.625vw; }
    html[dir="rtl"] .rtl-post-9 {
      margin-left: 35.625vw !important; }
  .rtl-pre-10 {
    margin-left: 39.58333vw; }
    [class*="column-"] .rtl-pre-10[class*="column-"]:first-of-type {
      margin-left: 39.58333vw; }
    html[dir="rtl"] .rtl-pre-10 {
      margin-right: 39.58333vw !important; }
  .first-column.rtl-pre-10 {
    margin-left: calc(39.58333vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-10[class*="column-"]:first-of-type {
      margin-left: calc(39.58333vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-10 {
      margin-right: calc(39.58333vw - 0.5rem) !important; }
  .rtl-post-10 {
    margin-right: 39.58333vw; }
    [class*="column-"] .rtl-post-10[class*="column-"]:first-of-type {
      margin-right: 39.58333vw; }
    html[dir="rtl"] .rtl-post-10 {
      margin-left: 39.58333vw !important; }
  .rtl-pre-11 {
    margin-left: 43.54167vw; }
    [class*="column-"] .rtl-pre-11[class*="column-"]:first-of-type {
      margin-left: 43.54167vw; }
    html[dir="rtl"] .rtl-pre-11 {
      margin-right: 43.54167vw !important; }
  .first-column.rtl-pre-11 {
    margin-left: calc(43.54167vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-11[class*="column-"]:first-of-type {
      margin-left: calc(43.54167vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-11 {
      margin-right: calc(43.54167vw - 0.5rem) !important; }
  .rtl-post-11 {
    margin-right: 43.54167vw; }
    [class*="column-"] .rtl-post-11[class*="column-"]:first-of-type {
      margin-right: 43.54167vw; }
    html[dir="rtl"] .rtl-post-11 {
      margin-left: 43.54167vw !important; }
  .rtl-pre-12 {
    margin-left: 47.5vw; }
    [class*="column-"] .rtl-pre-12[class*="column-"]:first-of-type {
      margin-left: 47.5vw; }
    html[dir="rtl"] .rtl-pre-12 {
      margin-right: 47.5vw !important; }
  .first-column.rtl-pre-12 {
    margin-left: calc(47.5vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-12[class*="column-"]:first-of-type {
      margin-left: calc(47.5vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-12 {
      margin-right: calc(47.5vw - 0.5rem) !important; }
  .rtl-post-12 {
    margin-right: 47.5vw; }
    [class*="column-"] .rtl-post-12[class*="column-"]:first-of-type {
      margin-right: 47.5vw; }
    html[dir="rtl"] .rtl-post-12 {
      margin-left: 47.5vw !important; }
  .rtl-pre-13 {
    margin-left: 51.45833vw; }
    [class*="column-"] .rtl-pre-13[class*="column-"]:first-of-type {
      margin-left: 51.45833vw; }
    html[dir="rtl"] .rtl-pre-13 {
      margin-right: 51.45833vw !important; }
  .first-column.rtl-pre-13 {
    margin-left: calc(51.45833vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-13[class*="column-"]:first-of-type {
      margin-left: calc(51.45833vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-13 {
      margin-right: calc(51.45833vw - 0.5rem) !important; }
  .rtl-post-13 {
    margin-right: 51.45833vw; }
    [class*="column-"] .rtl-post-13[class*="column-"]:first-of-type {
      margin-right: 51.45833vw; }
    html[dir="rtl"] .rtl-post-13 {
      margin-left: 51.45833vw !important; }
  .rtl-pre-14 {
    margin-left: 55.41667vw; }
    [class*="column-"] .rtl-pre-14[class*="column-"]:first-of-type {
      margin-left: 55.41667vw; }
    html[dir="rtl"] .rtl-pre-14 {
      margin-right: 55.41667vw !important; }
  .first-column.rtl-pre-14 {
    margin-left: calc(55.41667vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-14[class*="column-"]:first-of-type {
      margin-left: calc(55.41667vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-14 {
      margin-right: calc(55.41667vw - 0.5rem) !important; }
  .rtl-post-14 {
    margin-right: 55.41667vw; }
    [class*="column-"] .rtl-post-14[class*="column-"]:first-of-type {
      margin-right: 55.41667vw; }
    html[dir="rtl"] .rtl-post-14 {
      margin-left: 55.41667vw !important; }
  .rtl-pre-15 {
    margin-left: 59.375vw; }
    [class*="column-"] .rtl-pre-15[class*="column-"]:first-of-type {
      margin-left: 59.375vw; }
    html[dir="rtl"] .rtl-pre-15 {
      margin-right: 59.375vw !important; }
  .first-column.rtl-pre-15 {
    margin-left: calc(59.375vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-15[class*="column-"]:first-of-type {
      margin-left: calc(59.375vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-15 {
      margin-right: calc(59.375vw - 0.5rem) !important; }
  .rtl-post-15 {
    margin-right: 59.375vw; }
    [class*="column-"] .rtl-post-15[class*="column-"]:first-of-type {
      margin-right: 59.375vw; }
    html[dir="rtl"] .rtl-post-15 {
      margin-left: 59.375vw !important; }
  .rtl-pre-16 {
    margin-left: 63.33333vw; }
    [class*="column-"] .rtl-pre-16[class*="column-"]:first-of-type {
      margin-left: 63.33333vw; }
    html[dir="rtl"] .rtl-pre-16 {
      margin-right: 63.33333vw !important; }
  .first-column.rtl-pre-16 {
    margin-left: calc(63.33333vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-16[class*="column-"]:first-of-type {
      margin-left: calc(63.33333vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-16 {
      margin-right: calc(63.33333vw - 0.5rem) !important; }
  .rtl-post-16 {
    margin-right: 63.33333vw; }
    [class*="column-"] .rtl-post-16[class*="column-"]:first-of-type {
      margin-right: 63.33333vw; }
    html[dir="rtl"] .rtl-post-16 {
      margin-left: 63.33333vw !important; }
  .rtl-pre-17 {
    margin-left: 67.29167vw; }
    [class*="column-"] .rtl-pre-17[class*="column-"]:first-of-type {
      margin-left: 67.29167vw; }
    html[dir="rtl"] .rtl-pre-17 {
      margin-right: 67.29167vw !important; }
  .first-column.rtl-pre-17 {
    margin-left: calc(67.29167vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-17[class*="column-"]:first-of-type {
      margin-left: calc(67.29167vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-17 {
      margin-right: calc(67.29167vw - 0.5rem) !important; }
  .rtl-post-17 {
    margin-right: 67.29167vw; }
    [class*="column-"] .rtl-post-17[class*="column-"]:first-of-type {
      margin-right: 67.29167vw; }
    html[dir="rtl"] .rtl-post-17 {
      margin-left: 67.29167vw !important; }
  .rtl-pre-18 {
    margin-left: 71.25vw; }
    [class*="column-"] .rtl-pre-18[class*="column-"]:first-of-type {
      margin-left: 71.25vw; }
    html[dir="rtl"] .rtl-pre-18 {
      margin-right: 71.25vw !important; }
  .first-column.rtl-pre-18 {
    margin-left: calc(71.25vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-18[class*="column-"]:first-of-type {
      margin-left: calc(71.25vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-18 {
      margin-right: calc(71.25vw - 0.5rem) !important; }
  .rtl-post-18 {
    margin-right: 71.25vw; }
    [class*="column-"] .rtl-post-18[class*="column-"]:first-of-type {
      margin-right: 71.25vw; }
    html[dir="rtl"] .rtl-post-18 {
      margin-left: 71.25vw !important; }
  .rtl-pre-19 {
    margin-left: 75.20833vw; }
    [class*="column-"] .rtl-pre-19[class*="column-"]:first-of-type {
      margin-left: 75.20833vw; }
    html[dir="rtl"] .rtl-pre-19 {
      margin-right: 75.20833vw !important; }
  .first-column.rtl-pre-19 {
    margin-left: calc(75.20833vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-19[class*="column-"]:first-of-type {
      margin-left: calc(75.20833vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-19 {
      margin-right: calc(75.20833vw - 0.5rem) !important; }
  .rtl-post-19 {
    margin-right: 75.20833vw; }
    [class*="column-"] .rtl-post-19[class*="column-"]:first-of-type {
      margin-right: 75.20833vw; }
    html[dir="rtl"] .rtl-post-19 {
      margin-left: 75.20833vw !important; }
  .rtl-pre-20 {
    margin-left: 79.16667vw; }
    [class*="column-"] .rtl-pre-20[class*="column-"]:first-of-type {
      margin-left: 79.16667vw; }
    html[dir="rtl"] .rtl-pre-20 {
      margin-right: 79.16667vw !important; }
  .first-column.rtl-pre-20 {
    margin-left: calc(79.16667vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-20[class*="column-"]:first-of-type {
      margin-left: calc(79.16667vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-20 {
      margin-right: calc(79.16667vw - 0.5rem) !important; }
  .rtl-post-20 {
    margin-right: 79.16667vw; }
    [class*="column-"] .rtl-post-20[class*="column-"]:first-of-type {
      margin-right: 79.16667vw; }
    html[dir="rtl"] .rtl-post-20 {
      margin-left: 79.16667vw !important; }
  .rtl-pre-21 {
    margin-left: 83.125vw; }
    [class*="column-"] .rtl-pre-21[class*="column-"]:first-of-type {
      margin-left: 83.125vw; }
    html[dir="rtl"] .rtl-pre-21 {
      margin-right: 83.125vw !important; }
  .first-column.rtl-pre-21 {
    margin-left: calc(83.125vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-21[class*="column-"]:first-of-type {
      margin-left: calc(83.125vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-21 {
      margin-right: calc(83.125vw - 0.5rem) !important; }
  .rtl-post-21 {
    margin-right: 83.125vw; }
    [class*="column-"] .rtl-post-21[class*="column-"]:first-of-type {
      margin-right: 83.125vw; }
    html[dir="rtl"] .rtl-post-21 {
      margin-left: 83.125vw !important; }
  .rtl-pre-22 {
    margin-left: 87.08333vw; }
    [class*="column-"] .rtl-pre-22[class*="column-"]:first-of-type {
      margin-left: 87.08333vw; }
    html[dir="rtl"] .rtl-pre-22 {
      margin-right: 87.08333vw !important; }
  .first-column.rtl-pre-22 {
    margin-left: calc(87.08333vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-22[class*="column-"]:first-of-type {
      margin-left: calc(87.08333vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-22 {
      margin-right: calc(87.08333vw - 0.5rem) !important; }
  .rtl-post-22 {
    margin-right: 87.08333vw; }
    [class*="column-"] .rtl-post-22[class*="column-"]:first-of-type {
      margin-right: 87.08333vw; }
    html[dir="rtl"] .rtl-post-22 {
      margin-left: 87.08333vw !important; }
  .rtl-pre-23 {
    margin-left: 91.04167vw; }
    [class*="column-"] .rtl-pre-23[class*="column-"]:first-of-type {
      margin-left: 91.04167vw; }
    html[dir="rtl"] .rtl-pre-23 {
      margin-right: 91.04167vw !important; }
  .first-column.rtl-pre-23 {
    margin-left: calc(91.04167vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-23[class*="column-"]:first-of-type {
      margin-left: calc(91.04167vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-23 {
      margin-right: calc(91.04167vw - 0.5rem) !important; }
  .rtl-post-23 {
    margin-right: 91.04167vw; }
    [class*="column-"] .rtl-post-23[class*="column-"]:first-of-type {
      margin-right: 91.04167vw; }
    html[dir="rtl"] .rtl-post-23 {
      margin-left: 91.04167vw !important; }
  .rtl-pre-24 {
    margin-left: 95vw; }
    [class*="column-"] .rtl-pre-24[class*="column-"]:first-of-type {
      margin-left: 95vw; }
    html[dir="rtl"] .rtl-pre-24 {
      margin-right: 95vw !important; }
  .first-column.rtl-pre-24 {
    margin-left: calc(95vw - 0.5rem); }
    [class*="column-"] .first-column.rtl-pre-24[class*="column-"]:first-of-type {
      margin-left: calc(95vw - 0.5rem); }
    html[dir="rtl"] .first-column.rtl-pre-24 {
      margin-right: calc(95vw - 0.5rem) !important; }
  .rtl-post-24 {
    margin-right: 95vw; }
    [class*="column-"] .rtl-post-24[class*="column-"]:first-of-type {
      margin-right: 95vw; }
    html[dir="rtl"] .rtl-post-24 {
      margin-left: 95vw !important; } }

@media screen and (max-width: 859px) {
  .tablet-pre-0 {
    margin-left: 0vw; }
    [class*="column-"] .tablet-pre-0[class*="column-"]:first-of-type {
      margin-left: 0vw; }
    html[dir="rtl"] .tablet-pre-0 {
      margin-right: 0vw !important; }
  .tablet-first-column.tablet-pre-0 {
    margin-left: calc(0vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-0[class*="column-"]:first-of-type {
      margin-left: calc(0vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-0 {
      margin-right: calc(0vw - 0.5rem) !important; }
  .tablet-post-0 {
    margin-right: 0vw; }
    [class*="column-"] .tablet-post-0[class*="column-"]:first-of-type {
      margin-right: 0vw; }
    html[dir="rtl"] .tablet-post-0 {
      margin-left: 0vw !important; }
  .tablet-pre-1 {
    margin-left: 7.91667vw; }
    [class*="column-"] .tablet-pre-1[class*="column-"]:first-of-type {
      margin-left: 7.91667vw; }
    html[dir="rtl"] .tablet-pre-1 {
      margin-right: 7.91667vw !important; }
  .tablet-first-column.tablet-pre-1 {
    margin-left: calc(7.91667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-1[class*="column-"]:first-of-type {
      margin-left: calc(7.91667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-1 {
      margin-right: calc(7.91667vw - 0.5rem) !important; }
  .tablet-post-1 {
    margin-right: 7.91667vw; }
    [class*="column-"] .tablet-post-1[class*="column-"]:first-of-type {
      margin-right: 7.91667vw; }
    html[dir="rtl"] .tablet-post-1 {
      margin-left: 7.91667vw !important; }
  .tablet-pre-2 {
    margin-left: 15.83333vw; }
    [class*="column-"] .tablet-pre-2[class*="column-"]:first-of-type {
      margin-left: 15.83333vw; }
    html[dir="rtl"] .tablet-pre-2 {
      margin-right: 15.83333vw !important; }
  .tablet-first-column.tablet-pre-2 {
    margin-left: calc(15.83333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-2[class*="column-"]:first-of-type {
      margin-left: calc(15.83333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-2 {
      margin-right: calc(15.83333vw - 0.5rem) !important; }
  .tablet-post-2 {
    margin-right: 15.83333vw; }
    [class*="column-"] .tablet-post-2[class*="column-"]:first-of-type {
      margin-right: 15.83333vw; }
    html[dir="rtl"] .tablet-post-2 {
      margin-left: 15.83333vw !important; }
  .tablet-pre-3 {
    margin-left: 23.75vw; }
    [class*="column-"] .tablet-pre-3[class*="column-"]:first-of-type {
      margin-left: 23.75vw; }
    html[dir="rtl"] .tablet-pre-3 {
      margin-right: 23.75vw !important; }
  .tablet-first-column.tablet-pre-3 {
    margin-left: calc(23.75vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-3[class*="column-"]:first-of-type {
      margin-left: calc(23.75vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-3 {
      margin-right: calc(23.75vw - 0.5rem) !important; }
  .tablet-post-3 {
    margin-right: 23.75vw; }
    [class*="column-"] .tablet-post-3[class*="column-"]:first-of-type {
      margin-right: 23.75vw; }
    html[dir="rtl"] .tablet-post-3 {
      margin-left: 23.75vw !important; }
  .tablet-pre-4 {
    margin-left: 31.66667vw; }
    [class*="column-"] .tablet-pre-4[class*="column-"]:first-of-type {
      margin-left: 31.66667vw; }
    html[dir="rtl"] .tablet-pre-4 {
      margin-right: 31.66667vw !important; }
  .tablet-first-column.tablet-pre-4 {
    margin-left: calc(31.66667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-4[class*="column-"]:first-of-type {
      margin-left: calc(31.66667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-4 {
      margin-right: calc(31.66667vw - 0.5rem) !important; }
  .tablet-post-4 {
    margin-right: 31.66667vw; }
    [class*="column-"] .tablet-post-4[class*="column-"]:first-of-type {
      margin-right: 31.66667vw; }
    html[dir="rtl"] .tablet-post-4 {
      margin-left: 31.66667vw !important; }
  .tablet-pre-5 {
    margin-left: 39.58333vw; }
    [class*="column-"] .tablet-pre-5[class*="column-"]:first-of-type {
      margin-left: 39.58333vw; }
    html[dir="rtl"] .tablet-pre-5 {
      margin-right: 39.58333vw !important; }
  .tablet-first-column.tablet-pre-5 {
    margin-left: calc(39.58333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-5[class*="column-"]:first-of-type {
      margin-left: calc(39.58333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-5 {
      margin-right: calc(39.58333vw - 0.5rem) !important; }
  .tablet-post-5 {
    margin-right: 39.58333vw; }
    [class*="column-"] .tablet-post-5[class*="column-"]:first-of-type {
      margin-right: 39.58333vw; }
    html[dir="rtl"] .tablet-post-5 {
      margin-left: 39.58333vw !important; }
  .tablet-pre-6 {
    margin-left: 47.5vw; }
    [class*="column-"] .tablet-pre-6[class*="column-"]:first-of-type {
      margin-left: 47.5vw; }
    html[dir="rtl"] .tablet-pre-6 {
      margin-right: 47.5vw !important; }
  .tablet-first-column.tablet-pre-6 {
    margin-left: calc(47.5vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-6[class*="column-"]:first-of-type {
      margin-left: calc(47.5vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-6 {
      margin-right: calc(47.5vw - 0.5rem) !important; }
  .tablet-post-6 {
    margin-right: 47.5vw; }
    [class*="column-"] .tablet-post-6[class*="column-"]:first-of-type {
      margin-right: 47.5vw; }
    html[dir="rtl"] .tablet-post-6 {
      margin-left: 47.5vw !important; }
  .tablet-pre-7 {
    margin-left: 55.41667vw; }
    [class*="column-"] .tablet-pre-7[class*="column-"]:first-of-type {
      margin-left: 55.41667vw; }
    html[dir="rtl"] .tablet-pre-7 {
      margin-right: 55.41667vw !important; }
  .tablet-first-column.tablet-pre-7 {
    margin-left: calc(55.41667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-7[class*="column-"]:first-of-type {
      margin-left: calc(55.41667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-7 {
      margin-right: calc(55.41667vw - 0.5rem) !important; }
  .tablet-post-7 {
    margin-right: 55.41667vw; }
    [class*="column-"] .tablet-post-7[class*="column-"]:first-of-type {
      margin-right: 55.41667vw; }
    html[dir="rtl"] .tablet-post-7 {
      margin-left: 55.41667vw !important; }
  .tablet-pre-8 {
    margin-left: 63.33333vw; }
    [class*="column-"] .tablet-pre-8[class*="column-"]:first-of-type {
      margin-left: 63.33333vw; }
    html[dir="rtl"] .tablet-pre-8 {
      margin-right: 63.33333vw !important; }
  .tablet-first-column.tablet-pre-8 {
    margin-left: calc(63.33333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-8[class*="column-"]:first-of-type {
      margin-left: calc(63.33333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-8 {
      margin-right: calc(63.33333vw - 0.5rem) !important; }
  .tablet-post-8 {
    margin-right: 63.33333vw; }
    [class*="column-"] .tablet-post-8[class*="column-"]:first-of-type {
      margin-right: 63.33333vw; }
    html[dir="rtl"] .tablet-post-8 {
      margin-left: 63.33333vw !important; }
  .tablet-pre-9 {
    margin-left: 71.25vw; }
    [class*="column-"] .tablet-pre-9[class*="column-"]:first-of-type {
      margin-left: 71.25vw; }
    html[dir="rtl"] .tablet-pre-9 {
      margin-right: 71.25vw !important; }
  .tablet-first-column.tablet-pre-9 {
    margin-left: calc(71.25vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-9[class*="column-"]:first-of-type {
      margin-left: calc(71.25vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-9 {
      margin-right: calc(71.25vw - 0.5rem) !important; }
  .tablet-post-9 {
    margin-right: 71.25vw; }
    [class*="column-"] .tablet-post-9[class*="column-"]:first-of-type {
      margin-right: 71.25vw; }
    html[dir="rtl"] .tablet-post-9 {
      margin-left: 71.25vw !important; }
  .tablet-pre-10 {
    margin-left: 79.16667vw; }
    [class*="column-"] .tablet-pre-10[class*="column-"]:first-of-type {
      margin-left: 79.16667vw; }
    html[dir="rtl"] .tablet-pre-10 {
      margin-right: 79.16667vw !important; }
  .tablet-first-column.tablet-pre-10 {
    margin-left: calc(79.16667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-10[class*="column-"]:first-of-type {
      margin-left: calc(79.16667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-10 {
      margin-right: calc(79.16667vw - 0.5rem) !important; }
  .tablet-post-10 {
    margin-right: 79.16667vw; }
    [class*="column-"] .tablet-post-10[class*="column-"]:first-of-type {
      margin-right: 79.16667vw; }
    html[dir="rtl"] .tablet-post-10 {
      margin-left: 79.16667vw !important; }
  .tablet-pre-11 {
    margin-left: 87.08333vw; }
    [class*="column-"] .tablet-pre-11[class*="column-"]:first-of-type {
      margin-left: 87.08333vw; }
    html[dir="rtl"] .tablet-pre-11 {
      margin-right: 87.08333vw !important; }
  .tablet-first-column.tablet-pre-11 {
    margin-left: calc(87.08333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-11[class*="column-"]:first-of-type {
      margin-left: calc(87.08333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-11 {
      margin-right: calc(87.08333vw - 0.5rem) !important; }
  .tablet-post-11 {
    margin-right: 87.08333vw; }
    [class*="column-"] .tablet-post-11[class*="column-"]:first-of-type {
      margin-right: 87.08333vw; }
    html[dir="rtl"] .tablet-post-11 {
      margin-left: 87.08333vw !important; }
  .tablet-pre-12 {
    margin-left: 95vw; }
    [class*="column-"] .tablet-pre-12[class*="column-"]:first-of-type {
      margin-left: 95vw; }
    html[dir="rtl"] .tablet-pre-12 {
      margin-right: 95vw !important; }
  .tablet-first-column.tablet-pre-12 {
    margin-left: calc(95vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.tablet-pre-12[class*="column-"]:first-of-type {
      margin-left: calc(95vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.tablet-pre-12 {
      margin-right: calc(95vw - 0.5rem) !important; }
  .tablet-post-12 {
    margin-right: 95vw; }
    [class*="column-"] .tablet-post-12[class*="column-"]:first-of-type {
      margin-right: 95vw; }
    html[dir="rtl"] .tablet-post-12 {
      margin-left: 95vw !important; }
  .rtl-tablet-pre-0 {
    margin-left: 0vw; }
    [class*="column-"] .rtl-tablet-pre-0[class*="column-"]:first-of-type {
      margin-left: 0vw; }
    html[dir="rtl"] .rtl-tablet-pre-0 {
      margin-right: 0vw !important; }
  .tablet-first-column.rtl-tablet-pre-0 {
    margin-left: calc(0vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-0[class*="column-"]:first-of-type {
      margin-left: calc(0vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-0 {
      margin-right: calc(0vw - 0.5rem) !important; }
  .rtl-tablet-post-0 {
    margin-right: 0vw; }
    [class*="column-"] .rtl-tablet-post-0[class*="column-"]:first-of-type {
      margin-right: 0vw; }
    html[dir="rtl"] .rtl-tablet-post-0 {
      margin-left: 0vw !important; }
  .rtl-tablet-pre-1 {
    margin-left: 7.91667vw; }
    [class*="column-"] .rtl-tablet-pre-1[class*="column-"]:first-of-type {
      margin-left: 7.91667vw; }
    html[dir="rtl"] .rtl-tablet-pre-1 {
      margin-right: 7.91667vw !important; }
  .tablet-first-column.rtl-tablet-pre-1 {
    margin-left: calc(7.91667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-1[class*="column-"]:first-of-type {
      margin-left: calc(7.91667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-1 {
      margin-right: calc(7.91667vw - 0.5rem) !important; }
  .rtl-tablet-post-1 {
    margin-right: 7.91667vw; }
    [class*="column-"] .rtl-tablet-post-1[class*="column-"]:first-of-type {
      margin-right: 7.91667vw; }
    html[dir="rtl"] .rtl-tablet-post-1 {
      margin-left: 7.91667vw !important; }
  .rtl-tablet-pre-2 {
    margin-left: 15.83333vw; }
    [class*="column-"] .rtl-tablet-pre-2[class*="column-"]:first-of-type {
      margin-left: 15.83333vw; }
    html[dir="rtl"] .rtl-tablet-pre-2 {
      margin-right: 15.83333vw !important; }
  .tablet-first-column.rtl-tablet-pre-2 {
    margin-left: calc(15.83333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-2[class*="column-"]:first-of-type {
      margin-left: calc(15.83333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-2 {
      margin-right: calc(15.83333vw - 0.5rem) !important; }
  .rtl-tablet-post-2 {
    margin-right: 15.83333vw; }
    [class*="column-"] .rtl-tablet-post-2[class*="column-"]:first-of-type {
      margin-right: 15.83333vw; }
    html[dir="rtl"] .rtl-tablet-post-2 {
      margin-left: 15.83333vw !important; }
  .rtl-tablet-pre-3 {
    margin-left: 23.75vw; }
    [class*="column-"] .rtl-tablet-pre-3[class*="column-"]:first-of-type {
      margin-left: 23.75vw; }
    html[dir="rtl"] .rtl-tablet-pre-3 {
      margin-right: 23.75vw !important; }
  .tablet-first-column.rtl-tablet-pre-3 {
    margin-left: calc(23.75vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-3[class*="column-"]:first-of-type {
      margin-left: calc(23.75vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-3 {
      margin-right: calc(23.75vw - 0.5rem) !important; }
  .rtl-tablet-post-3 {
    margin-right: 23.75vw; }
    [class*="column-"] .rtl-tablet-post-3[class*="column-"]:first-of-type {
      margin-right: 23.75vw; }
    html[dir="rtl"] .rtl-tablet-post-3 {
      margin-left: 23.75vw !important; }
  .rtl-tablet-pre-4 {
    margin-left: 31.66667vw; }
    [class*="column-"] .rtl-tablet-pre-4[class*="column-"]:first-of-type {
      margin-left: 31.66667vw; }
    html[dir="rtl"] .rtl-tablet-pre-4 {
      margin-right: 31.66667vw !important; }
  .tablet-first-column.rtl-tablet-pre-4 {
    margin-left: calc(31.66667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-4[class*="column-"]:first-of-type {
      margin-left: calc(31.66667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-4 {
      margin-right: calc(31.66667vw - 0.5rem) !important; }
  .rtl-tablet-post-4 {
    margin-right: 31.66667vw; }
    [class*="column-"] .rtl-tablet-post-4[class*="column-"]:first-of-type {
      margin-right: 31.66667vw; }
    html[dir="rtl"] .rtl-tablet-post-4 {
      margin-left: 31.66667vw !important; }
  .rtl-tablet-pre-5 {
    margin-left: 39.58333vw; }
    [class*="column-"] .rtl-tablet-pre-5[class*="column-"]:first-of-type {
      margin-left: 39.58333vw; }
    html[dir="rtl"] .rtl-tablet-pre-5 {
      margin-right: 39.58333vw !important; }
  .tablet-first-column.rtl-tablet-pre-5 {
    margin-left: calc(39.58333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-5[class*="column-"]:first-of-type {
      margin-left: calc(39.58333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-5 {
      margin-right: calc(39.58333vw - 0.5rem) !important; }
  .rtl-tablet-post-5 {
    margin-right: 39.58333vw; }
    [class*="column-"] .rtl-tablet-post-5[class*="column-"]:first-of-type {
      margin-right: 39.58333vw; }
    html[dir="rtl"] .rtl-tablet-post-5 {
      margin-left: 39.58333vw !important; }
  .rtl-tablet-pre-6 {
    margin-left: 47.5vw; }
    [class*="column-"] .rtl-tablet-pre-6[class*="column-"]:first-of-type {
      margin-left: 47.5vw; }
    html[dir="rtl"] .rtl-tablet-pre-6 {
      margin-right: 47.5vw !important; }
  .tablet-first-column.rtl-tablet-pre-6 {
    margin-left: calc(47.5vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-6[class*="column-"]:first-of-type {
      margin-left: calc(47.5vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-6 {
      margin-right: calc(47.5vw - 0.5rem) !important; }
  .rtl-tablet-post-6 {
    margin-right: 47.5vw; }
    [class*="column-"] .rtl-tablet-post-6[class*="column-"]:first-of-type {
      margin-right: 47.5vw; }
    html[dir="rtl"] .rtl-tablet-post-6 {
      margin-left: 47.5vw !important; }
  .rtl-tablet-pre-7 {
    margin-left: 55.41667vw; }
    [class*="column-"] .rtl-tablet-pre-7[class*="column-"]:first-of-type {
      margin-left: 55.41667vw; }
    html[dir="rtl"] .rtl-tablet-pre-7 {
      margin-right: 55.41667vw !important; }
  .tablet-first-column.rtl-tablet-pre-7 {
    margin-left: calc(55.41667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-7[class*="column-"]:first-of-type {
      margin-left: calc(55.41667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-7 {
      margin-right: calc(55.41667vw - 0.5rem) !important; }
  .rtl-tablet-post-7 {
    margin-right: 55.41667vw; }
    [class*="column-"] .rtl-tablet-post-7[class*="column-"]:first-of-type {
      margin-right: 55.41667vw; }
    html[dir="rtl"] .rtl-tablet-post-7 {
      margin-left: 55.41667vw !important; }
  .rtl-tablet-pre-8 {
    margin-left: 63.33333vw; }
    [class*="column-"] .rtl-tablet-pre-8[class*="column-"]:first-of-type {
      margin-left: 63.33333vw; }
    html[dir="rtl"] .rtl-tablet-pre-8 {
      margin-right: 63.33333vw !important; }
  .tablet-first-column.rtl-tablet-pre-8 {
    margin-left: calc(63.33333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-8[class*="column-"]:first-of-type {
      margin-left: calc(63.33333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-8 {
      margin-right: calc(63.33333vw - 0.5rem) !important; }
  .rtl-tablet-post-8 {
    margin-right: 63.33333vw; }
    [class*="column-"] .rtl-tablet-post-8[class*="column-"]:first-of-type {
      margin-right: 63.33333vw; }
    html[dir="rtl"] .rtl-tablet-post-8 {
      margin-left: 63.33333vw !important; }
  .rtl-tablet-pre-9 {
    margin-left: 71.25vw; }
    [class*="column-"] .rtl-tablet-pre-9[class*="column-"]:first-of-type {
      margin-left: 71.25vw; }
    html[dir="rtl"] .rtl-tablet-pre-9 {
      margin-right: 71.25vw !important; }
  .tablet-first-column.rtl-tablet-pre-9 {
    margin-left: calc(71.25vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-9[class*="column-"]:first-of-type {
      margin-left: calc(71.25vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-9 {
      margin-right: calc(71.25vw - 0.5rem) !important; }
  .rtl-tablet-post-9 {
    margin-right: 71.25vw; }
    [class*="column-"] .rtl-tablet-post-9[class*="column-"]:first-of-type {
      margin-right: 71.25vw; }
    html[dir="rtl"] .rtl-tablet-post-9 {
      margin-left: 71.25vw !important; }
  .rtl-tablet-pre-10 {
    margin-left: 79.16667vw; }
    [class*="column-"] .rtl-tablet-pre-10[class*="column-"]:first-of-type {
      margin-left: 79.16667vw; }
    html[dir="rtl"] .rtl-tablet-pre-10 {
      margin-right: 79.16667vw !important; }
  .tablet-first-column.rtl-tablet-pre-10 {
    margin-left: calc(79.16667vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-10[class*="column-"]:first-of-type {
      margin-left: calc(79.16667vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-10 {
      margin-right: calc(79.16667vw - 0.5rem) !important; }
  .rtl-tablet-post-10 {
    margin-right: 79.16667vw; }
    [class*="column-"] .rtl-tablet-post-10[class*="column-"]:first-of-type {
      margin-right: 79.16667vw; }
    html[dir="rtl"] .rtl-tablet-post-10 {
      margin-left: 79.16667vw !important; }
  .rtl-tablet-pre-11 {
    margin-left: 87.08333vw; }
    [class*="column-"] .rtl-tablet-pre-11[class*="column-"]:first-of-type {
      margin-left: 87.08333vw; }
    html[dir="rtl"] .rtl-tablet-pre-11 {
      margin-right: 87.08333vw !important; }
  .tablet-first-column.rtl-tablet-pre-11 {
    margin-left: calc(87.08333vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-11[class*="column-"]:first-of-type {
      margin-left: calc(87.08333vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-11 {
      margin-right: calc(87.08333vw - 0.5rem) !important; }
  .rtl-tablet-post-11 {
    margin-right: 87.08333vw; }
    [class*="column-"] .rtl-tablet-post-11[class*="column-"]:first-of-type {
      margin-right: 87.08333vw; }
    html[dir="rtl"] .rtl-tablet-post-11 {
      margin-left: 87.08333vw !important; }
  .rtl-tablet-pre-12 {
    margin-left: 95vw; }
    [class*="column-"] .rtl-tablet-pre-12[class*="column-"]:first-of-type {
      margin-left: 95vw; }
    html[dir="rtl"] .rtl-tablet-pre-12 {
      margin-right: 95vw !important; }
  .tablet-first-column.rtl-tablet-pre-12 {
    margin-left: calc(95vw - 0.5rem); }
    [class*="column-"] .tablet-first-column.rtl-tablet-pre-12[class*="column-"]:first-of-type {
      margin-left: calc(95vw - 0.5rem); }
    html[dir="rtl"] .tablet-first-column.rtl-tablet-pre-12 {
      margin-right: calc(95vw - 0.5rem) !important; }
  .rtl-tablet-post-12 {
    margin-right: 95vw; }
    [class*="column-"] .rtl-tablet-post-12[class*="column-"]:first-of-type {
      margin-right: 95vw; }
    html[dir="rtl"] .rtl-tablet-post-12 {
      margin-left: 95vw !important; } }

@media screen and (max-width: 479px) {
  .phone-pre-0 {
    margin-left: 0vw; }
    [class*="column-"] .phone-pre-0[class*="column-"]:first-of-type {
      margin-left: 0vw; }
    html[dir="rtl"] .phone-pre-0 {
      margin-right: 0vw !important; }
  .phone-first-column.phone-pre-0 {
    margin-left: calc(0vw - 0.5rem); }
    [class*="column-"] .phone-first-column.phone-pre-0[class*="column-"]:first-of-type {
      margin-left: calc(0vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.phone-pre-0 {
      margin-right: calc(0vw - 0.5rem) !important; }
  .phone-post-0 {
    margin-right: 0vw; }
    [class*="column-"] .phone-post-0[class*="column-"]:first-of-type {
      margin-right: 0vw; }
    html[dir="rtl"] .phone-post-0 {
      margin-left: 0vw !important; }
  .phone-pre-1 {
    margin-left: 15.83333vw; }
    [class*="column-"] .phone-pre-1[class*="column-"]:first-of-type {
      margin-left: 15.83333vw; }
    html[dir="rtl"] .phone-pre-1 {
      margin-right: 15.83333vw !important; }
  .phone-first-column.phone-pre-1 {
    margin-left: calc(15.83333vw - 0.5rem); }
    [class*="column-"] .phone-first-column.phone-pre-1[class*="column-"]:first-of-type {
      margin-left: calc(15.83333vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.phone-pre-1 {
      margin-right: calc(15.83333vw - 0.5rem) !important; }
  .phone-post-1 {
    margin-right: 15.83333vw; }
    [class*="column-"] .phone-post-1[class*="column-"]:first-of-type {
      margin-right: 15.83333vw; }
    html[dir="rtl"] .phone-post-1 {
      margin-left: 15.83333vw !important; }
  .phone-pre-2 {
    margin-left: 31.66667vw; }
    [class*="column-"] .phone-pre-2[class*="column-"]:first-of-type {
      margin-left: 31.66667vw; }
    html[dir="rtl"] .phone-pre-2 {
      margin-right: 31.66667vw !important; }
  .phone-first-column.phone-pre-2 {
    margin-left: calc(31.66667vw - 0.5rem); }
    [class*="column-"] .phone-first-column.phone-pre-2[class*="column-"]:first-of-type {
      margin-left: calc(31.66667vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.phone-pre-2 {
      margin-right: calc(31.66667vw - 0.5rem) !important; }
  .phone-post-2 {
    margin-right: 31.66667vw; }
    [class*="column-"] .phone-post-2[class*="column-"]:first-of-type {
      margin-right: 31.66667vw; }
    html[dir="rtl"] .phone-post-2 {
      margin-left: 31.66667vw !important; }
  .phone-pre-3 {
    margin-left: 47.5vw; }
    [class*="column-"] .phone-pre-3[class*="column-"]:first-of-type {
      margin-left: 47.5vw; }
    html[dir="rtl"] .phone-pre-3 {
      margin-right: 47.5vw !important; }
  .phone-first-column.phone-pre-3 {
    margin-left: calc(47.5vw - 0.5rem); }
    [class*="column-"] .phone-first-column.phone-pre-3[class*="column-"]:first-of-type {
      margin-left: calc(47.5vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.phone-pre-3 {
      margin-right: calc(47.5vw - 0.5rem) !important; }
  .phone-post-3 {
    margin-right: 47.5vw; }
    [class*="column-"] .phone-post-3[class*="column-"]:first-of-type {
      margin-right: 47.5vw; }
    html[dir="rtl"] .phone-post-3 {
      margin-left: 47.5vw !important; }
  .phone-pre-4 {
    margin-left: 63.33333vw; }
    [class*="column-"] .phone-pre-4[class*="column-"]:first-of-type {
      margin-left: 63.33333vw; }
    html[dir="rtl"] .phone-pre-4 {
      margin-right: 63.33333vw !important; }
  .phone-first-column.phone-pre-4 {
    margin-left: calc(63.33333vw - 0.5rem); }
    [class*="column-"] .phone-first-column.phone-pre-4[class*="column-"]:first-of-type {
      margin-left: calc(63.33333vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.phone-pre-4 {
      margin-right: calc(63.33333vw - 0.5rem) !important; }
  .phone-post-4 {
    margin-right: 63.33333vw; }
    [class*="column-"] .phone-post-4[class*="column-"]:first-of-type {
      margin-right: 63.33333vw; }
    html[dir="rtl"] .phone-post-4 {
      margin-left: 63.33333vw !important; }
  .phone-pre-5 {
    margin-left: 79.16667vw; }
    [class*="column-"] .phone-pre-5[class*="column-"]:first-of-type {
      margin-left: 79.16667vw; }
    html[dir="rtl"] .phone-pre-5 {
      margin-right: 79.16667vw !important; }
  .phone-first-column.phone-pre-5 {
    margin-left: calc(79.16667vw - 0.5rem); }
    [class*="column-"] .phone-first-column.phone-pre-5[class*="column-"]:first-of-type {
      margin-left: calc(79.16667vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.phone-pre-5 {
      margin-right: calc(79.16667vw - 0.5rem) !important; }
  .phone-post-5 {
    margin-right: 79.16667vw; }
    [class*="column-"] .phone-post-5[class*="column-"]:first-of-type {
      margin-right: 79.16667vw; }
    html[dir="rtl"] .phone-post-5 {
      margin-left: 79.16667vw !important; }
  .phone-pre-6 {
    margin-left: 95vw; }
    [class*="column-"] .phone-pre-6[class*="column-"]:first-of-type {
      margin-left: 95vw; }
    html[dir="rtl"] .phone-pre-6 {
      margin-right: 95vw !important; }
  .phone-first-column.phone-pre-6 {
    margin-left: calc(95vw - 0.5rem); }
    [class*="column-"] .phone-first-column.phone-pre-6[class*="column-"]:first-of-type {
      margin-left: calc(95vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.phone-pre-6 {
      margin-right: calc(95vw - 0.5rem) !important; }
  .phone-post-6 {
    margin-right: 95vw; }
    [class*="column-"] .phone-post-6[class*="column-"]:first-of-type {
      margin-right: 95vw; }
    html[dir="rtl"] .phone-post-6 {
      margin-left: 95vw !important; }
  .rtl-phone-pre-0 {
    margin-left: 0vw; }
    [class*="column-"] .rtl-phone-pre-0[class*="column-"]:first-of-type {
      margin-left: 0vw; }
    html[dir="rtl"] .rtl-phone-pre-0 {
      margin-right: 0vw !important; }
  .phone-first-column.rtl-phone-pre-0 {
    margin-left: calc(0vw - 0.5rem); }
    [class*="column-"] .phone-first-column.rtl-phone-pre-0[class*="column-"]:first-of-type {
      margin-left: calc(0vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.rtl-phone-pre-0 {
      margin-right: calc(0vw - 0.5rem) !important; }
  .rtl-phone-post-0 {
    margin-right: 0vw; }
    [class*="column-"] .rtl-phone-post-0[class*="column-"]:first-of-type {
      margin-right: 0vw; }
    html[dir="rtl"] .rtl-phone-post-0 {
      margin-left: 0vw !important; }
  .rtl-phone-pre-1 {
    margin-left: 15.83333vw; }
    [class*="column-"] .rtl-phone-pre-1[class*="column-"]:first-of-type {
      margin-left: 15.83333vw; }
    html[dir="rtl"] .rtl-phone-pre-1 {
      margin-right: 15.83333vw !important; }
  .phone-first-column.rtl-phone-pre-1 {
    margin-left: calc(15.83333vw - 0.5rem); }
    [class*="column-"] .phone-first-column.rtl-phone-pre-1[class*="column-"]:first-of-type {
      margin-left: calc(15.83333vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.rtl-phone-pre-1 {
      margin-right: calc(15.83333vw - 0.5rem) !important; }
  .rtl-phone-post-1 {
    margin-right: 15.83333vw; }
    [class*="column-"] .rtl-phone-post-1[class*="column-"]:first-of-type {
      margin-right: 15.83333vw; }
    html[dir="rtl"] .rtl-phone-post-1 {
      margin-left: 15.83333vw !important; }
  .rtl-phone-pre-2 {
    margin-left: 31.66667vw; }
    [class*="column-"] .rtl-phone-pre-2[class*="column-"]:first-of-type {
      margin-left: 31.66667vw; }
    html[dir="rtl"] .rtl-phone-pre-2 {
      margin-right: 31.66667vw !important; }
  .phone-first-column.rtl-phone-pre-2 {
    margin-left: calc(31.66667vw - 0.5rem); }
    [class*="column-"] .phone-first-column.rtl-phone-pre-2[class*="column-"]:first-of-type {
      margin-left: calc(31.66667vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.rtl-phone-pre-2 {
      margin-right: calc(31.66667vw - 0.5rem) !important; }
  .rtl-phone-post-2 {
    margin-right: 31.66667vw; }
    [class*="column-"] .rtl-phone-post-2[class*="column-"]:first-of-type {
      margin-right: 31.66667vw; }
    html[dir="rtl"] .rtl-phone-post-2 {
      margin-left: 31.66667vw !important; }
  .rtl-phone-pre-3 {
    margin-left: 47.5vw; }
    [class*="column-"] .rtl-phone-pre-3[class*="column-"]:first-of-type {
      margin-left: 47.5vw; }
    html[dir="rtl"] .rtl-phone-pre-3 {
      margin-right: 47.5vw !important; }
  .phone-first-column.rtl-phone-pre-3 {
    margin-left: calc(47.5vw - 0.5rem); }
    [class*="column-"] .phone-first-column.rtl-phone-pre-3[class*="column-"]:first-of-type {
      margin-left: calc(47.5vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.rtl-phone-pre-3 {
      margin-right: calc(47.5vw - 0.5rem) !important; }
  .rtl-phone-post-3 {
    margin-right: 47.5vw; }
    [class*="column-"] .rtl-phone-post-3[class*="column-"]:first-of-type {
      margin-right: 47.5vw; }
    html[dir="rtl"] .rtl-phone-post-3 {
      margin-left: 47.5vw !important; }
  .rtl-phone-pre-4 {
    margin-left: 63.33333vw; }
    [class*="column-"] .rtl-phone-pre-4[class*="column-"]:first-of-type {
      margin-left: 63.33333vw; }
    html[dir="rtl"] .rtl-phone-pre-4 {
      margin-right: 63.33333vw !important; }
  .phone-first-column.rtl-phone-pre-4 {
    margin-left: calc(63.33333vw - 0.5rem); }
    [class*="column-"] .phone-first-column.rtl-phone-pre-4[class*="column-"]:first-of-type {
      margin-left: calc(63.33333vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.rtl-phone-pre-4 {
      margin-right: calc(63.33333vw - 0.5rem) !important; }
  .rtl-phone-post-4 {
    margin-right: 63.33333vw; }
    [class*="column-"] .rtl-phone-post-4[class*="column-"]:first-of-type {
      margin-right: 63.33333vw; }
    html[dir="rtl"] .rtl-phone-post-4 {
      margin-left: 63.33333vw !important; }
  .rtl-phone-pre-5 {
    margin-left: 79.16667vw; }
    [class*="column-"] .rtl-phone-pre-5[class*="column-"]:first-of-type {
      margin-left: 79.16667vw; }
    html[dir="rtl"] .rtl-phone-pre-5 {
      margin-right: 79.16667vw !important; }
  .phone-first-column.rtl-phone-pre-5 {
    margin-left: calc(79.16667vw - 0.5rem); }
    [class*="column-"] .phone-first-column.rtl-phone-pre-5[class*="column-"]:first-of-type {
      margin-left: calc(79.16667vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.rtl-phone-pre-5 {
      margin-right: calc(79.16667vw - 0.5rem) !important; }
  .rtl-phone-post-5 {
    margin-right: 79.16667vw; }
    [class*="column-"] .rtl-phone-post-5[class*="column-"]:first-of-type {
      margin-right: 79.16667vw; }
    html[dir="rtl"] .rtl-phone-post-5 {
      margin-left: 79.16667vw !important; }
  .rtl-phone-pre-6 {
    margin-left: 95vw; }
    [class*="column-"] .rtl-phone-pre-6[class*="column-"]:first-of-type {
      margin-left: 95vw; }
    html[dir="rtl"] .rtl-phone-pre-6 {
      margin-right: 95vw !important; }
  .phone-first-column.rtl-phone-pre-6 {
    margin-left: calc(95vw - 0.5rem); }
    [class*="column-"] .phone-first-column.rtl-phone-pre-6[class*="column-"]:first-of-type {
      margin-left: calc(95vw - 0.5rem); }
    html[dir="rtl"] .phone-first-column.rtl-phone-pre-6 {
      margin-right: calc(95vw - 0.5rem) !important; }
  .rtl-phone-post-6 {
    margin-right: 95vw; }
    [class*="column-"] .rtl-phone-post-6[class*="column-"]:first-of-type {
      margin-right: 95vw; }
    html[dir="rtl"] .rtl-phone-post-6 {
      margin-left: 95vw !important; } }

@media screen and (min-width: 1525.5px) {
  .pre-0 {
    margin-left: -1px; }
    html[dir="rtl"] .pre-0 {
      margin-right: -1px !important; }
  .post-0 {
    margin-right: -1px; }
    html[dir="rtl"] .post-0 {
      margin-left: -1px !important; }
  .pre-1 {
    margin-left: 59.41667px; }
    html[dir="rtl"] .pre-1 {
      margin-right: 59.41667px !important; }
  .post-1 {
    margin-right: 59.41667px; }
    html[dir="rtl"] .post-1 {
      margin-left: 59.41667px !important; }
  .pre-2 {
    margin-left: 119.83333px; }
    html[dir="rtl"] .pre-2 {
      margin-right: 119.83333px !important; }
  .post-2 {
    margin-right: 119.83333px; }
    html[dir="rtl"] .post-2 {
      margin-left: 119.83333px !important; }
  .pre-3 {
    margin-left: 180.25px; }
    html[dir="rtl"] .pre-3 {
      margin-right: 180.25px !important; }
  .post-3 {
    margin-right: 180.25px; }
    html[dir="rtl"] .post-3 {
      margin-left: 180.25px !important; }
  .pre-4 {
    margin-left: 240.66667px; }
    html[dir="rtl"] .pre-4 {
      margin-right: 240.66667px !important; }
  .post-4 {
    margin-right: 240.66667px; }
    html[dir="rtl"] .post-4 {
      margin-left: 240.66667px !important; }
  .pre-5 {
    margin-left: 301.08333px; }
    html[dir="rtl"] .pre-5 {
      margin-right: 301.08333px !important; }
  .post-5 {
    margin-right: 301.08333px; }
    html[dir="rtl"] .post-5 {
      margin-left: 301.08333px !important; }
  .pre-6 {
    margin-left: 361.5px; }
    html[dir="rtl"] .pre-6 {
      margin-right: 361.5px !important; }
  .post-6 {
    margin-right: 361.5px; }
    html[dir="rtl"] .post-6 {
      margin-left: 361.5px !important; }
  .pre-7 {
    margin-left: 421.91667px; }
    html[dir="rtl"] .pre-7 {
      margin-right: 421.91667px !important; }
  .post-7 {
    margin-right: 421.91667px; }
    html[dir="rtl"] .post-7 {
      margin-left: 421.91667px !important; }
  .pre-8 {
    margin-left: 482.33333px; }
    html[dir="rtl"] .pre-8 {
      margin-right: 482.33333px !important; }
  .post-8 {
    margin-right: 482.33333px; }
    html[dir="rtl"] .post-8 {
      margin-left: 482.33333px !important; }
  .pre-9 {
    margin-left: 542.75px; }
    html[dir="rtl"] .pre-9 {
      margin-right: 542.75px !important; }
  .post-9 {
    margin-right: 542.75px; }
    html[dir="rtl"] .post-9 {
      margin-left: 542.75px !important; }
  .pre-10 {
    margin-left: 603.16667px; }
    html[dir="rtl"] .pre-10 {
      margin-right: 603.16667px !important; }
  .post-10 {
    margin-right: 603.16667px; }
    html[dir="rtl"] .post-10 {
      margin-left: 603.16667px !important; }
  .pre-11 {
    margin-left: 663.58333px; }
    html[dir="rtl"] .pre-11 {
      margin-right: 663.58333px !important; }
  .post-11 {
    margin-right: 663.58333px; }
    html[dir="rtl"] .post-11 {
      margin-left: 663.58333px !important; }
  .pre-12 {
    margin-left: 724px; }
    html[dir="rtl"] .pre-12 {
      margin-right: 724px !important; }
  .post-12 {
    margin-right: 724px; }
    html[dir="rtl"] .post-12 {
      margin-left: 724px !important; }
  .pre-13 {
    margin-left: 784.41667px; }
    html[dir="rtl"] .pre-13 {
      margin-right: 784.41667px !important; }
  .post-13 {
    margin-right: 784.41667px; }
    html[dir="rtl"] .post-13 {
      margin-left: 784.41667px !important; }
  .pre-14 {
    margin-left: 844.83333px; }
    html[dir="rtl"] .pre-14 {
      margin-right: 844.83333px !important; }
  .post-14 {
    margin-right: 844.83333px; }
    html[dir="rtl"] .post-14 {
      margin-left: 844.83333px !important; }
  .pre-15 {
    margin-left: 905.25px; }
    html[dir="rtl"] .pre-15 {
      margin-right: 905.25px !important; }
  .post-15 {
    margin-right: 905.25px; }
    html[dir="rtl"] .post-15 {
      margin-left: 905.25px !important; }
  .pre-16 {
    margin-left: 965.66667px; }
    html[dir="rtl"] .pre-16 {
      margin-right: 965.66667px !important; }
  .post-16 {
    margin-right: 965.66667px; }
    html[dir="rtl"] .post-16 {
      margin-left: 965.66667px !important; }
  .pre-17 {
    margin-left: 1026.08333px; }
    html[dir="rtl"] .pre-17 {
      margin-right: 1026.08333px !important; }
  .post-17 {
    margin-right: 1026.08333px; }
    html[dir="rtl"] .post-17 {
      margin-left: 1026.08333px !important; }
  .pre-18 {
    margin-left: 1086.5px; }
    html[dir="rtl"] .pre-18 {
      margin-right: 1086.5px !important; }
  .post-18 {
    margin-right: 1086.5px; }
    html[dir="rtl"] .post-18 {
      margin-left: 1086.5px !important; }
  .pre-19 {
    margin-left: 1146.91667px; }
    html[dir="rtl"] .pre-19 {
      margin-right: 1146.91667px !important; }
  .post-19 {
    margin-right: 1146.91667px; }
    html[dir="rtl"] .post-19 {
      margin-left: 1146.91667px !important; }
  .pre-20 {
    margin-left: 1207.33333px; }
    html[dir="rtl"] .pre-20 {
      margin-right: 1207.33333px !important; }
  .post-20 {
    margin-right: 1207.33333px; }
    html[dir="rtl"] .post-20 {
      margin-left: 1207.33333px !important; }
  .pre-21 {
    margin-left: 1267.75px; }
    html[dir="rtl"] .pre-21 {
      margin-right: 1267.75px !important; }
  .post-21 {
    margin-right: 1267.75px; }
    html[dir="rtl"] .post-21 {
      margin-left: 1267.75px !important; }
  .pre-22 {
    margin-left: 1328.16667px; }
    html[dir="rtl"] .pre-22 {
      margin-right: 1328.16667px !important; }
  .post-22 {
    margin-right: 1328.16667px; }
    html[dir="rtl"] .post-22 {
      margin-left: 1328.16667px !important; }
  .pre-23 {
    margin-left: 1388.58333px; }
    html[dir="rtl"] .pre-23 {
      margin-right: 1388.58333px !important; }
  .post-23 {
    margin-right: 1388.58333px; }
    html[dir="rtl"] .post-23 {
      margin-left: 1388.58333px !important; }
  .pre-24 {
    margin-left: 1449px; }
    html[dir="rtl"] .pre-24 {
      margin-right: 1449px !important; }
  .post-24 {
    margin-right: 1449px; }
    html[dir="rtl"] .post-24 {
      margin-left: 1449px !important; }
  .rtl-pre-0 {
    margin-left: 0px; }
    html[dir="rtl"] .rtl-pre-0 {
      margin-right: 0px; }
  .rtl-post-0 {
    margin-right: 0px; }
    html[dir="rtl"] .rtl-post-0 {
      margin-left: 0px; }
  .rtl-pre-1 {
    margin-left: 60.41667px; }
    html[dir="rtl"] .rtl-pre-1 {
      margin-right: 60.41667px; }
  .rtl-post-1 {
    margin-right: 60.41667px; }
    html[dir="rtl"] .rtl-post-1 {
      margin-left: 60.41667px; }
  .rtl-pre-2 {
    margin-left: 120.83333px; }
    html[dir="rtl"] .rtl-pre-2 {
      margin-right: 120.83333px; }
  .rtl-post-2 {
    margin-right: 120.83333px; }
    html[dir="rtl"] .rtl-post-2 {
      margin-left: 120.83333px; }
  .rtl-pre-3 {
    margin-left: 181.25px; }
    html[dir="rtl"] .rtl-pre-3 {
      margin-right: 181.25px; }
  .rtl-post-3 {
    margin-right: 181.25px; }
    html[dir="rtl"] .rtl-post-3 {
      margin-left: 181.25px; }
  .rtl-pre-4 {
    margin-left: 241.66667px; }
    html[dir="rtl"] .rtl-pre-4 {
      margin-right: 241.66667px; }
  .rtl-post-4 {
    margin-right: 241.66667px; }
    html[dir="rtl"] .rtl-post-4 {
      margin-left: 241.66667px; }
  .rtl-pre-5 {
    margin-left: 302.08333px; }
    html[dir="rtl"] .rtl-pre-5 {
      margin-right: 302.08333px; }
  .rtl-post-5 {
    margin-right: 302.08333px; }
    html[dir="rtl"] .rtl-post-5 {
      margin-left: 302.08333px; }
  .rtl-pre-6 {
    margin-left: 362.5px; }
    html[dir="rtl"] .rtl-pre-6 {
      margin-right: 362.5px; }
  .rtl-post-6 {
    margin-right: 362.5px; }
    html[dir="rtl"] .rtl-post-6 {
      margin-left: 362.5px; }
  .rtl-pre-7 {
    margin-left: 422.91667px; }
    html[dir="rtl"] .rtl-pre-7 {
      margin-right: 422.91667px; }
  .rtl-post-7 {
    margin-right: 422.91667px; }
    html[dir="rtl"] .rtl-post-7 {
      margin-left: 422.91667px; }
  .rtl-pre-8 {
    margin-left: 483.33333px; }
    html[dir="rtl"] .rtl-pre-8 {
      margin-right: 483.33333px; }
  .rtl-post-8 {
    margin-right: 483.33333px; }
    html[dir="rtl"] .rtl-post-8 {
      margin-left: 483.33333px; }
  .rtl-pre-9 {
    margin-left: 543.75px; }
    html[dir="rtl"] .rtl-pre-9 {
      margin-right: 543.75px; }
  .rtl-post-9 {
    margin-right: 543.75px; }
    html[dir="rtl"] .rtl-post-9 {
      margin-left: 543.75px; }
  .rtl-pre-10 {
    margin-left: 604.16667px; }
    html[dir="rtl"] .rtl-pre-10 {
      margin-right: 604.16667px; }
  .rtl-post-10 {
    margin-right: 604.16667px; }
    html[dir="rtl"] .rtl-post-10 {
      margin-left: 604.16667px; }
  .rtl-pre-11 {
    margin-left: 664.58333px; }
    html[dir="rtl"] .rtl-pre-11 {
      margin-right: 664.58333px; }
  .rtl-post-11 {
    margin-right: 664.58333px; }
    html[dir="rtl"] .rtl-post-11 {
      margin-left: 664.58333px; }
  .rtl-pre-12 {
    margin-left: 725px; }
    html[dir="rtl"] .rtl-pre-12 {
      margin-right: 725px; }
  .rtl-post-12 {
    margin-right: 725px; }
    html[dir="rtl"] .rtl-post-12 {
      margin-left: 725px; }
  .rtl-pre-13 {
    margin-left: 785.41667px; }
    html[dir="rtl"] .rtl-pre-13 {
      margin-right: 785.41667px; }
  .rtl-post-13 {
    margin-right: 785.41667px; }
    html[dir="rtl"] .rtl-post-13 {
      margin-left: 785.41667px; }
  .rtl-pre-14 {
    margin-left: 845.83333px; }
    html[dir="rtl"] .rtl-pre-14 {
      margin-right: 845.83333px; }
  .rtl-post-14 {
    margin-right: 845.83333px; }
    html[dir="rtl"] .rtl-post-14 {
      margin-left: 845.83333px; }
  .rtl-pre-15 {
    margin-left: 906.25px; }
    html[dir="rtl"] .rtl-pre-15 {
      margin-right: 906.25px; }
  .rtl-post-15 {
    margin-right: 906.25px; }
    html[dir="rtl"] .rtl-post-15 {
      margin-left: 906.25px; }
  .rtl-pre-16 {
    margin-left: 966.66667px; }
    html[dir="rtl"] .rtl-pre-16 {
      margin-right: 966.66667px; }
  .rtl-post-16 {
    margin-right: 966.66667px; }
    html[dir="rtl"] .rtl-post-16 {
      margin-left: 966.66667px; }
  .rtl-pre-17 {
    margin-left: 1027.08333px; }
    html[dir="rtl"] .rtl-pre-17 {
      margin-right: 1027.08333px; }
  .rtl-post-17 {
    margin-right: 1027.08333px; }
    html[dir="rtl"] .rtl-post-17 {
      margin-left: 1027.08333px; }
  .rtl-pre-18 {
    margin-left: 1087.5px; }
    html[dir="rtl"] .rtl-pre-18 {
      margin-right: 1087.5px; }
  .rtl-post-18 {
    margin-right: 1087.5px; }
    html[dir="rtl"] .rtl-post-18 {
      margin-left: 1087.5px; }
  .rtl-pre-19 {
    margin-left: 1147.91667px; }
    html[dir="rtl"] .rtl-pre-19 {
      margin-right: 1147.91667px; }
  .rtl-post-19 {
    margin-right: 1147.91667px; }
    html[dir="rtl"] .rtl-post-19 {
      margin-left: 1147.91667px; }
  .rtl-pre-20 {
    margin-left: 1208.33333px; }
    html[dir="rtl"] .rtl-pre-20 {
      margin-right: 1208.33333px; }
  .rtl-post-20 {
    margin-right: 1208.33333px; }
    html[dir="rtl"] .rtl-post-20 {
      margin-left: 1208.33333px; }
  .rtl-pre-21 {
    margin-left: 1268.75px; }
    html[dir="rtl"] .rtl-pre-21 {
      margin-right: 1268.75px; }
  .rtl-post-21 {
    margin-right: 1268.75px; }
    html[dir="rtl"] .rtl-post-21 {
      margin-left: 1268.75px; }
  .rtl-pre-22 {
    margin-left: 1329.16667px; }
    html[dir="rtl"] .rtl-pre-22 {
      margin-right: 1329.16667px; }
  .rtl-post-22 {
    margin-right: 1329.16667px; }
    html[dir="rtl"] .rtl-post-22 {
      margin-left: 1329.16667px; }
  .rtl-pre-23 {
    margin-left: 1389.58333px; }
    html[dir="rtl"] .rtl-pre-23 {
      margin-right: 1389.58333px; }
  .rtl-post-23 {
    margin-right: 1389.58333px; }
    html[dir="rtl"] .rtl-post-23 {
      margin-left: 1389.58333px; }
  .rtl-pre-24 {
    margin-left: 1450px; }
    html[dir="rtl"] .rtl-pre-24 {
      margin-right: 1450px; }
  .rtl-post-24 {
    margin-right: 1450px; }
    html[dir="rtl"] .rtl-post-24 {
      margin-left: 1450px; } }

@media screen and (min-width: 1450px) {
  .phone-show {
    display: none !important; }
  .tablet-show {
    display: none !important; }
  .tablet-only {
    display: none !important; }
  .large-hide {
    display: none !important; } }

@media screen and (max-width: 1449px) and (min-width: 860px) {
  .phone-show {
    display: none !important; }
  .tablet-show {
    display: none !important; }
  .tablet-only {
    display: none !important; }
  .large-only {
    display: none !important; }
  .large-show {
    display: none !important; } }

@media screen and (max-width: 859px) and (min-width: 480px) {
  .tablet-hide {
    display: none !important; }
  .phone-show {
    display: none !important; }
  .large-only {
    display: none !important; }
  .large-show {
    display: none !important; } }

@media screen and (max-width: 479px) {
  .phone-hide {
    display: none !important; }
  .tablet-hide {
    display: none !important; }
  .tablet-only {
    display: none !important; }
  .large-only {
    display: none !important; }
  .large-show {
    display: none !important; } }

.invisible {
  visibility: hidden; }

.visible {
  visibility: visible; }

.hide {
  display: none !important; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visually-hidden-focusable {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visually-hidden-focusable:active, .visually-hidden-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.left {
  float: left; }
  html[dir="rtl"] .left {
    float: right; }

.right {
  float: right; }
  html[dir="rtl"] .right {
    float: left; }

@media screen and (min-width: 1450px) {
  .large-left {
    float: left; }
    html[dir="rtl"] .large-left {
      float: right; }
  .large-right {
    float: right; }
    html[dir="rtl"] .large-right {
      float: left; } }

@media screen and (max-width: 859px) and (min-width: 480px) {
  .tablet-left {
    float: left; }
    html[dir="rtl"] .tablet-left {
      float: right; }
  .tablet-right {
    float: right; }
    html[dir="rtl"] .tablet-right {
      float: left; } }

@media screen and (max-width: 479px) {
  .phone-left {
    float: left; }
    html[dir="rtl"] .phone-left {
      float: right; }
  .phone-right {
    float: right; }
    html[dir="rtl"] .phone-right {
      float: left; } }

.block-group {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.block-group-1-up > .block {
  -ms-flex-preferred-size: calc(100% - 1.5rem);
  flex-basis: calc(100% - 1.5rem);
  width: calc(100% - 1.5rem); }

.block-group-2-up > .block {
  -ms-flex-preferred-size: calc(50% - 1.5rem);
  flex-basis: calc(50% - 1.5rem);
  width: calc(50% - 1.5rem); }

.block-group-3-up > .block {
  -ms-flex-preferred-size: calc(33.33333% - 1.5rem);
  flex-basis: calc(33.33333% - 1.5rem);
  width: calc(33.33333% - 1.5rem); }

.block-group-4-up > .block {
  -ms-flex-preferred-size: calc(25% - 1.5rem);
  flex-basis: calc(25% - 1.5rem);
  width: calc(25% - 1.5rem); }

.block-group-5-up > .block {
  -ms-flex-preferred-size: calc(20% - 1.5rem);
  flex-basis: calc(20% - 1.5rem);
  width: calc(20% - 1.5rem); }

.block-group-6-up > .block {
  -ms-flex-preferred-size: calc(16.66666% - 1.5rem);
  flex-basis: calc(16.66666% - 1.5rem);
  width: calc(16.66666% - 1.5rem); }

.block-group-7-up > .block {
  -ms-flex-preferred-size: calc(14.28570% - 1.5rem);
  flex-basis: calc(14.28570% - 1.5rem);
  width: calc(14.28570% - 1.5rem); }

.block-group-8-up > .block {
  -ms-flex-preferred-size: calc(12.5% - 1.5rem);
  flex-basis: calc(12.5% - 1.5rem);
  width: calc(12.5% - 1.5rem); }

@media screen and (max-width: 860px) {
  .tablet-block-group-1-up > .block {
    -ms-flex-preferred-size: calc(100% - 1.5rem);
    flex-basis: calc(100% - 1.5rem);
    width: calc(100% - 1.5rem); }
  .tablet-block-group-2-up > .block {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem); }
  .tablet-block-group-3-up > .block {
    -ms-flex-preferred-size: calc(33.33333% - 1.5rem);
    flex-basis: calc(33.33333% - 1.5rem);
    width: calc(33.33333% - 1.5rem); }
  .tablet-block-group-4-up > .block {
    -ms-flex-preferred-size: calc(25% - 1.5rem);
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem); }
  .tablet-block-group-5-up > .block {
    -ms-flex-preferred-size: calc(20% - 1.5rem);
    flex-basis: calc(20% - 1.5rem);
    width: calc(20% - 1.5rem); }
  .tablet-block-group-6-up > .block {
    -ms-flex-preferred-size: calc(16.66666% - 1.5rem);
    flex-basis: calc(16.66666% - 1.5rem);
    width: calc(16.66666% - 1.5rem); }
  .tablet-block-group-7-up > .block {
    -ms-flex-preferred-size: calc(14.28570% - 1.5rem);
    flex-basis: calc(14.28570% - 1.5rem);
    width: calc(14.28570% - 1.5rem); }
  .tablet-block-group-8-up > .block {
    -ms-flex-preferred-size: calc(12.5% - 1.5rem);
    flex-basis: calc(12.5% - 1.5rem);
    width: calc(12.5% - 1.5rem); } }

@media screen and (max-width: 480px) {
  .phone-block-group-1-up > .block {
    -ms-flex-preferred-size: calc(100% - 1.5rem);
    flex-basis: calc(100% - 1.5rem);
    width: calc(100% - 1.5rem); }
  .phone-block-group-2-up > .block {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem); }
  .phone-block-group-3-up > .block {
    -ms-flex-preferred-size: calc(33.33333% - 1.5rem);
    flex-basis: calc(33.33333% - 1.5rem);
    width: calc(33.33333% - 1.5rem); }
  .phone-block-group-4-up > .block {
    -ms-flex-preferred-size: calc(25% - 1.5rem);
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem); }
  .phone-block-group-5-up > .block {
    -ms-flex-preferred-size: calc(20% - 1.5rem);
    flex-basis: calc(20% - 1.5rem);
    width: calc(20% - 1.5rem); }
  .phone-block-group-6-up > .block {
    -ms-flex-preferred-size: calc(16.66666% - 1.5rem);
    flex-basis: calc(16.66666% - 1.5rem);
    width: calc(16.66666% - 1.5rem); }
  .phone-block-group-7-up > .block {
    -ms-flex-preferred-size: calc(14.28570% - 1.5rem);
    flex-basis: calc(14.28570% - 1.5rem);
    width: calc(14.28570% - 1.5rem); }
  .phone-block-group-8-up > .block {
    -ms-flex-preferred-size: calc(12.5% - 1.5rem);
    flex-basis: calc(12.5% - 1.5rem);
    width: calc(12.5% - 1.5rem); } }

.ie9 .block {
  float: left; }

.ie9 .block-group:after {
  content: '';
  display: table;
  clear: both; }

.is-sticky {
  position: fixed;
  z-index: 10; }
  .is-sticky.scroll-show, .is-sticky .scroll-show {
    visibility: visible; }

.scroll-show {
  visibility: hidden; }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 100;
  src: local("Avenir Next Ultra Light"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=ab646ae1-07f2-4d63-9190-8e05e52d4fdf&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=ab646ae1-07f2-4d63-9190-8e05e52d4fdf&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: italic;
  font-weight: 100;
  src: local("Avenir Next Ultra Light Italic"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=f4ab0f65-ea95-4a03-a856-e54bc2477d29&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=f4ab0f65-ea95-4a03-a856-e54bc2477d29&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 200;
  src: local("Avenir Next Thin"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=4126079e-77d3-4d1d-a0b2-edfc52bb6162&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=4126079e-77d3-4d1d-a0b2-edfc52bb6162&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: italic;
  font-weight: 200;
  src: local("Avenir Next Thin Italic"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=4e5c56c8-1beb-455e-9884-612fa7a1e15f&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=4e5c56c8-1beb-455e-9884-612fa7a1e15f&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 300;
  src: local("Avenir Next Light"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=b1d8a86f-0052-4e40-8c11-4ac9dc89b380&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=b1d8a86f-0052-4e40-8c11-4ac9dc89b380&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: italic;
  font-weight: 300;
  src: local("Avenir Next Light Italic"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=30cbfda7-ad45-487f-a59a-ecba9cd5461e&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=30cbfda7-ad45-487f-a59a-ecba9cd5461e&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Next Regular"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=5fa5a10d-19c0-429a-9506-1c4000132d88&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=5fa5a10d-19c0-429a-9506-1c4000132d88&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 400;
  src: local("Avenir Next Regular"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=00b0b7d9-bb66-4f91-aac2-82571a7a3b61&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=00b0b7d9-bb66-4f91-aac2-82571a7a3b61&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 500;
  src: local("Avenir Next Medium"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=8d00a64e-2d77-46b1-8804-6012868d61c9&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=8d00a64e-2d77-46b1-8804-6012868d61c9&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: italic;
  font-weight: 500;
  src: local("Avenir Next Medium Italic"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=08813cbc-c561-49b6-a942-efd765614d21&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=08813cbc-c561-49b6-a942-efd765614d21&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 600;
  src: local("Avenir Next Demi Bold"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=d4c776aa-fc5c-46da-abe5-5974fcbb1251&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=d4c776aa-fc5c-46da-abe5-5974fcbb1251&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: italic;
  font-weight: 600;
  src: local("Avenir Next Demi Bold Italic"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=1f196ed6-2771-4194-a028-be5244f42ad8&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=1f196ed6-2771-4194-a028-be5244f42ad8&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 700;
  src: local("Avenir Next Bold"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=9d614368-aa4e-48a6-856a-c89ac91e6a35&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=9d614368-aa4e-48a6-856a-c89ac91e6a35&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: italic;
  font-weight: 700;
  src: local("Avenir Next Bold Italic"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=a222c5a4-01e0-4e83-bc35-286cb9a51865&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=a222c5a4-01e0-4e83-bc35-286cb9a51865&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 900;
  src: local("Avenir Next Heavy"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=5fb37202-b0cf-4173-b9b9-17aa3c7a9d2a&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=5fb37202-b0cf-4173-b9b9-17aa3c7a9d2a&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

@font-face {
  font-family: "Avenir Next";
  font-style: italic;
  font-weight: 900;
  src: local("Avenir Next Heavy Italic"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=14&fcId=18d5f732-8628-43bf-801b-ec18f618cf8c&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff2"), url("https://api2.fonts.com/FontSubsetter.ashx?d44f19a684109620e484157aae90e8188a15480d255609476ecf269dee85203a6d3b8b475a83b3b71dc97a35eba3eeff532a102db908028064a297b71d0604ae8ab132249c907da823cab13acf0bda2854ebee266fcef82c954d41e21fba3b8f129d911a03556f0a138588f75fd54f4650db7e5f123e1311de63573a0dc78982f2c4c6a9ed6e339ed952b3&fctypeId=3&fcId=18d5f732-8628-43bf-801b-ec18f618cf8c&content=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!%22%23%24%25%26%27()*%2B%2C-%2E/%3A%3B%3C=%3E%3F@%5B%5C%5D%5E_%60%7B%7C%7D~¢£¤¥©«®°‘’“”&ot=false&projectId=2abe0dd7-8964-459a-9f40-70d8f5504a30") format("woff"); }

.avenir-light {
  font-weight: 300;
  font-style: normal; }
  .avenir-light b, .avenir-light strong {
    font-weight: 500; }

.avenir-light-italic {
  font-weight: 300;
  font-style: italic; }
  .avenir-light-italic b, .avenir-light-italic strong {
    font-weight: 500; }

.avenir-regular {
  font-weight: 400;
  font-style: normal; }
  .avenir-regular b, .avenir-regular strong {
    font-weight: 500; }

.avenir-italic {
  font-weight: 400;
  font-style: italic; }
  .avenir-italic b, .avenir-italic strong {
    font-weight: 500; }

.avenir-demi {
  font-weight: 500;
  font-style: normal; }
  .avenir-demi b, .avenir-demi strong {
    font-weight: 600; }

.avenir-demi-italic {
  font-weight: 500;
  font-style: italic; }
  .avenir-demi-italic b, .avenir-demi-italic strong {
    font-weight: 600; }

.avenir-bold {
  font-weight: 600;
  font-style: normal; }
  .avenir-bold b, .avenir-bold strong {
    font-weight: 600; }

.avenir-bold-italic {
  font-weight: 600;
  font-style: italic; }
  .avenir-bold-italic b, .avenir-bold-italic strong {
    font-weight: 600; }

.code-face, .code-face .block {
  letter-spacing: 0em;
  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace;
  font-weight: 400;
  font-style: normal; }
  .code-face b, .code-face strong, .code-face .block b, .code-face .block strong {
    font-weight: 400; }

.code-italic, .code-italic .block {
  letter-spacing: 0em;
  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace;
  font-weight: 400;
  font-style: italic; }
  .code-italic b, .code-italic strong, .code-italic .block b, .code-italic .block strong {
    font-weight: 400; }

html {
  font-size: 17px; }

body {
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.55rem;
  letter-spacing: 0em;
  font-family: "NotoSansTC-Light", "microsoft jhenghei", "Avenir Next W01";
  line-height: 1.55rem;
  color: #4c4c4c;
  background-color: #ffffff;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  font-feature-settings: "kern";
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: 'liga= 1','calt=0';
  -moz-font-feature-settings: "liga" 1,"calt" 0;
  -webkit-font-feature-settings: "liga" 1,"calt" 0;
  -ms-font-feature-settings: 'liga= 1','calt=0';
  -o-font-feature-settings: "liga" 1,"calt" 0;
  font-feature-settings: "liga" 1,"calt" 0; }
  body b, body strong {
    font-weight: 500; }

form,
select,
button,
input {
  letter-spacing: 0em;
  font-family: "NotoSansTC-Light", "microsoft jhenghei", "Avenir Next W01"; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  font-style: normal;
  margin: 0 0 1.55rem 0; }
  h1 b, h1 strong,
  h2 b,
  h2 strong,
  h3 b,
  h3 strong,
  h4 b,
  h4 strong,
  h5 b,
  h5 strong,
  h6 b,
  h6 strong {
    font-weight: 500; }

h1 {
  font-size: 2.40307rem;
  line-height: 3.1rem; }
  @media screen and (max-width: 859px) {
    h1 {
      font-size: 1.99974rem; } }
  @media screen and (max-width: 479px) {
    h1 {
      font-size: 1.66016rem;
      line-height: 2.325rem; } }

h2 {
  font-size: 1.9994rem;
  line-height: 2.325rem; }
  @media screen and (max-width: 859px) {
    h2 {
      font-size: 1.7689rem; } }
  @media screen and (max-width: 479px) {
    h2 {
      font-size: 1.5625rem; } }

h3 {
  font-size: 1.69949rem;
  line-height: 2.325rem; }
  @media screen and (max-width: 859px) {
    h3 {
      font-size: 1.50357rem; } }
  @media screen and (max-width: 479px) {
    h3 {
      font-size: 1.32813rem; } }

h4 {
  font-size: 1.414rem;
  line-height: 1.55rem; }
  @media screen and (max-width: 859px) {
    h4 {
      font-size: 1.33rem; } }
  @media screen and (max-width: 479px) {
    h4 {
      font-size: 1.25rem; } }

h5 {
  font-size: 1.2019rem;
  line-height: 1.55rem; }
  @media screen and (max-width: 859px) {
    h5 {
      font-size: 1.1305rem; } }
  @media screen and (max-width: 479px) {
    h5 {
      font-size: 1.0625rem; } }

h6 {
  font-size: 1rem;
  line-height: 1.55rem; }

code, kbd, pre, samp {
  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; }

code {
  padding: .25rem;
  border-radius: 3px;
  border: 1px solid #efefef;
  color: #595959;
  background-color: #f8f8f8;
  white-space: pre;
  font-size: 0.85em;
  line-height: 1.4rem; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  margin-bottom: 1.55rem; }
  pre code {
    padding: 1rem;
    display: block;
    overflow: auto;
    word-wrap: normal;
    font-size: 0.85em;
    position: relative; }

p,
ul,
ol,
dl,
blockquote {
  margin-top: 0;
  margin-bottom: 1.55rem; }

p:empty {
  margin: 0; }

blockquote {
  margin: 1.55rem 0;
  font-weight: 400;
  font-style: normal;
  padding-left: 1rem;
  color: #6e6e6e;
  border-left: 3px solid #cccccc; }
  blockquote b, blockquote strong {
    font-weight: 500; }
  html[dir="rtl"] blockquote {
    padding-right: 1rem; }
  html[dir="rtl"] blockquote {
    border-left: none;
    border-right: 3px solid #cccccc; }

blockquote,
blockquote p {
  font-size: 1.2019rem;
  line-height: 1.55rem; }
  @media screen and (max-width: 859px) {
    blockquote,
    blockquote p {
      font-size: 1.1305rem; } }
  @media screen and (max-width: 479px) {
    blockquote,
    blockquote p {
      font-size: 1.0625rem; } }

a {
  color: #4990E2;
  text-decoration: none; }
  a:hover {
    color: #005e95;
    text-decoration: none; }

ul, ol {
  padding: 0;
  list-style-position: inside;
  /*@include font-size(-1);*/ }
  html[dir="rtl"] ul, html[dir="rtl"] ol {
    margin-right: 0.775rem; }

li {
  list-style-position: outside;
  margin: 0.3875rem 0 0.3875rem 1.5rem; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0; }

li ul, li ol {
  margin-bottom: 0; }

dl {
  padding: 0;
  margin-bottom: 1.55rem; }

dt {
  font-weight: 500;
  font-style: normal;
  margin-top: 0.775rem; }
  dt b, dt strong {
    font-weight: 600; }
  dt:first-child {
    margin-top: 0; }

dd {
  margin-left: 0.775rem; }
  html[dir="rtl"] dd {
    margin-right: 0.775rem; }

small, sup, sub {
  font-size: 0.70721em; }

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

mark {
  padding: 0 0.1em 0.1em; }

hr {
  margin: 0.775rem 0;
  border: none;
  border-top: 1px solid #cccccc; }

figure {
  margin: 0 0 1.55rem 0; }
  figure img {
    max-width: 100%; }

figcaption {
  margin: 0.3875rem 0;
  font-size: 0.875rem;
  line-height: 1.55rem;
  font-style: italic;
  color: #828282; }

/*table {
    margin-bottom: $baseline;
  }*/
html[lang="vi"] body,
html[lang="vi"] form,
html[lang="vi"] select,
html[lang="vi"] button,
html[lang="vi"] input, html.vi body,
html.vi form,
html.vi select,
html.vi button,
html.vi input {
  font-family: 'Lucida Grande', Arial, Verdana, Geneva, sans-serif; }

[lang="vi"] {
  font-family: 'Lucida Grande', Arial, Verdana, Geneva, sans-serif; }

.icon-ui-flush:before,
.icon-ui-flush:after {
  padding-right: 0 !important;
  padding-left: 0 !important; }

@font-face {
  font-family: 'calcite-ui';
  src: url("../fonts/calcite-ui.eot?#iefix") format("embedded-opentype"), url("../fonts/calcite-ui.woff") format("woff"), url("../fonts/calcite-ui.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="icon-ui-"]:before,
[class*=" icon-ui-"]:before {
  font-family: 'calcite-ui';
  /*padding-right: $baseline/3;*/
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: none; }
  html[dir="rtl"] [class^="icon-ui-"]:before, html[dir="rtl"]
  [class*=" icon-ui-"]:before {
    padding-left: 0.775rem;
    padding-right: 0; }

.icon-ui-small:before {
  font-size: 0.75rem;
  line-height: 1.55rem; }

.icon-ui-add-attachment:before {
  content: "\f101"; }

.icon-ui-announcement:before {
  content: "\f102"; }

.icon-ui-applications:before {
  content: "\f103"; }

.icon-ui-arrow-down-circled:before {
  content: "\f104"; }

.icon-ui-arrow-left-circled:before {
  content: "\f105"; }

.icon-ui-arrow-right-circled:before {
  content: "\f106"; }

.icon-ui-arrow-up-circled:before {
  content: "\f107"; }

.icon-ui-attachment:before {
  content: "\f108"; }

.icon-ui-authorize:before {
  content: "\f109"; }

.icon-ui-basemap:before {
  content: "\f10a"; }

.icon-ui-beginning:before {
  content: "\f10b"; }

.icon-ui-blank-map-pin:before {
  content: "\f10c"; }

.icon-ui-browser:before {
  content: "\f10d"; }

.icon-ui-calendar:before {
  content: "\f10e"; }

.icon-ui-chart:before {
  content: "\f10f"; }

.icon-ui-chat:before {
  content: "\f110"; }

.icon-ui-check-mark:before {
  content: "\f111"; }

.icon-ui-checkbox-checked:before {
  content: "\f112"; }

.icon-ui-checkbox-unchecked:before {
  content: "\f113"; }

.icon-ui-close-circled:before {
  content: "\f114"; }

.icon-ui-close:before {
  content: "\f115"; }

.icon-ui-collapse:before {
  content: "\f116"; }

.icon-ui-collection:before {
  content: "\f117"; }

.icon-ui-comment:before {
  content: "\f118"; }

.icon-ui-compass:before {
  content: "\f119"; }

.icon-ui-configure-popup:before {
  content: "\f11a"; }

.icon-ui-contact:before {
  content: "\f11b"; }

.icon-ui-dashboard:before {
  content: "\f11c"; }

.icon-ui-deny:before {
  content: "\f11d"; }

.icon-ui-description:before {
  content: "\f11e"; }

.icon-ui-directions:before {
  content: "\f11f"; }

.icon-ui-directions2:before {
  content: "\f120"; }

.icon-ui-dock-bottom:before {
  content: "\f121"; }

.icon-ui-dock-left:before {
  content: "\f122"; }

.icon-ui-dock-right:before {
  content: "\f123"; }

.icon-ui-documentation:before {
  content: "\f124"; }

.icon-ui-down-arrow-circled:before {
  content: "\f125"; }

.icon-ui-down-arrow:before {
  content: "\f126"; }

.icon-ui-down:before {
  content: "\f127"; }

.icon-ui-download:before {
  content: "\f128"; }

.icon-ui-drag-horizontal:before {
  content: "\f129"; }

.icon-ui-drag-vertical:before {
  content: "\f12a"; }

.icon-ui-duplicate:before {
  content: "\f12b"; }

.icon-ui-edit:before {
  content: "\f12c"; }

.icon-ui-end:before {
  content: "\f12d"; }

.icon-ui-environment-settings:before {
  content: "\f12e"; }

.icon-ui-erase:before {
  content: "\f12f"; }

.icon-ui-error:before {
  content: "\f130"; }

.icon-ui-error2:before {
  content: "\f131"; }

.icon-ui-expand:before {
  content: "\f132"; }

.icon-ui-experimental:before {
  content: "\f133"; }

.icon-ui-favorites:before {
  content: "\f134"; }

.icon-ui-feature-layer:before {
  content: "\f135"; }

.icon-ui-filter:before {
  content: "\f136"; }

.icon-ui-forward:before {
  content: "\f137"; }

.icon-ui-globe:before {
  content: "\f138"; }

.icon-ui-grant:before {
  content: "\f139"; }

.icon-ui-group:before {
  content: "\f13a"; }

.icon-ui-handle-horizontal:before {
  content: "\f13b"; }

.icon-ui-handle-vertical:before {
  content: "\f13c"; }

.icon-ui-home:before {
  content: "\f13d"; }

.icon-ui-key:before {
  content: "\f13e"; }

.icon-ui-labels:before {
  content: "\f13f"; }

.icon-ui-layer-list:before {
  content: "\f140"; }

.icon-ui-layers:before {
  content: "\f141"; }

.icon-ui-left-arrow-circled:before {
  content: "\f142"; }

.icon-ui-left-arrow:before {
  content: "\f143"; }

.icon-ui-left-triangle-arrow:before {
  content: "\f144"; }

.icon-ui-left:before {
  content: "\f145"; }

.icon-ui-line-chart:before {
  content: "\f146"; }

.icon-ui-link-external:before {
  content: "\f147"; }

.icon-ui-link:before {
  content: "\f148"; }

.icon-ui-loading-indicator:before {
  content: "\f149"; }

.icon-ui-locate:before {
  content: "\f14a"; }

.icon-ui-locked:before {
  content: "\f14b"; }

.icon-ui-map-pin:before {
  content: "\f14c"; }

.icon-ui-maps:before {
  content: "\f14d"; }

.icon-ui-marketplace:before {
  content: "\f14e"; }

.icon-ui-maximize:before {
  content: "\f14f"; }

.icon-ui-media:before {
  content: "\f150"; }

.icon-ui-media2:before {
  content: "\f151"; }

.icon-ui-menu:before {
  content: "\f152"; }

.icon-ui-minimize:before {
  content: "\f153"; }

.icon-ui-minus-circled:before {
  content: "\f154"; }

.icon-ui-minus:before {
  content: "\f155"; }

.icon-ui-mobile:before {
  content: "\f156"; }

.icon-ui-navigation:before {
  content: "\f157"; }

.icon-ui-notice-round:before {
  content: "\f158"; }

.icon-ui-notice-triangle:before {
  content: "\f159"; }

.icon-ui-organization:before {
  content: "\f15a"; }

.icon-ui-overview-arrow-bottom-left:before {
  content: "\f15b"; }

.icon-ui-overview-arrow-bottom-right:before {
  content: "\f15c"; }

.icon-ui-overview-arrow-top-left:before {
  content: "\f15d"; }

.icon-ui-overview-arrow-top-right:before {
  content: "\f15e"; }

.icon-ui-pan:before {
  content: "\f15f"; }

.icon-ui-pause:before {
  content: "\f160"; }

.icon-ui-phone:before {
  content: "\f161"; }

.icon-ui-pie-chart:before {
  content: "\f162"; }

.icon-ui-play:before {
  content: "\f163"; }

.icon-ui-plus-circled:before {
  content: "\f164"; }

.icon-ui-plus:before {
  content: "\f165"; }

.icon-ui-printer:before {
  content: "\f166"; }

.icon-ui-question:before {
  content: "\f167"; }

.icon-ui-radio-checked:before {
  content: "\f168"; }

.icon-ui-radio-unchecked:before {
  content: "\f169"; }

.icon-ui-refresh:before {
  content: "\f16a"; }

.icon-ui-resend-invitation:before {
  content: "\f16b"; }

.icon-ui-reverse:before {
  content: "\f16c"; }

.icon-ui-review:before {
  content: "\f16d"; }

.icon-ui-right-arrow-circled:before {
  content: "\f16e"; }

.icon-ui-right-arrow:before {
  content: "\f16f"; }

.icon-ui-right-triangle-arrow:before {
  content: "\f170"; }

.icon-ui-right:before {
  content: "\f171"; }

.icon-ui-rotate:before {
  content: "\f172"; }

.icon-ui-save:before {
  content: "\f173"; }

.icon-ui-search:before {
  content: "\f174"; }

.icon-ui-settings:before {
  content: "\f175"; }

.icon-ui-settings2:before {
  content: "\f176"; }

.icon-ui-share:before {
  content: "\f177"; }

.icon-ui-sign-out:before {
  content: "\f178"; }

.icon-ui-support:before {
  content: "\f179"; }

.icon-ui-table:before {
  content: "\f17a"; }

.icon-ui-tag:before {
  content: "\f17b"; }

.icon-ui-time-clock:before {
  content: "\f17c"; }

.icon-ui-trash:before {
  content: "\f17d"; }

.icon-ui-unlocked:before {
  content: "\f17e"; }

.icon-ui-up-arrow-circled:before {
  content: "\f17f"; }

.icon-ui-up-arrow:before {
  content: "\f180"; }

.icon-ui-up-down-arrows:before {
  content: "\f181"; }

.icon-ui-up:before {
  content: "\f182"; }

.icon-ui-upload:before {
  content: "\f183"; }

.icon-ui-user:before {
  content: "\f184"; }

.icon-ui-zoom-in-fixed:before {
  content: "\f185"; }

.icon-ui-zoom-in-magnifying-glass:before {
  content: "\f186"; }

.icon-ui-zoom-out-fixed:before {
  content: "\f187"; }

.icon-ui-zoom-out-magnifying-glass:before {
  content: "\f188"; }

.svg-icon {
  fill: currentColor;
  pointer-events: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  padding-right: .15em; }

.svg-icon-yellow {
  fill: #fad817; }

.svg-icon-green {
  fill: #5a9359; }

.svg-icon-blue {
  fill: #0079c1; }

.svg-icon-light-blue {
  fill: #56a5d8; }

.svg-icon-dark-blue {
  fill: #005e95; }

.svg-icon-purple {
  fill: #9081bc; }

.svg-icon-orange {
  fill: #d17e21; }

.svg-icon-gray {
  fill: #959595; }

.svg-icon-red {
  fill: #de2900; }

.esri-icon-yellow:before, .icon-ui-yellow:before {
  color: #fad817; }

.esri-icon-green:before, .icon-ui-green:before {
  color: #5a9359; }

.esri-icon-blue:before, .icon-ui-blue:before {
  color: #0079c1; }

.esri-icon-light-blue:before, .icon-ui-light-blue:before {
  color: #56a5d8; }

.esri-icon-dark-blue:before, .icon-ui-dark-blue:before {
  color: #005e95; }

.esri-icon-purple:before, .icon-ui-purple:before {
  color: #9081bc; }

.esri-icon-orange:before, .icon-ui-orange:before {
  color: #d17e21; }

.esri-icon-gray:before, .icon-ui-gray:before {
  color: #959595; }

.esri-icon-red:before, .icon-ui-red:before {
  color: #de2900; }

[class*="icon-social-"] {
  background-color: #b2b2b2;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  [class*="icon-social-"]:hover {
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear; }

.icon-social-contact {
  background-image: url("../img/icons/social/contact.svg") !important; }
  .icon-social-contact:hover {
    background-color: #8EC449 !important; }

.icon-social-facebook {
  background-image: url("../img/icons/social/facebook.svg") !important; }
  .icon-social-facebook:hover {
    background-color: #3D5A96 !important; }

.icon-social-geonet {
  background-image: url("../img/icons/social/geonet.svg") !important; }
  .icon-social-geonet:hover {
    background-color: #127BC0 !important; }

.icon-social-github {
  background-image: url("../img/icons/social/github.svg") !important; }
  .icon-social-github:hover {
    background-color: #171515 !important; }

.icon-social-google-plus {
  background-image: url("../img/icons/social/google-plus.svg") !important; }
  .icon-social-google-plus:hover {
    background-color: #DD4C3C !important; }

.icon-social-instagram {
  background-image: url("../img/icons/social/instagram.svg") !important; }
  .icon-social-instagram:hover {
    background-color: #1B6FB1 !important; }

.icon-social-linkedin {
  background-image: url("../img/icons/social/linkedin.svg") !important; }
  .icon-social-linkedin:hover {
    background-color: #127CB3 !important; }

.icon-social-pinterest {
  background-image: url("../img/icons/social/pinterest.svg") !important; }
  .icon-social-pinterest:hover {
    background-color: #BB0F23 !important; }

.icon-social-rss {
  background-image: url("../img/icons/social/rss.svg") !important; }
  .icon-social-rss:hover {
    background-color: #FD8023 !important; }

.icon-social-share {
  background-image: url("../img/icons/social/share.svg") !important; }
  .icon-social-share:hover {
    background-color: #1EBD21 !important; }

.icon-social-twitter {
  background-image: url("../img/icons/social/twitter.svg") !important; }
  .icon-social-twitter:hover {
    background-color: #59ADEB !important; }

.icon-social-youtube {
  background-image: url("../img/icons/social/youtube.svg") !important; }
  .icon-social-youtube:hover {
    background-color: #CF2529 !important; }

.esri-logo {
  margin: 0.3875rem;
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  min-height: 30px;
  min-width: 70px;
  line-height: 0;
  background-size: 100% 100%;
  background-image: url("../img/logo/esri-logo.svg") !important; }

.esri-logo-reverse {
  margin: 0.3875rem;
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  min-height: 30px;
  min-width: 70px;
  line-height: 0;
  background-size: 100% 100%;
  background-image: url("../img/logo/esri-logo.svg") !important;
  background-image: url("../img/logo/esri-logo-reversed.svg") !important; }

.esri-logo-condensed {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: -0.125rem;
  margin-top: -0.135rem; }

/*@mixin btn-clear() {
    color:  $secondary-color-2;
    background: $white;
    border-color: $secondary-color-2;
    &:hover {
      color: $white;
      background:  $secondary-color-2;
      border-color: $secondary-color-2;
    }
  }*/
.btn {
  border-radius: 2px;
  position: relative;
  display: inline-block;
  padding: 0.1rem 0.9rem;
  width: auto;
  color: #ffffff;
  border: 1px solid #228896;
  background-color: #228896;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.9375rem;
  line-height: 1.55rem; }
  .btn:hover {
    text-decoration: none;
    background-color: #2693A2;
    color: #ffffff; }

.btn-transparent {
  background: none;
  color: #4990E2;
  border: none; }
  .btn-transparent:hover {
    color: #005e95;
    background: none;
    text-decoration: underline; }

.btn-clear {
  font-size: 1rem;
  color: #4990E2;
  background: transparent;
  border-color: none;
  padding: 0 5px;
  border: none; }
  .btn-clear:hover {
    color: #2C76CD;
    background: transparent;
    border-color: transparent; }

.btn-clear-white {
  background: none;
  color: #ffffff;
  border: 1px solid #ffffff; }
  .btn-clear-white:hover {
    color: #959595;
    background: #ffffff; }

.btn-small {
  font-size: 0.875rem;
  line-height: 1.55rem;
  padding: 0.2325rem 0.675rem; }

.btn-large {
  font-size: 1rem;
  line-height: 1.55rem;
  padding: .5rem 1rem .5rem; }

.btn-fill {
  width: 100%;
  text-align: center; }

.btn-half {
  width: 50%;
  text-align: center; }

.btn-grouped {
  float: left; }
  html[dir="rtl"] .btn-grouped {
    float: right; }
  .btn-grouped + .btn-grouped {
    margin-left: 1px; }
    html[dir="rtl"] .btn-grouped + .btn-grouped {
      margin-left: 0;
      margin-right: 1px; }
  .btn-grouped:last-of-type {
    float: none; }
  .btn-grouped.btn-half {
    margin-left: 0; }

.btn-white {
  background: #ffffff;
  color: #4c4c4c;
  border: 1px solid #ffffff; }
  .btn-white:hover {
    color: #4c4c4c;
    background: #efefef; }

.btn-red {
  color: #de2900;
  background: transparent;
  border-color: #de2900; }
  .btn-red:hover {
    color: #ffffff;
    background: #ab3c16;
    border-color: #ab3c16; }

.btn-green {
  background-color: #5a9359;
  border-color: #5a9359; }
  .btn-green:hover {
    background-color: #338033; }

.btn:disabled,
.btn-disabled,
button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .3; }

input[type='file']::-webkit-file-upload-button,
::-ms-browse {
  webkit-appearance: none;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  padding: 0.1rem 0.9rem;
  width: auto;
  color: #ffffff;
  border: 1px solid #228896;
  background-color: #228896;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.9375rem;
  line-height: 1.55rem; }
  input[type='file']::-webkit-file-upload-button:hover,
  ::-ms-browse:hover {
    text-decoration: none;
    background-color: #2693A2;
    color: #ffffff; }

.label {
  background-color: #efefef;
  padding: .25em .5em;
  border-radius: 3px;
  font-size: .85em;
  line-height: 1;
  white-space: nowrap; }

.label-red {
  background-color: #de2900;
  color: #ffffff; }

.label-yellow {
  background-color: #efe397;
  color: #4c4c4c; }

.label-green {
  background-color: #5a9359;
  color: #ffffff; }

.label-blue {
  background-color: #0079c1;
  color: #ffffff; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown.is-active .dropdown-menu {
    display: block; }

.dropdown-btn else {
  cursor: pointer;
  position: relative; }

.dropdown-menu {
  position: absolute;
  min-width: 200px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  z-index: 1000;
  display: none;
  overflow: auto; }
  .dropdown-menu.dropdown-right {
    right: 0; }
    html[dir="rtl"] .dropdown-menu.dropdown-right {
      right: auto;
      left: 0; }

.dropdown-title {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.51667rem;
  font-size: 0.875rem;
  line-height: 1.55rem;
  color: #6e6e6e;
  background-color: #ffffff;
  border-top: 1px solid #efefef;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f8f8f8;
  cursor: auto; }
  .dropdown-title:hover {
    background-color: #f8f8f8;
    text-decoration: none;
    color: #6e6e6e; }
  .dropdown-title.is-active, .dropdown-title:focus {
    text-indent: -3px;
    border-left: 3px solid #0079c1; }

.dropdown-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.51667rem;
  font-size: 0.875rem;
  line-height: 1.55rem;
  color: #6e6e6e;
  background-color: #ffffff;
  border-top: 1px solid #efefef;
  white-space: nowrap;
  cursor: pointer; }
  .dropdown-link:hover {
    background-color: #f8f8f8;
    text-decoration: none;
    color: #6e6e6e; }
  .dropdown-link.is-active, .dropdown-link:focus {
    text-indent: -3px;
    border-left: 3px solid #0079c1; }

.breadcrumbs {
  font-size: 0.875rem;
  line-height: 1.55rem;
  color: #6e6e6e; }

.crumb {
  color: #6e6e6e;
  float: left; }
  html[dir="rtl"] .crumb {
    float: right; }
  .crumb:before {
    content: "/";
    color: #6e6e6e;
    font-weight: 400;
    display: inline-block;
    padding: 0 .5rem; }
  .crumb.is-active {
    font-weight: 600; }
  .breadcrumbs-white .crumb {
    color: #ffffff;
    color: #ffffff; }
    .breadcrumbs-white .crumb:hover {
      color: #efefef; }
    .breadcrumbs-white .crumb:before {
      color: #ffffff; }
  .crumb:first-child:before {
    display: none; }

.tooltip {
  position: relative;
  cursor: pointer; }
  .tooltip:after {
    content: attr(aria-label);
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: 0.3875rem 0.775rem;
    font-size: 0.875rem;
    line-height: 1.55rem;
    color: #ffffff;
    text-align: center;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 3px; }

.tooltip:before {
  content: "";
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  color: rgba(0, 0, 0, 0.75);
  pointer-events: none;
  border: 5px solid transparent; }

.tooltip:hover, .tooltip:active, .tooltip:focus {
  text-decoration: none; }
  .tooltip:hover:before, .tooltip:hover:after, .tooltip:active:before, .tooltip:active:after, .tooltip:focus:before, .tooltip:focus:after {
    display: inline-block; }

.tooltip-multiline:hover:after, .tooltip-multiline:active:after, .tooltip-multiline:focus:after {
  display: table-cell; }

.tooltip:after {
  top: 100%;
  right: 50%;
  margin-top: 5px;
  line-height: 1.5; }

.tooltip:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: rgba(0, 0, 0, 0.75); }

.tooltip-top:after {
  top: auto;
  right: 50%;
  bottom: 100%;
  margin-bottom: 5px; }

.tooltip-top:before {
  top: -5px;
  right: 50%;
  bottom: auto;
  margin-right: -5px;
  border-top-color: rgba(0, 0, 0, 0.75);
  border-bottom: 5px solid transparent; }

.tooltip:after,
.tooltip-bottom:after {
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%); }

.tooltip-left:after {
  top: auto;
  right: 100%;
  margin-right: 5px;
  bottom: 50%;
  margin-bottom: inherit;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%); }
  html[dir="rtl"] .tooltip-left:after {
    right: auto;
    left: 100%;
    margin-right: 0;
    margin-left: 5px; }

.tooltip-left:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: rgba(0, 0, 0, 0.75);
  border-bottom: 5px solid transparent; }
  html[dir="rtl"] .tooltip-left:before {
    left: auto;
    right: -5px;
    margin-right: 0;
    border-left-color: transparent;
    border-right-color: rgba(0, 0, 0, 0.75); }

.tooltip-right:after {
  top: auto;
  right: auto;
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%); }
  html[dir="rtl"] .tooltip-right:after {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 5px; }

.tooltip-right:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  margin-right: 0;
  border-right-color: rgba(0, 0, 0, 0.75);
  border-bottom: 5px solid transparent; }
  html[dir="rtl"] .tooltip-right:before {
    left: -5px;
    right: auto;
    border-left-color: rgba(0, 0, 0, 0.75);
    border-right-color: transparent; }

.tooltip-multiline:after {
  width: -moz-max-content;
  width: -webkit-max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: normal;
  white-space: pre-line;
  border-collapse: separate; }

.tooltip-multiline.tooltip-bottom:after, .tooltip-multiline.tooltip-top:after {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.tooltip-multiline.tooltip-left:after, .tooltip-multiline.tooltip-right:after {
  right: 100%; }

@media screen and (min-width: 0\0) {
  .tooltip-multiline:after {
    width: 250px; } }

.alert {
  font-size: 0.9375rem;
  line-height: 1.55rem;
  padding: 0.775rem 0.775rem;
  color: rgba(0, 0, 0, 0.75);
  background-color: #d2e9f9;
  position: relative;
  display: none;
  z-index: 100;
  max-width: 40em;
  border: 1px solid #0079c1;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  color: #4c4c4c; }
  .alert:hover {
    color: #323232; }
  .alert.is-active {
    display: block; }
  .alert a:hover {
    color: rgba(0, 0, 0, 0.75); }

.alert-red {
  background-color: #f3ded7;
  border-color: #e4a793; }

.alert-yellow {
  background-color: #f3edc7;
  border-color: #e4d154; }

.alert-green {
  background-color: #ddeedb;
  border-color: #9bc19c; }

.alert-close {
  position: absolute;
  right: 0.775rem; }
  html[dir="rtl"] .alert-close {
    right: auto;
    left: 0.775rem; }

.alert-full {
  max-width: none; }

.panel {
  background-color: #f8f8f8;
  /*border: 1px solid $lightest-gray;*/
  padding: 0.65rem; }
  .panel:after {
    content: '';
    display: table;
    clear: both; }
  .panel code {
    background-color: #ffffff; }

.panel-black {
  background-color: #323232;
  color: #ffffff;
  border: 1px solid #4c4c4c; }

.panel-dark {
  background-color: #595959;
  color: #ffffff;
  border: 1px solid #4c4c4c; }

.panel-white {
  background-color: #ffffff;
  border: 1px solid #efefef; }
  .panel-white code {
    background-color: #f8f8f8; }

.panel-dark-blue {
  background-color: #004575;
  color: #ffffff;
  border: 1px solid #052942; }

.panel-blue {
  background-color: #0079c1;
  color: #ffffff;
  border: 1px solid #005e95; }

.panel-light-blue {
  color: #323232;
  background-color: #56a5d8;
  border: 1px solid #0079c1; }

.panel-no-border {
  border: none; }

.panel-no-padding {
  padding: 0; }

table {
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #cccccc;
  text-align: left;
  overflow: auto;
  font-size: 0.875rem;
  line-height: 1.55rem; }
  html[dir="rtl"] table {
    text-align: right; }
  table > thead {
    background-color: #efefef;
    border-bottom: 1px solid #cccccc;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.55rem; }
    table > thead b, table > thead strong {
      font-weight: 500; }
  table > tbody {
    overflow: auto;
    width: 100%; }
  table > tfoot {
    background-color: #efefef;
    border-top: 1px solid #cccccc; }
  table th, table td {
    font-weight: 300;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0.3rem; }
    html[dir="rtl"] table th, html[dir="rtl"] table td {
      text-align: right; }
  table tr {
    border-bottom: 1px solid #cccccc;
    text-align: left; }
    table tr:last-child {
      border-bottom: none; }
  table caption {
    color: #959595;
    caption-side: bottom;
    line-height: 1.55rem;
    padding: 0.3875rem 0.775rem; }

.table-blue {
  border: 1px solid #0079c1; }
  .table-blue > thead {
    background-color: #0079c1;
    border: none;
    border-bottom: 1px solid #0079c1;
    color: #ffffff; }
    .table-blue > thead tr:nth-child(even) {
      background-color: #bcdaed;
      color: #4c4c4c; }
  .table-blue > tfoot {
    border-top: 1px solid #0079c1; }
  .table-blue th, .table-blue td {
    border-left: 1px solid #0079c1;
    border-right: 1px solid #0079c1; }
  .table-blue tr {
    border-bottom: 1px solid #0079c1; }

.table-plain {
  border: none; }
  .table-plain > thead, .table-plain > tfoot, .table-plain th, .table-plain td {
    background-color: transparent;
    border: none; }
  .table-plain tr {
    border: none; }
    .table-plain tr:nth-child(even) {
      background-color: transparent; }
      .table-plain tr:nth-child(even) td {
        background-color: transparent; }

.table-striped tr:nth-child(even) {
  background-color: #f8f8f8; }
  .table-striped tr:nth-child(even) a {
    color: #005e95; }
  .table-striped tr:nth-child(even) td {
    background-color: #f8f8f8; }

.table-striped.table-blue tr:nth-child(even) {
  background-color: #d2e9f9; }
  .table-striped.table-blue tr:nth-child(even) td {
    background-color: #d2e9f9; }

.table-no-table {
  width: auto;
  background-color: transparent;
  border-collapse: auto;
  border-spacing: 0;
  border: none;
  text-align: left;
  overflow: auto;
  margin-bottom: 0; }
  .table-no-table thead, .table-no-table tbody {
    font-size: 1rem;
    line-height: 1.55rem;
    border: none;
    background-color: transparent;
    overflow: auto;
    width: 100%; }
  .table-no-table th, .table-no-table td {
    background-color: transparent;
    border: none; }
  .table-no-table tr {
    border: none;
    text-align: left; }

.input-search, .search-input {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzZENkU3MSI+ICAgIDxwYXRoIGQ9Ik0zMS42MDcgMjcuODM4bC02LjEzMy02LjEzN2ExLjMzNiAxLjMzNiAwIDAgMC0xLjg4NyAwbC0uMDM1LjAzNS0yLjUzMy0yLjUzMy0uMDE0LjAxNGMzLjY1Mi00LjU1NiAzLjQyMi0xMS4xOTUtLjgwMy0xNS40Mi00LjUyOS00LjUyNy0xMS44NzUtNC41MzEtMTYuNDA0IDAtNC41MzEgNC41MzEtNC41MjkgMTEuODc1IDAgMTYuNDA2IDQuMjA1IDQuMjA0IDEwLjgxMSA0LjQ1NSAxNS4zNjUuODQ4bC4wMDQuMDAzLS4wMzMuMDMzIDIuNTQxIDIuNTRhMS4zMyAxLjMzIDAgMCAwIC4wMjUgMS44NDhsNi4xMzUgNi4xMzNhMS4zMyAxLjMzIDAgMCAwIDEuODg3IDBsMS44ODUtMS44ODNhMS4zMzIgMS4zMzIgMCAwIDAgMC0xLjg4N3pNMTcuODExIDE3LjgwOWE4LjIxMyA4LjIxMyAwIDAgMS0xMS42MTkgMCA4LjIxNyA4LjIxNyAwIDAgMSAwLTExLjYyMiA4LjIxOSA4LjIxOSAwIDAgMSAxMS42MTkuMDA0IDguMjE2IDguMjE2IDAgMCAxIDAgMTEuNjE4eiIvPjwvc3ZnPg==");
  background-size: .875em;
  background-position: .25em center;
  background-repeat: no-repeat;
  padding-left: 1.5em; }

form {
  margin: 0;
  padding: 0; }

fieldset {
  margin: 0 0 1.55rem 0;
  padding: 0;
  border: none;
  display: block; }

label {
  position: relative;
  display: block;
  margin: 0 0 1.55rem 0; }

legend {
  position: relative;
  display: block;
  margin-bottom: .25rem; }

input, select, textarea {
  position: relative;
  display: block;
  height: 1.8rem;
  width: 100%;
  max-width: 100%;
  /*margin: .25rem 0 0 0;*/
  padding: 0 0.31rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "NotoSansTC-Light", "microsoft jhenghei", "Avenir Next W01";
  font-size: 0.9375rem;
  line-height: 1.25rem;
  color: #4c4c4c;
  vertical-align: baseline;
  outline: none;
  outline-offset: 0;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  border-radius: 2px;
  -webkit-transition: border-color 150ms linear;
  transition: border-color 150ms linear;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
  input:disabled, select:disabled, textarea:disabled {
    opacity: .3;
    cursor: default; }
  input:focus, select:focus, textarea:focus {
    border-color: #0079c1;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }

input {
  -webkit-appearance: none; }

textarea {
  height: auto;
  padding-top: 0.31rem; }

:placeholder {
  color: #767676; }

:input-placeholder {
  color: #767676; }

::-webkit-input-placeholder {
  color: #767676; }

::-moz-placeholder {
  color: #767676; }

:-ms-input-placeholder {
  color: #767676; }

.input-minimal {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom-color: #cccccc;
  box-shadow: none; }
  .input-minimal:focus {
    border-bottom-color: #999;
    box-shadow: none; }

.input-error {
  border-color: #c86a4a;
  padding-right: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeD0iMiIgeT0iMCI+PHBhdGggZmlsbD0iI2M4NmE0YSIgZD0iTTExLjIyNSwwSDQuNjQ4TDAsNC42NXY2LjU3Nmw0LjY0OCw0LjY0OWg2LjU3Nmw0LjY1LTQuNjQ5VjQuNjVMMTEuMjI1LDB6IE05LjA3MSwxMy42MDdINi44MDR2LTIuMjY5aDIuMjY4VjEzLjYwN3ogTTkuMDcxLDkuMDcxSDYuODA0VjMuNDAyaDIuMjY4VjkuMDcxeiIvPjwvc3ZnPg==");
  background-position: right center;
  background-repeat: no-repeat; }
  .input-error:focus {
    border-color: #c86a4a;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(200, 106, 75, 0.5); }

.input-success {
  padding-right: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiPjxwb2x5Z29uIGZpbGw9IiM1QTkzNTkiIHBvaW50cz0iOC4xODgsMTEuMDgyIDQuMDU5LDYuOTUyIDIuMjU4LDguNzUyIDguMTg4LDE0LjY4MyAxOS43NTQsMy4xMTkgMTcuOTU0LDEuMzE3ICIvPjwvc3ZnPg==");
  background-position: right center;
  background-repeat: no-repeat; }

.input-error-message {
  font-size: 0.875rem;
  line-height: 1.55rem;
  padding: 0.3875rem 0.3875rem;
  color: rgba(0, 0, 0, 0.75);
  background-color: #f3ded7;
  border: 1px solid #e4a793;
  position: relative;
  display: none;
  margin-top: .5rem; }
  .input-error-message:after {
    content: "";
    position: absolute;
    left: 11px;
    top: -15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-bottom-color: #f3ded7; }
  .input-error-message:before {
    content: "";
    position: absolute;
    left: 11px;
    top: -16px;
    width: 0;
    height: 0;
    pointer-events: none;
    border: 8px solid transparent;
    border-bottom-color: #e4a793; }
  .input-error-message.is-active, .input-error-message.is-active:before, .input-error-message.is-active:after {
    display: inline-block; }

input[type="file"] {
  height: auto; }

input[type="file"]::-webkit-file-upload-button {
  border-radius: 2px;
  position: relative;
  display: inline-block;
  padding: 0.1rem 0.9rem;
  width: auto;
  color: #ffffff;
  border: 1px solid #228896;
  background-color: #228896;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.9375rem;
  line-height: 1.55rem;
  font-size: 1rem;
  color: #4990E2;
  background: transparent;
  border-color: none;
  padding: 0 5px;
  border: none;
  font-size: 0.875rem;
  line-height: 1.55rem;
  padding: 0.2325rem 0.675rem;
  font-family: "NotoSansTC-Light", "microsoft jhenghei", "Avenir Next W01";
  margin: .5em 0; }
  input[type="file"]::-webkit-file-upload-button:hover {
    text-decoration: none;
    background-color: #2693A2;
    color: #ffffff; }
  input[type="file"]::-webkit-file-upload-button:hover {
    color: #2C76CD;
    background: transparent;
    border-color: transparent; }

::-ms-value {
  border: none;
  background-color: transparent; }

::-ms-browse {
  border-radius: 2px;
  position: relative;
  display: inline-block;
  padding: 0.1rem 0.9rem;
  width: auto;
  color: #ffffff;
  border: 1px solid #228896;
  background-color: #228896;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.9375rem;
  line-height: 1.55rem;
  font-size: 1rem;
  color: #4990E2;
  background: transparent;
  border-color: none;
  padding: 0 5px;
  border: none;
  font-size: 0.875rem;
  line-height: 1.55rem;
  padding: 0.2325rem 0.675rem;
  font-family: "NotoSansTC-Light", "microsoft jhenghei", "Avenir Next W01";
  margin: .5em 0; }
  ::-ms-browse:hover {
    text-decoration: none;
    background-color: #2693A2;
    color: #ffffff; }
  ::-ms-browse:hover {
    color: #2C76CD;
    background: transparent;
    border-color: transparent; }

input[type='radio'], input[type='checkbox'] {
  float: left;
  width: 1rem;
  height: 1rem;
  margin-top: .135rem;
  margin-right: .125rem;
  margin-left: .125rem;
  line-height: 1.25rem;
  box-shadow: none;
  box-sizing: content-box; }
  html[dir="rtl"] input[type='radio'], html[dir="rtl"] input[type='checkbox'] {
    float: right; }
  input[type='radio']:focus, input[type='checkbox']:focus {
    box-shadow: none;
    border: none;
    outline: auto; }

input[type='checkbox'] {
  -webkit-appearance: checkbox; }

input[type='radio'] {
  -webkit-appearance: radio; }

.ie9 input[type='checkbox'], .ie9 input[type='radio'] {
  border: none; }

.fieldset-radio label, .fieldset-checkbox label {
  margin-bottom: .25rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  color: #595959;
  width: auto; }

select {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1OTU5NTkiIGQ9Ik03NS43NDksMzcuNDY2YzAuNDI1LDAuNDI1LDAuNTUyLDEuMDYzLDAuMzIyLDEuNjE4Qzc1Ljg0MSwzOS42MzksNzUuMzAxLDQwLDc0LjY5OSw0MGgtNDkuNA0KCQljLTAuNiwwLTEuMTQzLTAuMzYyLTEuMzcyLTAuOTE3Yy0wLjIzLTAuNTU1LTAuMTAzLTEuMTkzLDAuMzIyLTEuNjE4bDIzLjQ0LTIzLjQ0YzEuMjc2LTEuMjc2LDMuMzQzLTEuMjc2LDQuNjIsMEw3NS43NDksMzcuNDY2DQoJCUw3NS43NDksMzcuNDY2eiBNMjQuMjUsNjIuNTM0Yy0wLjQyNi0wLjQyNS0wLjU1My0xLjA2My0wLjMyMy0xLjYxOGMwLjIzLTAuNTU1LDAuNzctMC45MTYsMS4zNy0wLjkxNkg3NC43DQoJCWMwLjYwMiwwLDEuMTQzLDAuMzU5LDEuMzczLDAuOTE2YzAuMjMsMC41NTUsMC4xMDMsMS4xOTMtMC4zMjIsMS42MThMNTIuMzEsODUuOTc3Yy0xLjI3NSwxLjI3NS0zLjM0NCwxLjI3NC00LjYyLDBMMjQuMjUsNjIuNTM0eg0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: .9rem;
  width: auto;
  padding-right: 1.55rem;
  -webkit-appearance: none;
  -moz-appearance: none; }
  html[dir="rtl"] select {
    background-position: center left;
    padding-left: 1.55rem;
    padding-right: 0.31rem; }

select[multiple] {
  height: auto;
  background-image: none;
  padding: 0; }

select[multiple] option {
  padding: 0.31rem;
  /**/ }

.select-full {
  width: 100%; }

.ie9 select {
  padding-right: 0;
  padding-left: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none; }
  select:focus::-ms-value {
    background: transparent;
    color: #595959; } }

.input-group {
  display: table;
  margin-top: 0.3875rem; }

.input-group-button {
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .input-group-button .btn, .input-group-button button {
    height: 2.25rem;
    margin-left: -1px; }

input.input-group-input,
.input-group-input {
  display: table-cell;
  position: relative;
  margin-top: 0;
  width: 100%;
  vertical-align: middle; }

.loader-bars:before, .loader-bars:after, .loader-bars {
  background: #0079c1;
  -webkit-animation: load 0.8s infinite ease-in-out;
  animation: load 0.8s infinite ease-in-out;
  width: 0.85rem;
  height: 2rem; }

.loader-bars:before, .loader-bars:after {
  position: absolute;
  top: 0;
  content: ''; }

@-webkit-keyframes load {
  0%,
  80%,
  100% {
    opacity: .75;
    box-shadow: 0 0 #0079c1;
    height: 2rem; }
  40% {
    opacity: 1;
    box-shadow: 0 -0.5rem #0079c1;
    height: 2.5rem; } }

@keyframes load {
  0%,
  80%,
  100% {
    opacity: .75;
    box-shadow: 0 0 #0079c1;
    height: 2rem; }
  40% {
    opacity: 1;
    box-shadow: 0 -0.5rem #0079c1;
    height: 2.5rem; } }

.loader {
  display: none;
  position: relative; }
  .loader.is-active {
    display: block; }

.loader-bars {
  text-indent: -9999em;
  margin: auto;
  position: absolute;
  right: calc(50% - 0.425rem);
  font-size: 11px;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s; }
  .loader-bars:before {
    left: -1.25rem; }
  .loader-bars:after {
    left: 1.25rem;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s; }

.loader-text {
  text-align: center;
  padding-top: 4rem; }

.ie9 .loader-bars {
  position: inherit;
  background-color: transparent;
  background-image: url("../img/img/loader-ie9.gif");
  background-position: center top;
  animation: none;
  -webkit-animation-delay: none;
  -webkit-animation: none;
  width: 64px;
  height: 64px; }
  .ie9 .loader-bars:before, .ie9 .loader-bars:after {
    background: none;
    animation: none;
    -webkit-animation: none;
    width: 0px;
    height: 0px; }

.ie9 .loader-text {
  padding-top: 2rem; }

.skip-to-content {
  opacity: 0;
  float: left;
  pointer-events: none;
  margin: 0 0 0 1rem;
  position: absolute;
  z-index: 10;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .skip-to-content:focus {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #ffffff; }

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 16px 0 rgba(0, 0, 0, 0.05); }

.card-image-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.card-image {
  width: 100%;
  display: block; }

.card-image-caption {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  font-size: 0.875rem;
  line-height: 1.55rem;
  padding: .35rem 1.25rem .35rem 1.25rem; }

.card-last {
  margin-bottom: auto; }

.card-content {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  word-wrap: break-word; }

.card-shaped {
  box-shadow: none;
  background: transparent; }
  .card-shaped .card-content {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    padding-top: 4rem; }
  .card-shaped .card-image-wrap {
    margin-bottom: -3rem;
    padding: 0 1.25rem;
    box-sizing: border-box; }

.card-bar-lightest-blue {
  border-top: 3px solid #d2e9f9; }

.card-bar-lighter-blue {
  border-top: 3px solid #bcdaed; }

.card-bar-light-blue {
  border-top: 3px solid #56a5d8; }

.card-bar-blue {
  border-top: 3px solid #0079c1; }

.card-bar-dark-blue {
  border-top: 3px solid #005e95; }

.card-bar-light-green {
  border-top: 3px solid #9bc19c; }

.card-bar-green {
  border-top: 3px solid #5a9359; }

.card-bar-dark-green {
  border-top: 3px solid #338033; }

.card-bar-light-red {
  border-top: 3px solid #e4a793; }

.card-bar-red {
  border-top: 3px solid #de2900; }

.card-bar-dark-red {
  border-top: 3px solid #ab3c16; }

.card-bar-light-orange {
  border-top: 3px solid #e8912e; }

.card-bar-orange {
  border-top: 3px solid #d17e21; }

.card-bar-dark-orange {
  border-top: 3px solid #ad6511; }

.card-bar-light-yellow {
  border-top: 3px solid #efe397; }

.card-bar-yellow {
  border-top: 3px solid #e4d154; }

.card-bar-dark-yellow {
  border-top: 3px solid #d9bf2b; }

.card-bar-light-purple {
  border-top: 3px solid #c4bcdc; }

.card-bar-purple {
  border-top: 3px solid #9081bc; }

.card-bar-dark-purple {
  border-top: 3px solid #7461a8; }

.card-bar-light-brown {
  border-top: 3px solid #d2b38f; }

.card-bar-brown {
  border-top: 3px solid #a57946; }

.card-bar-dark-brown {
  border-top: 3px solid #8c5e2a; }

.card-wide {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  .card-wide .card-content {
    display: block;
    -webkit-box-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%; }

.card-wide-image-wrap {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  width: 25%;
  overflow: hidden;
  margin-bottom: 0; }

.card-wide-image {
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  display: block;
  position: absolute; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes in-up {
  0% {
    transform: translate3d(0, 100%, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes in-up {
  0% {
    transform: translate3d(0, 100%, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes in-down {
  0% {
    transform: translate3d(0, -100%, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes in-down {
  0% {
    transform: translate3d(0, -100%, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes out-up {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, 100%, 0); } }

@keyframes out-up {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes out-down {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, -100%, 0); } }

@keyframes out-down {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, -100%, 0); } }

.fade-in, .animate-fade-in {
  opacity: 0;
  -webkit-animation: fade-in ease-in 1;
  -moz-animation: fade-in ease-in 1;
  animation: fade-in ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.1s;
  -moz-animation-duration: 0.1s;
  animation-duration: 0.1s; }

.animate-fade-in2 {
  opacity: 0;
  -webkit-animation: fade-in ease-in 1;
  -moz-animation: fade-in ease-in 1;
  animation: fade-in ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

.animate-fade-out {
  -webkit-animation: fade-out ease-out 1;
  -moz-animation: fade-out ease-out 1;
  animation: fade-out ease-out 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  animation-duration: 0.2s; }

.animate-in-down {
  -webkit-animation: in-down ease-out 1;
  -moz-animation: in-down ease-out 1;
  animation: in-down ease-out 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animate-in-up {
  -webkit-animation: in-up ease-out 1;
  -moz-animation: in-up ease-out 1;
  animation: in-up ease-out 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animate-out-down {
  -webkit-animation: out-down ease-in 1;
  -moz-animation: out-down ease-in 1;
  animation: out-down ease-in 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animate-out-up {
  -webkit-animation: out-up ease-in 1;
  -moz-animation: out-up ease-in 1;
  animation: out-up ease-in 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.top-nav {
  position: relative;
  font-weight: 400;
  font-style: normal;
  background-color: #ffffff;
  z-index: 100; }
  .top-nav b, .top-nav strong {
    font-weight: 500; }
  .top-nav .esri-logo {
    margin-top: 1rem; }
  .top-nav .sign-in {
    padding-top: 1.55rem; }

.top-nav-title {
  font-weight: 400;
  font-style: normal;
  font-size: 1.2019rem;
  line-height: 1.55rem;
  float: left;
  margin-right: 1.5rem;
  padding-top: 1.125rem;
  padding-bottom: 1.25rem;
  line-height: 1.5rem;
  color: #ffffff; }
  .top-nav-title b, .top-nav-title strong {
    font-weight: 500; }
  @media screen and (max-width: 859px) {
    .top-nav-title {
      font-size: 1.1305rem; } }
  @media screen and (max-width: 479px) {
    .top-nav-title {
      font-size: 1.0625rem; } }
  html[dir="rtl"] .top-nav-title {
    float: right; }
  html[dir="rtl"] .top-nav-title {
    white-space: nowrap;
    margin-right: 0;
    margin-left: 1.5rem; }
  .top-nav-title:hover {
    text-decoration: none; }

.top-nav-list {
  float: left;
  padding: 0; }
  html[dir="rtl"] .top-nav-list {
    float: right; }
  html[dir="rtl"] .top-nav-list .top-nav-link + .top-nav-link {
    margin-left: 0;
    margin-right: .75em; }
  .top-nav-list.right {
    float: right; }
    html[dir="rtl"] .top-nav-list.right {
      float: left; }

.top-nav-link {
  /*@include font-size(-1);*/
  font-size: 1rem;
  color: #ffffff;
  padding-top: calc(1.1625rem - 4px);
  border-top: 2px solid transparent;
  line-height: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  margin-right: -5px;
  padding-left: 0.6rem;
  padding-right: 0.6rem; }
  .top-nav-link:hover, .top-nav-link:focus {
    color: #ffffff;
    border-top-color: #ffffff;
    text-decoration: none; }
  .top-nav-link:focus {
    outline: none; }
  .top-nav-link.is-active {
    border-top-color: #ffffff; }

.top-nav-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.top-nav-flex-list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%; }

.top-nav-flex-title {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  text-align: center; }

.sign-in {
  float: right;
  padding-left: 0.3875rem;
  margin-top: -0.7rem; }
  html[dir="rtl"] .sign-in {
    float: left; }
  html[dir="rtl"] .sign-in {
    padding-left: 0;
    padding-right: 0.3875rem; }

.user-nav-name {
  padding-right: 1.5em;
  color: #4c4c4c; }
  .user-nav-name:hover {
    text-decoration: none; }

.user-nav-image {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: -0.25rem; }

.sub-nav {
  background-color: transparent; }

.sub-nav-title {
  font-size: 1.9994rem;
  line-height: 2.325rem;
  margin-top: 0.775rem;
  margin-bottom: 0.775rem;
  display: inline-block;
  line-height: 1.25; }
  @media screen and (max-width: 859px) {
    .sub-nav-title {
      font-size: 1.7689rem; } }
  @media screen and (max-width: 479px) {
    .sub-nav-title {
      font-size: 1.5625rem; } }

.sub-nav-list {
  width: 100%;
  float: left; }
  html[dir="rtl"] .sub-nav-list {
    float: right; }

.sub-nav-link {
  padding: .25em .75em;
  margin: 0 -1px -1px 0;
  border: 1px solid #D8D8D8;
  float: left;
  font-family: "NotoSansTC-Light", "microsoft jhenghei", "Avenir Next W01";
  color: #303030;
  font-size: 0.9375rem;
  line-height: 1.55rem;
  background-color: #ffffff;
  box-sizing: border-box;
  cursor: pointer; }
  html[dir="rtl"] .sub-nav-link {
    float: right; }
  .sub-nav-link:hover, .sub-nav-link:focus {
    background-color: #FFFEF4;
    text-decoration: none; }
  .sub-nav-link.is-active {
    background-color: #D3E7F1; }

.third-nav {
  font-weight: 400;
  font-style: normal;
  border-bottom: 1px solid #efefef;
  background-color: #ffffff;
  padding: 0.3875rem 0;
  width: 100%; }
  .third-nav b, .third-nav strong {
    font-weight: 500; }

.third-nav-container {
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 15px;
  margin-bottom: -15px; }

.third-nav-link {
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.55rem;
  margin-right: 1.1625rem; }
  html[dir="rtl"] .third-nav-link {
    white-space: nowrap; }
  .third-nav-link:last-child {
    margin-right: 2.325rem; }
  .third-nav-link.is-active {
    font-weight: 600;
    font-style: normal; }
    .third-nav-link.is-active b, .third-nav-link.is-active strong {
      font-weight: 600; }

.side-nav, .dropdown-menu, .filter-dropdown-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #efefef;
  border-top: none;
  font-weight: 400;
  font-style: normal;
  background-color: #ffffff; }
  .side-nav b, .dropdown-menu b, .filter-dropdown-list b, .side-nav strong, .dropdown-menu strong, .filter-dropdown-list strong {
    font-weight: 500; }

.side-nav-title {
  margin: 0;
  padding: 0.51667rem;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.55rem;
  background-color: #f8f8f8;
  border-top: 1px solid #efefef; }
  .side-nav-title b, .side-nav-title strong {
    font-weight: 500; }

.side-nav-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.51667rem;
  font-size: 0.875rem;
  line-height: 1.55rem;
  color: #595959;
  background-color: #ffffff;
  border-top: 1px solid #efefef;
  cursor: pointer; }
  .side-nav-link:hover {
    background-color: #f8f8f8;
    text-decoration: none;
    color: #4c4c4c; }
  .side-nav-link.is-active {
    text-indent: -3px;
    border-left: 3px solid #0079c1; }
    html[dir="rtl"] .side-nav-link.is-active {
      border-left: none;
      border-right: 3px solid #0079c1; }

body {
  display: flex;
  height: 100%;
  flex-direction: column; }

.wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.footer {
  background-color: #f8f8f8;
  padding-top: 3.1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.tab-nav:after {
  content: '';
  display: table;
  clear: both; }

.tab-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.875rem;
  line-height: 1.55rem;
  -webkit-transition: background, all 0.3s;
  transition: background, all 0.3s;
  padding: 0.3875rem 0.775rem;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  margin-right: -1px;
  cursor: pointer; }
  .tab-title:focus {
    outline: none; }
  .tab-title:hover, .tab-title:focus {
    background-color: #fcfcfc;
    text-decoration: none;
    -webkit-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);
    -moz-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);
    -o-background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);
    background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%); }
  .tab-title.is-active {
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff; }
    .tab-title.is-active:hover {
      background-color: #ffffff; }
  html[dir="rtl"] .tab-title {
    float: right;
    margin-right: 0;
    margin-left: -1px; }

.tab-contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*border: 1px solid $lighter-gray;*/
  /*margin-top: -1px;*/ }

.tab-section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  display: none;
  padding: 0.775rem; }
  .tab-section.is-active {
    display: block; }
  .tab-section pre {
    margin: 0; }

.tabs-gray .tab-title {
  background-color: #ffffff; }
  .tabs-gray .tab-title.is-active {
    background-color: #f8f8f8;
    border-bottom: 1px solid #f8f8f8; }

.tabs-gray .tab-section {
  background-color: #f8f8f8; }

.tabs-gray pre code {
  padding: 0;
  border: none;
  background-color: transparent; }

.tabs-transparent .tab-title {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #cccccc; }
  .tabs-transparent .tab-title:hover {
    border-bottom: 1px solid #cccccc; }
  .tabs-transparent .tab-title.is-active {
    -webkit-transition: backround, all 0.3s;
    transition: backround, all 0.3s;
    background-color: transparent;
    border: 1px solid #cccccc;
    border-bottom: 1px solid #f8f8f8; }

.tabs-transparent .tab-contents {
  border-bottom: none;
  border-left: none;
  border-right: none; }

.tabs-transparent .tab-section {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0; }

.tabs-translucent .tab-title {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
  border: none;
  border-top: 2px solid rgba(255, 255, 255, 0.7);
  color: #4c4c4c;
  margin-right: 2px;
  margin-bottom: 3px;
  transition: none; }
  .tabs-translucent .tab-title:hover, .tabs-translucent .tab-title:focus {
    background-color: rgba(255, 255, 255, 0.8);
    border-top-color: #0079c1;
    background-image: none; }
  .tabs-translucent .tab-title.is-active {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.8);
    border-top-color: #0079c1;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    margin-bottom: 0; }

.tabs-translucent .tab-contents {
  border: none; }

.tabs-translucent .tab-section {
  background-color: rgba(255, 255, 255, 0.8); }

.tabs-dark .tab-title {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
  border: none;
  border-top: 2px solid rgba(255, 255, 255, 0.7);
  color: #4c4c4c;
  margin-right: 2px;
  margin-bottom: 3px;
  transition: none; }
  .tabs-dark .tab-title:hover, .tabs-dark .tab-title:focus {
    background-color: rgba(255, 255, 255, 0.8);
    border-top-color: #0079c1;
    background-image: none; }
  .tabs-dark .tab-title.is-active {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.8);
    border-top-color: #0079c1;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    margin-bottom: 0; }

.tabs-dark .tab-contents {
  border: none; }

.tabs-dark .tab-section {
  background-color: rgba(255, 255, 255, 0.8); }

.tabs-dark .tab-title {
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  border-top: 2px solid rgba(0, 0, 0, 0.75); }
  .tabs-dark .tab-title:hover, .tabs-dark .tab-title:focus {
    background-color: rgba(0, 0, 0, 0.85);
    border-top-color: #ffffff; }
  .tabs-dark .tab-title.is-active {
    background-color: rgba(0, 0, 0, 0.85);
    border-top-color: #ffffff;
    border-bottom: 2px solid transparent; }

.tabs-dark .tab-section {
  background-color: rgba(0, 0, 0, 0.85);
  color: #ffffff; }

.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  z-index: 101; }
  .modal-overlay.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms; }
    .modal-overlay.is-active .modal-content {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0ms;
      transition-delay: 0ms;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .modal-overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */ }

.modal-content {
  box-sizing: border-box;
  max-height: 80vh;
  z-index: 102;
  float: none;
  /*background: $white;*/
  padding: 1.55rem;
  text-align: start;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: -webkit- transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -moz-transition: -moz- transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -o-transition: -o- transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  -o-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0); }
  html[dir="rtl"] .modal-content {
    float: none; }

.search-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  z-index: 101;
  z-index: 99;
  background: #ffffff;
  padding: 4.65rem 0 1.55rem 0;
  overflow: auto; }
  .search-overlay.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms; }
    .search-overlay.is-active .modal-content {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0ms;
      transition-delay: 0ms;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .search-overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */ }
  .search-overlay.is-active {
    opacity: 0.98; }
    .search-overlay.is-active .search-content {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0ms;
      transition-delay: 0ms;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

.search-content {
  text-align: left;
  width: 1450px;
  max-width: 95vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5rem;
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: -webkit- transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -moz-transition: -moz- transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -o-transition: -o- transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -webkit-transform: translate3d(0, 20px, 0);
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  -o-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0); }

.search-top-nav {
  /*@include font-size(-1);*/
  font-size: 1rem;
  color: #ffffff;
  padding-top: calc(1.1625rem - 4px);
  border-top: 2px solid transparent;
  line-height: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  margin-right: -5px;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  font-size: 1rem;
  line-height: 1.55rem;
  background-color: transparent;
  border: none; }
  .search-top-nav:hover, .search-top-nav:focus {
    color: #ffffff;
    border-top-color: #ffffff;
    text-decoration: none; }
  .search-top-nav:focus {
    outline: none; }
  .search-top-nav.is-active {
    border-top-color: #ffffff; }
  .search-top-nav:hover {
    background-color: transparent; }

.search-icon-open, .search-icon-close {
  display: none; }
  .search-icon-open .is-active, .search-icon-close .is-active {
    display: block; }

.search-input {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom-color: #cccccc;
  box-shadow: none;
  margin-top: .25em;
  height: auto;
  padding-left: 1em;
  background-size: .45em;
  font-size: 2.82715rem;
  line-height: 1.25; }
  .search-input:focus {
    border-bottom-color: #999;
    box-shadow: none; }

.accordion {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #efefef;
  border-top: none;
  font-weight: 400;
  font-style: normal;
  background-color: #ffffff; }
  .accordion b, .accordion strong {
    font-weight: 500; }

.accordion-section.is-active .accordion-icon .svg-icon {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0); }

.accordion-section.is-active .accordion-content {
  display: block; }

.accordion-title {
  margin: 0;
  padding: 0.51667rem;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.55rem;
  background-color: #f8f8f8;
  border-top: 1px solid #efefef;
  cursor: pointer; }
  .accordion-title b, .accordion-title strong {
    font-weight: 500; }
  .accordion-title:focus, .accordion-title:hover {
    -webkit-transition: all, all 0.3s;
    transition: all, all 0.3s;
    background-color: #f4f4f4;
    outline: none; }

.accordion-content {
  display: none; }

.accordion-icon .svg-icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: visibility 0ms linear 200ms, opacity 200ms linear;
  transition: visibility 0ms linear 200ms, opacity 200ms linear;
  z-index: 1001; }
  .drawer.is-active {
    visibility: visible;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms; }
    .drawer.is-active.drawer-left .drawer-nav {
      -webkit-transform: translate3d(280px, 0, 0);
      -moz-transform: translate3d(280px, 0, 0);
      -ms-transform: translate3d(280px, 0, 0);
      -o-transform: translate3d(280px, 0, 0);
      transform: translate3d(280px, 0, 0); }
      html[dir="rtl"] .drawer.is-active.drawer-left .drawer-nav {
        -webkit-transform: translate3d(-280px, 0, 0);
        -moz-transform: translate3d(-280px, 0, 0);
        -ms-transform: translate3d(-280px, 0, 0);
        -o-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0); }
    .drawer.is-active.drawer-right .drawer-nav {
      -webkit-transform: translate3d(-280px, 0, 0);
      -moz-transform: translate3d(-280px, 0, 0);
      -ms-transform: translate3d(-280px, 0, 0);
      -o-transform: translate3d(-280px, 0, 0);
      transform: translate3d(-280px, 0, 0); }
      html[dir="rtl"] .drawer.is-active.drawer-right .drawer-nav {
        -webkit-transform: translate3d(280px, 0, 0);
        -moz-transform: translate3d(280px, 0, 0);
        -ms-transform: translate3d(280px, 0, 0);
        -o-transform: translate3d(280px, 0, 0);
        transform: translate3d(280px, 0, 0); }

.drawer-nav {
  position: absolute;
  top: 0;
  height: 100%;
  width: 280px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -o-transition: -o- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88); }

.drawer-left .drawer-nav {
  left: -280px; }
  html[dir="rtl"] .drawer-left .drawer-nav {
    left: 100%; }

.drawer-right .drawer-nav {
  left: 100%; }
  html[dir="rtl"] .drawer-right .drawer-nav {
    left: -280px; }

.wrapper {
  -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -o-transition: -o- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88); }

.drawer-left-is-active {
  -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -o-transition: -o- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -webkit-transform: translate3d(280px, 0, 0);
  -moz-transform: translate3d(280px, 0, 0);
  -ms-transform: translate3d(280px, 0, 0);
  -o-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0); }
  html[dir="rtl"] .drawer-left-is-active {
    -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    -o-transition: -o- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    -webkit-transform: translate3d(-280px, 0, 0);
    -moz-transform: translate3d(-280px, 0, 0);
    -ms-transform: translate3d(-280px, 0, 0);
    -o-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0); }

.drawer-right-is-active {
  -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -o-transition: -o- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  -webkit-transform: translate3d(-280px, 0, 0);
  -moz-transform: translate3d(-280px, 0, 0);
  -ms-transform: translate3d(-280px, 0, 0);
  -o-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0); }
  html[dir="rtl"] .drawer-right-is-active {
    -webkit-transition: -webkit- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    -moz-transition: -moz- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    -o-transition: -o- transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    transition: transform 200ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
    -webkit-transform: translate3d(280px, 0, 0);
    -moz-transform: translate3d(280px, 0, 0);
    -ms-transform: translate3d(280px, 0, 0);
    -o-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0); }

.ie9 .drawer.is-active.drawer-left .drawer-nav {
  -ms-transform: translate(280px, 0); }
  html[dir="rtl"] .ie9 .drawer.is-active.drawer-left .drawer-nav {
    -ms-transform: translate(-280px, 0); }

.ie9 .drawer.is-active.drawer-right .drawer-nav {
  -ms-transform: translate(-280px, 0); }
  html[dir="rtl"] .ie9 .drawer.is-active.drawer-right .drawer-nav {
    -ms-transform: translate(280px, 0); }

input.filter-dropdown-input {
  margin: 1%;
  width: 98%; }

.filter-dropdown-title {
  display: inline;
  padding-bottom: 0; }

.filter-dropdown-action {
  font-size: 0.8125rem;
  line-height: 1.55rem;
  float: right;
  color: #959595;
  display: none; }
  html[dir="rtl"] .filter-dropdown-action {
    float: left; }
  .filter-dropdown-action.is-active {
    display: inline-block; }

.filter-dropdown-container:after {
  content: '';
  display: table;
  clear: both; }

.filter-dropdown-list {
  position: absolute;
  min-width: 200px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  z-index: 1000;
  display: none;
  overflow: auto;
  background-color: #f8f8f8;
  border-top: 1px solid #efefef;
  max-width: 100%;
  width: 100%; }
  .filter-dropdown-list.dropdown-right {
    right: 0; }
    html[dir="rtl"] .filter-dropdown-list.dropdown-right {
      right: auto;
      left: 0; }
  .filter-dropdown-list.is-active {
    display: block; }

.filter-dropdown-inner-list {
  max-height: 13.95rem;
  overflow: auto;
  border-top: 1px solid #efefef;
  background-color: #ffffff; }

.filter-dropdown-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.51667rem 1.55rem;
  font-size: 0.875rem;
  line-height: 1.55rem;
  color: #6e6e6e;
  border-top: 1px solid #efefef; }
  html[dir="rtl"] .filter-dropdown-link {
    padding: 0.51667rem 0.125rem 0.51667rem 1.55rem; }
  .filter-dropdown-link:first-child {
    border-top: none; }
  .filter-dropdown-link:hover {
    text-decoration: none;
    color: #828282; }
    .filter-dropdown-link:hover .filter-link-check {
      opacity: 1;
      visibility: visible; }
  .filter-dropdown-link.is-active .filter-link-close {
    opacity: 1;
    visibility: visible; }
  .filter-dropdown-link.is-active .filter-link-check {
    fill: #5a9359;
    opacity: 1;
    visibility: visible; }
  .filter-dropdown-link.is-active:hover .filter-link-close {
    fill: #de2900; }

.filter-link-close {
  opacity: 0;
  visibility: hidden;
  margin-top: 6px;
  position: absolute;
  right: 9px; }

.filter-link-check {
  opacity: 0;
  visibility: hidden;
  margin-top: 6px;
  position: absolute;
  left: 9px; }

.filter-dropdown-active {
  background-color: #efefef;
  padding: .25em .5em;
  border-radius: 3px;
  font-size: .85em;
  line-height: 1;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.55rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0.51667rem 0 0.51667rem 0.51667rem;
  margin-right: 0.25833rem;
  margin-top: 0.25833rem;
  color: #6e6e6e; }

.filter-dropdown-remove {
  padding-right: 1.55rem; }
  .filter-dropdown-remove .svg-icon {
    margin-top: 6px;
    float: right;
    position: absolute;
    color: #6e6e6e; }
  .filter-dropdown-remove:hover .svg-icon {
    color: #de2900; }

.is-hidden {
  display: none !important; }

.link-red {
  color: #de2900; }
  .link-red:hover {
    color: #ab3c16; }

.link-green {
  color: #5a9359; }
  .link-green:hover {
    color: #338033; }

.link-light-blue {
  color: #bcdaed; }
  .link-light-blue:hover {
    color: #56a5d8; }

.link-blue {
  color: #0079c1; }
  .link-blue:hover {
    color: #005e95; }

.link-white {
  color: #ffffff; }
  .link-white:hover {
    color: #efefef; }

.link-light-gray {
  color: #a9a9a9; }
  .link-light-gray:hover {
    color: #959595; }

.link-dark-gray {
  color: #828282; }
  .link-dark-gray:hover {
    color: #6e6e6e; }

.link-darker-gray {
  color: #6e6e6e; }
  .link-darker-gray:hover {
    color: #595959; }

.link-darkest-gray, .third-nav-link.is-active:hover {
  color: #595959; }
  .link-darkest-gray:hover, .third-nav-link.is-active:hover {
    color: #4c4c4c; }

.link-off-black {
  color: #4c4c4c; }
  .link-off-black:hover {
    color: #323232; }

.text-red {
  color: #de2900; }

.text-green {
  color: #5a9359; }

.text-blue {
  color: #0079c1; }

.text-white {
  color: #ffffff; }

.text-light-gray {
  color: #a9a9a9; }

.text-dark-gray {
  color: #828282; }

.text-darker-gray {
  color: #6e6e6e; }

.text-darkest-gray {
  color: #595959; }

.text-off-black {
  color: #4c4c4c; }

.text-rule {
  border-bottom: 1px solid #cccccc; }

.text-inline {
  display: inline; }

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

.text-left {
  text-align: left; }
  html[dir="rtl"] .text-left {
    text-align: right; }

.text-right {
  text-align: right; }
  html[dir="rtl"] .text-right {
    text-align: left; }

.text-light {
  opacity: 0.66; }

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.list-numbered {
  counter-reset: li;
  list-style: none;
  position: relative;
  padding-bottom: 1em;
  margin-left: 0; }
  .list-numbered > li {
    padding: 0.3em .25em .25em 2.5em;
    position: relative;
    margin-bottom: 0.75em;
    margin-left: 0; }
    html[dir="rtl"] .list-numbered > li {
      padding: 0.3em 2.5em .25em .25em; }
    .list-numbered > li:before {
      font-weight: 300;
      font-style: normal;
      content: counter(li);
      counter-increment: li;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      height: calc(100% - .3em);
      width: 0.75em;
      padding: .3em .5em 0 0;
      color: #959595;
      font-size: 1.2019rem;
      line-height: 1.55rem;
      line-height: 1;
      text-align: right;
      border-right: 2px solid #cccccc; }
      .list-numbered > li:before b, .list-numbered > li:before strong {
        font-weight: 500; }
      @media screen and (max-width: 859px) {
        .list-numbered > li:before {
          font-size: 1.1305rem; } }
      @media screen and (max-width: 479px) {
        .list-numbered > li:before {
          font-size: 1.0625rem; } }
      html[dir="rtl"] .list-numbered > li:before {
        left: auto;
        right: 0;
        padding: 0 0 0 .5em;
        text-align: left;
        border-right: none;
        border-left: 2px solid #cccccc; }
    .list-numbered > li:after {
      content: ".";
      display: block;
      clear: left;
      visibility: hidden;
      line-height: 0;
      height: 0; }
  .list-numbered .list-numbered {
    margin-bottom: 0;
    padding-bottom: 0; }
    .list-numbered .list-numbered > li:before {
      content: counter(li, lower-alpha); }

.list-plain {
  margin: 0.3875rem 0; }
  .list-plain li {
    list-style-type: none;
    margin-left: 0; }

.font-size--3 {
  font-size: 0.8125rem;
  line-height: 1.55rem; }

.font-size--2 {
  font-size: 0.875rem;
  line-height: 1.55rem; }

.font-size--1 {
  font-size: 0.9375rem;
  line-height: 1.55rem; }

.font-size-0 {
  font-size: 1rem;
  line-height: 1.55rem; }

.font-size-1 {
  font-size: 1.2019rem;
  line-height: 1.55rem; }
  @media screen and (max-width: 859px) {
    .font-size-1 {
      font-size: 1.1305rem; } }
  @media screen and (max-width: 479px) {
    .font-size-1 {
      font-size: 1.0625rem; } }

.font-size-2 {
  font-size: 1.414rem;
  line-height: 1.55rem; }
  @media screen and (max-width: 859px) {
    .font-size-2 {
      font-size: 1.33rem; } }
  @media screen and (max-width: 479px) {
    .font-size-2 {
      font-size: 1.25rem; } }

.font-size-3 {
  font-size: 1.69949rem;
  line-height: 2.325rem; }
  @media screen and (max-width: 859px) {
    .font-size-3 {
      font-size: 1.50357rem; } }
  @media screen and (max-width: 479px) {
    .font-size-3 {
      font-size: 1.32813rem; } }

.font-size-4 {
  font-size: 1.9994rem;
  line-height: 2.325rem; }
  @media screen and (max-width: 859px) {
    .font-size-4 {
      font-size: 1.7689rem; } }
  @media screen and (max-width: 479px) {
    .font-size-4 {
      font-size: 1.5625rem; } }

.font-size-5 {
  font-size: 2.40307rem;
  line-height: 3.1rem; }
  @media screen and (max-width: 859px) {
    .font-size-5 {
      font-size: 1.99974rem; } }
  @media screen and (max-width: 479px) {
    .font-size-5 {
      font-size: 1.66016rem;
      line-height: 2.325rem; } }

.font-size-6 {
  font-size: 2.82715rem;
  line-height: 3.1rem; }
  @media screen and (max-width: 859px) {
    .font-size-6 {
      font-size: 2.35264rem; } }
  @media screen and (max-width: 479px) {
    .font-size-6 {
      font-size: 1.95313rem;
      line-height: 2.325rem; } }

.font-size-7 {
  font-size: 3.39795rem;
  line-height: 3.1rem; }
  @media screen and (max-width: 859px) {
    .font-size-7 {
      font-size: 2.65966rem; } }
  @media screen and (max-width: 479px) {
    .font-size-7 {
      font-size: 2.0752rem;
      line-height: 2.325rem; } }

.font-size-8 {
  font-size: 3.99758rem;
  line-height: 3.875rem; }
  @media screen and (max-width: 859px) {
    .font-size-8 {
      font-size: 3.12901rem; } }
  @media screen and (max-width: 479px) {
    .font-size-8 {
      font-size: 2.44141rem;
      line-height: 3.1rem; } }

.leader-half {
  margin-top: 0.775rem; }

.leader-quarter {
  margin-top: 0.3875rem; }

.trailer-half {
  margin-bottom: 0.775rem; }

.trailer-quarter {
  margin-bottom: 0.3875rem; }

.padding-leader-half {
  padding-top: 0.775rem; }

.padding-leader-quarter {
  padding-top: 0.3875rem; }

.padding-trailer-half {
  padding-bottom: 0.775rem; }

.padding-trailer-quarter {
  padding-bottom: 0.3875rem; }

.leader-0 {
  margin-top: 0rem; }

.trailer-0 {
  margin-bottom: 0rem; }

.padding-leader-0 {
  padding-top: 0rem; }

.padding-trailer-0 {
  padding-bottom: 0rem; }

.leader-1 {
  margin-top: 1.55rem; }

.trailer-1 {
  margin-bottom: 1.55rem; }

.padding-leader-1 {
  padding-top: 1.55rem; }

.padding-trailer-1 {
  padding-bottom: 1.55rem; }

.leader-2 {
  margin-top: 3.1rem; }

.trailer-2 {
  margin-bottom: 3.1rem; }

.padding-leader-2 {
  padding-top: 3.1rem; }

.padding-trailer-2 {
  padding-bottom: 3.1rem; }

.leader-3 {
  margin-top: 4.65rem; }

.trailer-3 {
  margin-bottom: 4.65rem; }

.padding-leader-3 {
  padding-top: 4.65rem; }

.padding-trailer-3 {
  padding-bottom: 4.65rem; }

.leader-4 {
  margin-top: 6.2rem; }

.trailer-4 {
  margin-bottom: 6.2rem; }

.padding-leader-4 {
  padding-top: 6.2rem; }

.padding-trailer-4 {
  padding-bottom: 6.2rem; }

.leader-5 {
  margin-top: 7.75rem; }

.trailer-5 {
  margin-bottom: 7.75rem; }

.padding-leader-5 {
  padding-top: 7.75rem; }

.padding-trailer-5 {
  padding-bottom: 7.75rem; }

.leader-6 {
  margin-top: 9.3rem; }

.trailer-6 {
  margin-bottom: 9.3rem; }

.padding-leader-6 {
  padding-top: 9.3rem; }

.padding-trailer-6 {
  padding-bottom: 9.3rem; }

@media screen and (min-width: 1450px) {
  .large-leader-half {
    margin-top: 0.775rem; }
  .large-leader-quarter {
    margin-top: 0.3875rem; }
  .large-trailer-half {
    margin-bottom: 0.775rem; }
  .large-trailer-quarter {
    margin-bottom: 0.3875rem; }
  .large-padding-leader-half {
    padding-top: 0.775rem; }
  .large-padding-leader-quarter {
    padding-top: 0.3875rem; }
  .large-padding-trailer-half {
    padding-bottom: 0.775rem; }
  .large-padding-trailer-quarter {
    padding-bottom: 0.3875rem; }
  .large-leader-0 {
    margin-top: 0rem; }
  .large-trailer-0 {
    margin-bottom: 0rem; }
  .large-padding-leader-0 {
    padding-top: 0rem; }
  .large-padding-trailer-0 {
    padding-bottom: 0rem; }
  .large-leader-1 {
    margin-top: 1.55rem; }
  .large-trailer-1 {
    margin-bottom: 1.55rem; }
  .large-padding-leader-1 {
    padding-top: 1.55rem; }
  .large-padding-trailer-1 {
    padding-bottom: 1.55rem; }
  .large-leader-2 {
    margin-top: 3.1rem; }
  .large-trailer-2 {
    margin-bottom: 3.1rem; }
  .large-padding-leader-2 {
    padding-top: 3.1rem; }
  .large-padding-trailer-2 {
    padding-bottom: 3.1rem; }
  .large-leader-3 {
    margin-top: 4.65rem; }
  .large-trailer-3 {
    margin-bottom: 4.65rem; }
  .large-padding-leader-3 {
    padding-top: 4.65rem; }
  .large-padding-trailer-3 {
    padding-bottom: 4.65rem; }
  .large-leader-4 {
    margin-top: 6.2rem; }
  .large-trailer-4 {
    margin-bottom: 6.2rem; }
  .large-padding-leader-4 {
    padding-top: 6.2rem; }
  .large-padding-trailer-4 {
    padding-bottom: 6.2rem; }
  .large-leader-5 {
    margin-top: 7.75rem; }
  .large-trailer-5 {
    margin-bottom: 7.75rem; }
  .large-padding-leader-5 {
    padding-top: 7.75rem; }
  .large-padding-trailer-5 {
    padding-bottom: 7.75rem; }
  .large-leader-6 {
    margin-top: 9.3rem; }
  .large-trailer-6 {
    margin-bottom: 9.3rem; }
  .large-padding-leader-6 {
    padding-top: 9.3rem; }
  .large-padding-trailer-6 {
    padding-bottom: 9.3rem; } }

@media screen and (max-width: 859px) {
  .tablet-leader-half {
    margin-top: 0.775rem; }
  .tablet-leader-quarter {
    margin-top: 0.3875rem; }
  .tablet-trailer-half {
    margin-bottom: 0.775rem; }
  .tablet-trailer-quarter {
    margin-bottom: 0.3875rem; }
  .tablet-padding-leader-half {
    padding-top: 0.775rem; }
  .tablet-padding-leader-quarter {
    padding-top: 0.3875rem; }
  .tablet-padding-trailer-half {
    padding-bottom: 0.775rem; }
  .tablet-padding-trailer-quarter {
    padding-bottom: 0.3875rem; }
  .tablet-leader-0 {
    margin-top: 0rem; }
  .tablet-trailer-0 {
    margin-bottom: 0rem; }
  .tablet-padding-leader-0 {
    padding-top: 0rem; }
  .tablet-padding-trailer-0 {
    padding-bottom: 0rem; }
  .tablet-leader-1 {
    margin-top: 1.55rem; }
  .tablet-trailer-1 {
    margin-bottom: 1.55rem; }
  .tablet-padding-leader-1 {
    padding-top: 1.55rem; }
  .tablet-padding-trailer-1 {
    padding-bottom: 1.55rem; }
  .tablet-leader-2 {
    margin-top: 3.1rem; }
  .tablet-trailer-2 {
    margin-bottom: 3.1rem; }
  .tablet-padding-leader-2 {
    padding-top: 3.1rem; }
  .tablet-padding-trailer-2 {
    padding-bottom: 3.1rem; }
  .tablet-leader-3 {
    margin-top: 4.65rem; }
  .tablet-trailer-3 {
    margin-bottom: 4.65rem; }
  .tablet-padding-leader-3 {
    padding-top: 4.65rem; }
  .tablet-padding-trailer-3 {
    padding-bottom: 4.65rem; }
  .tablet-leader-4 {
    margin-top: 6.2rem; }
  .tablet-trailer-4 {
    margin-bottom: 6.2rem; }
  .tablet-padding-leader-4 {
    padding-top: 6.2rem; }
  .tablet-padding-trailer-4 {
    padding-bottom: 6.2rem; }
  .tablet-leader-5 {
    margin-top: 7.75rem; }
  .tablet-trailer-5 {
    margin-bottom: 7.75rem; }
  .tablet-padding-leader-5 {
    padding-top: 7.75rem; }
  .tablet-padding-trailer-5 {
    padding-bottom: 7.75rem; }
  .tablet-leader-6 {
    margin-top: 9.3rem; }
  .tablet-trailer-6 {
    margin-bottom: 9.3rem; }
  .tablet-padding-leader-6 {
    padding-top: 9.3rem; }
  .tablet-padding-trailer-6 {
    padding-bottom: 9.3rem; } }

@media screen and (max-width: 479px) {
  .phone-leader-half {
    margin-top: 0.775rem; }
  .phone-leader-quarter {
    margin-top: 0.3875rem; }
  .phone-trailer-half {
    margin-bottom: 0.775rem; }
  .phone-trailer-quarter {
    margin-bottom: 0.3875rem; }
  .phone-padding-leader-half {
    padding-top: 0.775rem; }
  .phone-padding-leader-quarter {
    padding-top: 0.3875rem; }
  .phone-padding-trailer-half {
    padding-bottom: 0.775rem; }
  .phone-padding-trailer-quarter {
    padding-bottom: 0.3875rem; }
  .phone-leader-0 {
    margin-top: 0rem; }
  .phone-trailer-0 {
    margin-bottom: 0rem; }
  .phone-padding-leader-0 {
    padding-top: 0rem; }
  .phone-padding-trailer-0 {
    padding-bottom: 0rem; }
  .phone-leader-1 {
    margin-top: 1.55rem; }
  .phone-trailer-1 {
    margin-bottom: 1.55rem; }
  .phone-padding-leader-1 {
    padding-top: 1.55rem; }
  .phone-padding-trailer-1 {
    padding-bottom: 1.55rem; }
  .phone-leader-2 {
    margin-top: 3.1rem; }
  .phone-trailer-2 {
    margin-bottom: 3.1rem; }
  .phone-padding-leader-2 {
    padding-top: 3.1rem; }
  .phone-padding-trailer-2 {
    padding-bottom: 3.1rem; }
  .phone-leader-3 {
    margin-top: 4.65rem; }
  .phone-trailer-3 {
    margin-bottom: 4.65rem; }
  .phone-padding-leader-3 {
    padding-top: 4.65rem; }
  .phone-padding-trailer-3 {
    padding-bottom: 4.65rem; }
  .phone-leader-4 {
    margin-top: 6.2rem; }
  .phone-trailer-4 {
    margin-bottom: 6.2rem; }
  .phone-padding-leader-4 {
    padding-top: 6.2rem; }
  .phone-padding-trailer-4 {
    padding-bottom: 6.2rem; }
  .phone-leader-5 {
    margin-top: 7.75rem; }
  .phone-trailer-5 {
    margin-bottom: 7.75rem; }
  .phone-padding-leader-5 {
    padding-top: 7.75rem; }
  .phone-padding-trailer-5 {
    padding-bottom: 7.75rem; }
  .phone-leader-6 {
    margin-top: 9.3rem; }
  .phone-trailer-6 {
    margin-bottom: 9.3rem; }
  .phone-padding-leader-6 {
    padding-top: 9.3rem; }
  .phone-padding-trailer-6 {
    padding-bottom: 9.3rem; } }

html[dir="rtl"] .rtl-padding-left-0 {
  padding-left: 0rem; }

html[dir="rtl"] .rtl-padding-right-0 {
  padding-right: 0rem; }

.padding-left-quarter {
  padding-left: 0.25rem; }
  html[dir="rtl"] .padding-left-quarter {
    padding-right: 0.25rem; }

.padding-right-quarter {
  padding-right: 0.25rem; }
  html[dir="rtl"] .padding-right-quarter {
    padding-left: 0.25rem; }

.padding-left-third {
  padding-left: 0.33333rem; }
  html[dir="rtl"] .padding-left-third {
    padding-right: 0.33333rem; }

.padding-right-third {
  padding-right: 0.33333rem; }
  html[dir="rtl"] .padding-right-third {
    padding-left: 0.33333rem; }

.padding-left-half {
  padding-left: 0.5rem; }
  html[dir="rtl"] .padding-left-half {
    padding-right: 0.5rem; }

.padding-right-half {
  padding-right: 0.5rem; }
  html[dir="rtl"] .padding-right-half {
    padding-left: 0.5rem; }

.padding-left-0 {
  padding-left: 0rem; }
  html[dir="rtl"] .padding-left-0 {
    padding-right: 0rem; }

.padding-right-0 {
  padding-right: 0rem; }
  html[dir="rtl"] .padding-right-0 {
    padding-left: 0rem; }

.padding-left-1 {
  padding-left: 1rem; }
  html[dir="rtl"] .padding-left-1 {
    padding-right: 1rem; }

.padding-right-1 {
  padding-right: 1rem; }
  html[dir="rtl"] .padding-right-1 {
    padding-left: 1rem; }

.padding-left-2 {
  padding-left: 2rem; }
  html[dir="rtl"] .padding-left-2 {
    padding-right: 2rem; }

.padding-right-2 {
  padding-right: 2rem; }
  html[dir="rtl"] .padding-right-2 {
    padding-left: 2rem; }

.padding-left-3 {
  padding-left: 3rem; }
  html[dir="rtl"] .padding-left-3 {
    padding-right: 3rem; }

.padding-right-3 {
  padding-right: 3rem; }
  html[dir="rtl"] .padding-right-3 {
    padding-left: 3rem; }

.padding-left-4 {
  padding-left: 4rem; }
  html[dir="rtl"] .padding-left-4 {
    padding-right: 4rem; }

.padding-right-4 {
  padding-right: 4rem; }
  html[dir="rtl"] .padding-right-4 {
    padding-left: 4rem; }

html[dir="rtl"] .rtl-margin-left-0 {
  margin-left: 0rem; }

html[dir="rtl"] .rtl-margin-right-0 {
  margin-right: 0rem; }

.margin-left-quarter {
  margin-left: 0.25rem; }
  html[dir="rtl"] .margin-left-quarter {
    margin-right: 0.25rem; }

.margin-right-quarter {
  margin-right: 0.25rem; }
  html[dir="rtl"] .margin-right-quarter {
    margin-left: 0.25rem; }

.margin-left-third {
  margin-left: 0.33333rem; }
  html[dir="rtl"] .margin-left-third {
    margin-right: 0.33333rem; }

.margin-right-third {
  margin-right: 0.33333rem; }
  html[dir="rtl"] .margin-right-third {
    margin-left: 0.33333rem; }

.margin-left-half {
  margin-left: 0.5rem; }
  html[dir="rtl"] .margin-left-half {
    margin-right: 0.5rem; }

.margin-right-half {
  margin-right: 0.5rem; }
  html[dir="rtl"] .margin-right-half {
    margin-left: 0.5rem; }

.margin-left-0 {
  margin-left: 0rem; }
  html[dir="rtl"] .margin-left-0 {
    margin-right: 0rem; }

.margin-right-0 {
  margin-right: 0rem; }
  html[dir="rtl"] .margin-right-0 {
    margin-left: 0rem; }

.margin-left-1 {
  margin-left: 1rem; }
  html[dir="rtl"] .margin-left-1 {
    margin-right: 1rem; }

.margin-right-1 {
  margin-right: 1rem; }
  html[dir="rtl"] .margin-right-1 {
    margin-left: 1rem; }

.margin-left-2 {
  margin-left: 2rem; }
  html[dir="rtl"] .margin-left-2 {
    margin-right: 2rem; }

.margin-right-2 {
  margin-right: 2rem; }
  html[dir="rtl"] .margin-right-2 {
    margin-left: 2rem; }

.margin-left-3 {
  margin-left: 3rem; }
  html[dir="rtl"] .margin-left-3 {
    margin-right: 3rem; }

.margin-right-3 {
  margin-right: 3rem; }
  html[dir="rtl"] .margin-right-3 {
    margin-left: 3rem; }

.margin-left-4 {
  margin-left: 4rem; }
  html[dir="rtl"] .margin-left-4 {
    margin-right: 4rem; }

.margin-right-4 {
  margin-right: 4rem; }
  html[dir="rtl"] .margin-right-4 {
    margin-left: 4rem; }

@media screen and (max-width: 859px) {
  .tablet-gutter-left-0 {
    padding-left: 0rem; }
    html[dir="rtl"] .tablet-gutter-left-0 {
      padding-right: 0rem; }
  .tablet-gutter-right-0 {
    padding-right: 0rem; }
    html[dir="rtl"] .tablet-gutter-right-0 {
      padding-left: 0rem; }
  .tablet-gutter-left-1 {
    padding-left: 1rem; }
    html[dir="rtl"] .tablet-gutter-left-1 {
      padding-right: 1rem; }
  .tablet-gutter-right-1 {
    padding-right: 1rem; }
    html[dir="rtl"] .tablet-gutter-right-1 {
      padding-left: 1rem; }
  .tablet-gutter-left-2 {
    padding-left: 2rem; }
    html[dir="rtl"] .tablet-gutter-left-2 {
      padding-right: 2rem; }
  .tablet-gutter-right-2 {
    padding-right: 2rem; }
    html[dir="rtl"] .tablet-gutter-right-2 {
      padding-left: 2rem; }
  .tablet-gutter-left-3 {
    padding-left: 3rem; }
    html[dir="rtl"] .tablet-gutter-left-3 {
      padding-right: 3rem; }
  .tablet-gutter-right-3 {
    padding-right: 3rem; }
    html[dir="rtl"] .tablet-gutter-right-3 {
      padding-left: 3rem; }
  .tablet-gutter-left-4 {
    padding-left: 4rem; }
    html[dir="rtl"] .tablet-gutter-left-4 {
      padding-right: 4rem; }
  .tablet-gutter-right-4 {
    padding-right: 4rem; }
    html[dir="rtl"] .tablet-gutter-right-4 {
      padding-left: 4rem; } }

@media screen and (max-width: 479px) {
  .phone-gutter-left-0 {
    padding-left: 0rem; }
    html[dir="rtl"] .phone-gutter-left-0 {
      padding-right: 0rem; }
  .phone-gutter-right-0 {
    padding-right: 0rem; }
    html[dir="rtl"] .phone-gutter-right-0 {
      padding-left: 0rem; }
  .phone-gutter-left-1 {
    padding-left: 1rem; }
    html[dir="rtl"] .phone-gutter-left-1 {
      padding-right: 1rem; }
  .phone-gutter-right-1 {
    padding-right: 1rem; }
    html[dir="rtl"] .phone-gutter-right-1 {
      padding-left: 1rem; }
  .phone-gutter-left-2 {
    padding-left: 2rem; }
    html[dir="rtl"] .phone-gutter-left-2 {
      padding-right: 2rem; }
  .phone-gutter-right-2 {
    padding-right: 2rem; }
    html[dir="rtl"] .phone-gutter-right-2 {
      padding-left: 2rem; }
  .phone-gutter-left-3 {
    padding-left: 3rem; }
    html[dir="rtl"] .phone-gutter-left-3 {
      padding-right: 3rem; }
  .phone-gutter-right-3 {
    padding-right: 3rem; }
    html[dir="rtl"] .phone-gutter-right-3 {
      padding-left: 3rem; }
  .phone-gutter-left-4 {
    padding-left: 4rem; }
    html[dir="rtl"] .phone-gutter-left-4 {
      padding-right: 4rem; }
  .phone-gutter-right-4 {
    padding-right: 4rem; }
    html[dir="rtl"] .phone-gutter-right-4 {
      padding-left: 4rem; } }

.adminLogo {
  background: url(../images/adminLogo.png) center center no-repeat;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-size: contain;
  margin: 5rem auto 1rem auto; }

.secondary {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  background-color: #85af4b;
  overflow: hidden;
  color: white;
  padding: 0 1rem;
  box-sizing: border-box;
  font-size: 0.9rem;
  line-height: 3rem; }
  .secondary ul {
    color: #003B97;
    font-size: 0.8em;
    line-height: 4em;
    margin: 0; }
    .secondary ul li {
      display: inline-block;
      border-right: 1px solid #eee;
      line-height: 10px;
      padding-right: 5px;
      margin: 0 5px; }
      .secondary ul li a {
        color: white;
        font-size: 0.9rem; }
      .secondary ul li:last-child {
        border-right: 1px solid transparent; }

.loginMethodBlock .loginFieldset {
  border: 1px solid #a9a9a9;
  margin-bottom: 1.6rem;
  padding: 1.2rem 1rem 1rem; }
  .loginMethodBlock .loginFieldset legend {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 .75rem;
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 2rem; }
  .loginMethodBlock .loginFieldset label:last-of-type {
    margin-bottom: 1rem; }
  .loginMethodBlock .loginFieldset .btn {
    min-width: 12rem; }
  .loginMethodBlock .loginFieldset.loginFieldset--external {
    border-color: #cccccc; }
    .loginMethodBlock .loginFieldset.loginFieldset--external legend {
      color: #aaaaaa;
      font-size: 1.15rem; }

.selectLayerGroupPage {
  padding: 7rem 0rem; }
  .selectLayerGroupPage a.bttn {
    font-size: 1.3rem;
    color: white;
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s ease all;
    text-align: center;
    padding: 15px 20px 18px 20px;
    border: 1px solid #228896;
    border-radius: 3rem;
    display: block;
    background: #228896;
    background-position: 14% 50%;
    cursor: pointer; }
    .selectLayerGroupPage a.bttn:hover {
      background: #0A7786;
      background-position: 14% 50%; }
  .selectLayerGroupPage .logoutBtn {
    padding: 6px 25px;
    border: 1px solid #ccc;
    border-radius: 3rem;
    cursor: pointer; }
    .selectLayerGroupPage .logoutBtn:hover {
      border: 1px solid #228896; }

.groupItem {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #a9a9a9;
  height: 2.8rem;
  margin: 8px 0;
  padding-right: 0.5rem;
  position: relative;
  box-shadow: none;
  transition: box-shadow 0.3s; }
  .groupItem:hover {
    box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
    transition: box-shadow 0.3s; }
  .groupItem.active {
    background: #D3E7F1; }
  .groupItem .myGroupIcon {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    background-image: url("../images/Icons_custom/myGroupIcon.svg");
    background-repeat: no-repeat;
    background-position: 50%; }
  .groupItem .groupItmeName {
    white-space: nowrap;
    min-width: 20%;
    height: 2rem;
    overflow: hidden;
    line-height: 2rem;
    border-radius: 0rem;
    transition: background 0.3s,border-radius 0.3s;
    -moz-transition: background 0.3s,border-radius 0.3s;
    /* Firefox 4 */
    -webkit-transition: background 0.3s,border-radius 0.3s;
    /* Safari 和 Chrome */
    -o-transition: background 0.3s,border-radius 0.3s;
    /* Opera */ }
    .groupItem .groupItmeName:hover {
      border-radius: 3rem;
      background: rgba(211, 231, 241, 0.8);
      padding: 0 4%;
      transition: background 0.3s,border-radius 0.3s;
      -moz-transition: background 0.3s,border-radius 0.3s;
      /* Firefox 4 */
      -webkit-transition: background 0.3s,border-radius 0.3s;
      /* Safari 和 Chrome */
      -o-transition: background 0.3s,border-radius 0.3s;
      /* Opera */ }
    .groupItem .groupItmeName:hover::before {
      width: 30px;
      height: 2rem;
      content: '';
      background-image: url(../images/Icons_custom/edit.svg);
      background-position: 0 50%;
      background-repeat: no-repeat;
      float: left; }
  .groupItem input {
    float: left;
    width: 100%;
    border-radius: 100px;
    border: none;
    background: #f8f8f8;
    height: 2rem;
    line-height: 2.8rem;
    border: 1px solid #efefef;
    box-shadow: none;
    font-size: 1rem;
    color: #4990E2;
    background-image: url(../images/Icons_custom/edit.svg);
    background-position: 4% 50%;
    background-repeat: no-repeat;
    float: left;
    padding-left: 50px; }
  .groupItem .startIcon {
    float: left;
    top: 0px;
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    background-image: url("../images/Icons_custom/start.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    right: 60px;
    cursor: pointer;
    border-radius: 50%; }
    .groupItem .startIcon:hover {
      background-image: url("../images/Icons_custom/start-hover.svg");
      background-repeat: no-repeat;
      background-position: 50%; }
  .groupItem .deleteGroupIcon {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    background-image: url("../images/Icons_custom/trash.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    right: 15px;
    top: 0px;
    cursor: pointer;
    border-radius: 50%; }
    .groupItem .deleteGroupIcon:hover {
      background-image: url("../images/Icons_custom/trash-hover.svg");
      background-repeat: no-repeat;
      background-position: 50%; }

.addLayerGroupItem {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #a9a9a9;
  height: 2.8rem;
  margin-top: 15px;
  position: relative;
  cursor: pointer;
  box-shadow: none;
  transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  /* Firefox 4 */
  -webkit-transition: box-shadow 0.3s;
  /* Safari 和 Chrome */
  -o-transition: box-shadow 0.3s;
  /* Opera */ }
  .addLayerGroupItem:hover {
    box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
    transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    /* Firefox 4 */
    -webkit-transition: box-shadow 0.3s;
    /* Safari 和 Chrome */
    -o-transition: box-shadow 0.3s;
    /* Opera */ }
  .addLayerGroupItem .groupItmeName {
    white-space: nowrap; }
  .addLayerGroupItem .addIcon {
    width: 50px;
    height: 3.5rem;
    background-image: url("../images/Icons_custom/addIcon.svg");
    background-repeat: no-repeat;
    background-position: 50%; }
  .addLayerGroupItem.disable {
    color: #B5B5B5;
    box-shadow: none;
    background: #EFEFEF;
    border: #E7E7E7;
    cursor: not-allowed;
    box-shadow: 0 0 -5px rgba(0, 0, 0, 0.5); }
    .addLayerGroupItem.disable .addIcon {
      width: 50px;
      height: 3.5rem;
      background-image: url("../images/Icons_custom/addIcon-disable.svg");
      background-repeat: no-repeat;
      background-position: 50%; }
    .addLayerGroupItem.disable div:last-child {
      margin-left: 20px;
      color: #4990E2; }

.panel-heading-share .panel-heading, .panelFull-win .panel-heading, .panel-win .panel-heading, .panelFull-win-content .panel-heading {
  background: #a9a9a9;
  padding: 5px 0.65rem 5px 0.65rem; }
  .panel-heading-share .panel-heading.active, .panelFull-win .panel-heading.active, .panel-win .panel-heading.active, .panelFull-win-content .panel-heading.active {
    background: #228896; }
    .panel-heading-share .panel-heading.active a, .panelFull-win .panel-heading.active a, .panel-win .panel-heading.active a, .panelFull-win-content .panel-heading.active a {
      color: white; }

.panel-title-share .panel-title, .smallBlock .smallPanel .panel-title, .panelFull-win .panel-title, .panel-win .panel-title, .panelFull-win-content .panel-title, .popPanel-Win .panel-title {
  width: 100%;
  display: inline-flex; }
  .panel-title-share .panel-title a, .smallBlock .smallPanel .panel-title a, .panelFull-win .panel-title a, .panel-win .panel-title a, .panelFull-win-content .panel-title a, .popPanel-Win .panel-title a {
    flex: 1;
    color: white;
    text-decoration: none;
    cursor: default; }
  .panel-title-share .panel-title span[class*=icon-ui], .smallBlock .smallPanel .panel-title span[class*=icon-ui], .panelFull-win .panel-title span[class*=icon-ui], .panel-win .panel-title span[class*=icon-ui], .panelFull-win-content .panel-title span[class*=icon-ui], .popPanel-Win .panel-title span[class*=icon-ui] {
    color: white;
    width: 17px;
    height: 17px;
    line-height: 17px;
    padding: 3px; }
    .panel-title-share .panel-title span[class*=icon-ui]:hover, .smallBlock .smallPanel .panel-title span[class*=icon-ui]:hover, .panelFull-win .panel-title span[class*=icon-ui]:hover, .panel-win .panel-title span[class*=icon-ui]:hover, .panelFull-win-content .panel-title span[class*=icon-ui]:hover, .popPanel-Win .panel-title span[class*=icon-ui]:hover {
      padding: 3px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 50%; }
    .panel-title-share .panel-title span[class*=icon-ui]:before, .smallBlock .smallPanel .panel-title span[class*=icon-ui]:before, .panelFull-win .panel-title span[class*=icon-ui]:before, .panel-win .panel-title span[class*=icon-ui]:before, .panelFull-win-content .panel-title span[class*=icon-ui]:before, .popPanel-Win .panel-title span[class*=icon-ui]:before {
      font-size: 1rem;
      cursor: pointer; }
  .panel-title-share .panel-title .panel-title-landInfo, .smallBlock .smallPanel .panel-title .panel-title-landInfo, .panelFull-win .panel-title .panel-title-landInfo, .panel-win .panel-title .panel-title-landInfo, .panelFull-win-content .panel-title .panel-title-landInfo, .popPanel-Win .panel-title .panel-title-landInfo {
    margin-left: 5px; }

.sp-replacer {
  background: white !important;
  border-radius: 2px;
  border: 1px solid #a9a9a9 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }

.sp-container input {
  color: white;
  font-family: 微軟正黑體; }

.sp-preview {
  position: relative;
  width: 20px !important;
  height: 20px;
  border: solid 0px #222 !important;
  margin-right: 5px;
  float: left; }

.sp-picker-container {
  width: 150px !important;
  border: none !important; }

.sp-initial span {
  width: 18px !important;
  height: 18px !important; }

.sp-dd {
  color: #595959; }

.sp-container {
  background: rgba(0, 0, 0, 0.85) !important;
  border: solid 0px #f0c49B !important;
  border-radius: 2px !important;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); }

.sp-palette .sp-thumb-el {
  width: 18px !important;
  height: 18px !important;
  margin: 2px !important;
  border: solid 0px transparent !important; }

.sp-container button {
  background: transparent !important;
  text-shadow: none !important;
  color: white !important;
  border-radius: 2px !important;
  padding: 4px 8px !important;
  cursor: pointer; }
  .sp-container button:hover {
    text-shadow: none !important; }

.sp-cancel {
  font-size: 14px !important;
  color: white !important; }

body, html {
  overflow: hidden; }

.wrapper {
  background: #F5F6FA;
  flex: 1;
  /*overflow: auto;*/ }

.wrapper.adminLogoPage {
  overflow: auto; }

ul li {
  list-style: none;
  margin: 0; }
  ul li.is-active {
    background: #D3E7F1; }

.modal-overlay {
  /*z-index: index($elements, modal-overlay);*/
  z-index: 10000; }

.noticeText {
  color: #CC3300;
  font-size: 0.8rem; }

.linkColor {
  color: #4990E2;
  cursor: pointer; }
  .linkColor:hover {
    color: #2C76CD; }

option {
  font-size: 1.1rem;
  padding: 5px; }

/*凍結視窗 Waiting UI*/
.panel {
  position: relative; }

.waitBlack {
  color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 18;
  top: 0;
  left: 0; }
  .waitBlack .loader {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 20% auto 0;
    display: block; }
  .waitBlack .loader--style1 {
    background-size: 80%; }

.flex {
  height: 18.65rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }

/*loading*/
.loader {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle; }

.loader--style1 {
  background-image: url("../images/Icons_custom/panel-loading.svg");
  background-repeat: no-repeat; }

.loader--style2 {
  background-image: url("../images/Icons_custom/panel-loading-green.svg");
  background-repeat: no-repeat; }

.doc-icon {
  width: 27px;
  height: 36px;
  background-image: url("../images/Icons_custom/doc-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: 50%;
  vertical-align: middle; }
  .doc-icon:hover {
    background-image: url("../images/Icons_custom/doc-icon-hove.svg");
    background-repeat: no-repeat;
    background-position: 50%; }

.icon-ui-close-circled {
  color: #CC3300;
  cursor: pointer; }
  .icon-ui-close-circled:hover {
    color: #780000; }

/*圖層服務來源列表開關切換*/
.switch {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 15px;
  flex-shrink: 0;
  line-height: 1;
  border-radius: 22px;
  background-color: rgba(38, 62, 87, 0.3);
  cursor: pointer;
  margin-top: 8px;
  transition: background-color .15s ease-out; }

.switch:after {
  content: " ";
  position: absolute;
  width: 11px;
  height: 11px;
  line-height: 11px;
  left: 0;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transform: translateX(2px);
  transition: transform .15s ease-out; }

.Implocation {
  width: 35px;
  height: 35px;
  margin-top: 10px;
  cursor: pointer;
  background-image: url("../images/Icons_custom/Location.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* display: inline-block;
    float: right;
    margin-right: 10px;*/ }

/*加入圖示變綠色*/
.-checked {
  background-color: #6bbf51; }

.-checked:after {
  transform: translateX(12px); }

/*跳出視窗 寬度設定*/
#businessPanel {
  width: 350px; }

#locPanel {
  width: 530px; }
  #locPanel .panel .panel-body .panel-l,
  #locPanel .panel .panel-body .panel-r {
    height: 350px; }
  #locPanel .panel-footer .panel-footer-content {
    max-height: 250px; }
  #locPanel li > a {
    color: #4c4c4c; }

#mapRightClickBox {
  width: 410px; }
  #mapRightClickBox #twd97Pt, #mapRightClickBox #twd67Pt, #mapRightClickBox #wgs84Pt {
    width: 280px;
    display: inline-block; }

/*header**/
.headerFGIS {
  background: #85af4b;
  overflow: hidden;
  z-index: 7; }
  .headerFGIS div {
    line-height: 30px;
    display: inline-block; }
  .headerFGIS .headerTitle {
    padding: 0.5rem; }
  .headerFGIS .title-divider {
    margin: 0 5px;
    border-left: 1px solid;
    color: #ffffff; }
  .headerFGIS .adminName {
    font-size: 1rem;
    margin-left: 0.5rem; }
  .headerFGIS ul {
    margin: 0; }
  .headerFGIS .logout-btn {
    font-size: 1rem;
    padding: 0 0.6rem;
    border-radius: 2px;
    border: 1px solid transparent;
    margin-left: 10px;
    transition: all 0.5s; }
    .headerFGIS .logout-btn:hover {
      transition: all 0.5s;
      border: 1px solid white;
      background: #6a8c3c; }
  .headerFGIS input[type=text] {
    border: none;
    background: transparent;
    border: 1px solid white;
    box-shadow: none;
    border-radius: 2px 0 0 2px;
    width: 150px;
    color: white;
    float: left;
    height: 32px; }
    .headerFGIS input[type=text]::placeholder {
      color: white; }
    .headerFGIS input[type=text]:placeholder-shown {
      color: white; }
  .headerFGIS .icon-zoom {
    color: #F4F4F4;
    width: 35px;
    margin-left: -1px;
    border: 1px solid white;
    background: transparent;
    border-radius: 0 2px 2px 0;
    text-align: center; }
    .headerFGIS .icon-zoom:hover {
      background: rgba(255, 255, 255, 0.5); }
  .headerFGIS .top-nav-list li {
    margin-top: -9px; }
  .headerFGIS .idleTimer {
    margin-left: 10px;
    font-size: 16px;
    font-family: arial;
    color: white; }

/**/
#pubLandPanel {
  /*max-width: 590px;*/ }

/*常用圖資群組切換&操作工具*/
.toolFGIS {
  border-bottom: 1px solid #cccccc; }
  .toolFGIS .icon-ui-layer-list {
    color: #228896;
    border-right: 1px solid #cccccc;
    padding-right: 0.8rem; }
  .toolFGIS div, .toolFGIS a {
    color: #4c4c4c;
    margin-left: 5px;
    display: inline-block;
    line-height: 2.2rem;
    cursor: pointer; }
  .toolFGIS .fileBlock {
    width: 270px;
    /*border-right: 1px solid #ccc;*/ }
    .toolFGIS .fileBlock div[class*=icon-]:hover {
      color: #2693A2; }
      .toolFGIS .fileBlock div[class*=icon-]:hover:before {
        color: #2693A2; }
  .toolFGIS .tool-icon {
    margin-right: 0.5rem; }
    .toolFGIS .tool-icon span[class*=icon-] {
      font-size: 1.7rem;
      vertical-align: middle;
      color: #8a8a8a; }
    .toolFGIS .tool-icon:hover {
      color: #2693A2; }
      .toolFGIS .tool-icon:hover span[class*=icon-] {
        color: #2693A2; }

/*圖資清單右鍵功能*/
.layerRightBox {
  position: absolute;
  z-index: 10;
  box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
  background: #ffffff; }
  .layerRightBox .icon-ui-close {
    display: none; }
  .layerRightBox .icon-Location:before {
    font-size: 1.2rem;
    line-height: 33px; }
  .layerRightBox ul {
    border: 1px solid #F4F4F4;
    margin-bottom: 0; }
    .layerRightBox ul li {
      list-style: none;
      line-height: 33px;
      margin: 0;
      padding: 0 1rem;
      cursor: pointer; }
      .layerRightBox ul li input {
        padding-left: 0.5rem;
        display: inline;
        width: 30px;
        height: 20px; }
        .layerRightBox ul li input::after {
          content: "%"; }
      .layerRightBox ul li:hover {
        background: #f6fbed; }
  .layerRightBox .editLegent {
    border: 1px solid #F4F4F4;
    padding: 0.5rem; }

/*縮小視窗*/
.smallBlock {
  bottom: 40px;
  right: 0;
  position: absolute;
  display: inline-flex; }
  .smallBlock .smallPanel {
    width: 230px; }
    .smallBlock .smallPanel .panel-heading {
      background: #a9a9a9;
      padding: 5px 0.65rem 5px 0.65rem;
      margin: 0.2rem;
      box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.2); }
      .smallBlock .smallPanel .panel-heading .icon-ui-plus {
        padding: 3px;
        margin-right: 4px; }
        .smallBlock .smallPanel .panel-heading .icon-ui-plus:hover {
          padding: 3px;
          background: #6B6B6B;
          border-radius: 50%; }
        .smallBlock .smallPanel .panel-heading .icon-ui-plus:before {
          font-size: 1rem;
          cursor: pointer; }

.PH-animate {
  animation-name: anim;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
  background: #2693A2; }

@keyframes anim {
  to {
    background-color: #2693A2;
    box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.2); } }

/*左側圖資清單與右側地圖**/
.panel-custome {
  background: #A7DCE1;
  margin-bottom: -5px; }

.mapFGIS-width {
  float: left;
  width: calc(100% - 318px); }

.mapFGIS-width2 {
  width: 100% !important;
  transition: all 1s ease-in-out; }

/*左側圖資清單*/
.layerListBlock {
  float: left;
  font-size: 0.85rem;
  overflow: auto;
  height: calc(100vh - 129px);
  background: rgba(255, 255, 255, 0.8);
  width: 316px;
  border-right: 1px solid #cccccc;
  padding: 0;
  position: relative;
  z-index: 3; }

.symbolBlock_Bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f8f8f8;
  z-index: 12; }

/*編輯圖徵*/
.symbolBlock {
  width: 100%; }
  .symbolBlock .panel-body {
    display: block; }
  .symbolBlock .step1 > div {
    border: 1px solid #cccccc;
    width: 100%;
    height: 64px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0.65rem 0;
    cursor: pointer; }
    .symbolBlock .step1 > div.active {
      border: 1px solid #228896;
      box-shadow: 0 0px 4px rgba(34, 136, 150, 0.5); }
      .symbolBlock .step1 > div.active > div {
        background: rgba(34, 136, 150, 0.8); }
    .symbolBlock .step1 > div:hover {
      border: 1px solid #228896; }
      .symbolBlock .step1 > div:hover > div {
        background: #228896; }
    .symbolBlock .step1 > div div {
      width: 35%;
      height: 100%;
      line-height: 64px;
      text-align: center;
      background: rgba(169, 169, 169, 0.7);
      float: right;
      color: white; }
  .symbolBlock .step1 .p-fill {
    background-image: url("../images/symbol/fill.png"); }
  .symbolBlock .step1 .p-grade {
    background-image: url("../images/symbol/grade.png"); }
  .symbolBlock .step1 .p-type {
    background-image: url("../images/symbol/types.png"); }
  .symbolBlock .step1 .l-fill {
    background-image: url("../images/symbol/l-fill.png"); }
  .symbolBlock .step1 .l-grade {
    background-image: url("../images/symbol/l-grade.png"); }
  .symbolBlock .step1 .l-type {
    background-image: url("../images/symbol/l-type.png"); }
  .symbolBlock .step1 .s-fill {
    background-image: url("../images/symbol/s-fill.jpg"); }
  .symbolBlock .step1 .s-grade {
    background-image: url("../images/symbol/s-grade.jpg"); }
  .symbolBlock .step1 .s-type {
    background-image: url("../images/symbol/s-type.jpg"); }
  .symbolBlock .form-group {
    margin: 12px 0; }
  .symbolBlock .editSymbol, .symbolBlock .selectLayer {
    margin-top: 10px; }
  .symbolBlock .form-group .control-label {
    width: 55px; }
  .symbolBlock .symbolTip > div {
    border: 1px solid #228896;
    width: 100%;
    height: 64px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0.65rem 0;
    cursor: pointer; }
    .symbolBlock .symbolTip > div div {
      width: 35%;
      height: 100%;
      line-height: 64px;
      text-align: center;
      background: rgba(34, 136, 150, 0.7);
      float: right;
      color: white; }
  .symbolBlock .symbolTip .p-fill {
    background-image: url("../images/symbol/fill.png"); }
  .symbolBlock .symbolTip .p-grade {
    background-image: url("../images/symbol/grade.png"); }
  .symbolBlock .symbolTip .p-type {
    background-image: url("../images/symbol/types.png"); }
  .symbolBlock .symbolTip .s-fill {
    background-image: url("../images/symbol/s-fill.jpg"); }
  .symbolBlock .symbolTip .s-grade {
    background-image: url("../images/symbol/s-grade.jpg"); }
  .symbolBlock .symbolTip .s-type {
    background-image: url("../images/symbol/s-type.jpg"); }
  .symbolBlock .symbolTip .l-fill {
    background-image: url("../images/symbol/l-fill.png"); }
  .symbolBlock .symbolTip .l-grade {
    background-image: url("../images/symbol/l-grade.png"); }
  .symbolBlock .symbolTip .l-type {
    background-image: url("../images/symbol/l-type.png"); }

/*大項目分類*/
.accordion {
  border: 1px solid transparent;
  background: transparent !important; }

.accordion-title {
  color: #228896;
  font-weight: 300;
  margin: 0 6px;
  padding: 0.51667rem;
  font-weight: 600;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.55rem;
  border-top: 1px solid transparent;
  cursor: pointer;
  border-bottom: #228896 1px solid;
  background: transparent !important; }

.accordion-title:focus,
.accordion-title:hover {
  background: transparent !important;
  -webkit-transition: all, 150ms linear;
  transition: all, 150ms linear;
  outline: none; }

/*圖資內容排列*/
.layerContent {
  overflow: hidden; }
  .layerContent .progress-bar {
    width: 100%;
    height: 100%;
    background: url("../images/Icons_custom/panel-loading-green.svg"), rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    border-radius: 4px;
    left: 0; }
  .layerContent .layerBar {
    padding: 4px 5px;
    position: relative; }
    .layerContent .layerBar .layerTitle {
      position: relative;
      display: flex;
      justify-content: space-between; }
      .layerContent .layerBar .layerTitle .layerName {
        flex: 1; }
  .layerContent .layeBtns {
    width: 75px; }
    .layerContent .layeBtns div {
      display: inline-block; }
  .layerContent .tiledLayer-Bg {
    background: rgba(255, 255, 255, 0.8); }

.eye {
  width: 40px;
  height: 27px;
  margin-right: 5px;
  float: left;
  background-image: url("../images/Icons_custom/eyeClose.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer; }

.eyeOpen {
  background: url("../images/Icons_custom/eyeOpen.svg") no-repeat;
  background-position: 50%;
  cursor: pointer; }

.drogIcon {
  background-image: url("../images/Icons_custom/drog.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  width: 10px;
  height: 27px;
  float: left;
  cursor: move; }
  .drogIcon:hover {
    background-image: url("../images/Icons_custom/drogHover.svg");
    background-repeat: no-repeat;
    background-position: 50%; }

.layerName {
  width: 160px;
  line-height: 1.6rem; }

.layerAction,
.layerLegend,
.layerRemove {
  width: 25px;
  height: 25px;
  line-height: 25px;
  line-height: 40px;
  background-position: 50%;
  vertical-align: middle;
  cursor: pointer; }

.layerAction {
  background-image: url("../images/Icons_custom/action.svg");
  background-repeat: no-repeat;
  background-position: 50%; }
  .layerAction:hover {
    background-image: url("../images/Icons_custom/action_hover.svg");
    background-repeat: no-repeat;
    background-position: 50%; }

.layerLegend {
  background-image: url("../images/Icons_custom/legend.svg");
  background-repeat: no-repeat;
  background-position: 50%; }
  .layerLegend.non-layerLegend {
    background-image: url("../images/Icons_custom/legend_off.svg");
    background-repeat: no-repeat;
    background-position: 50%; }

.layerRemove {
  background-image: url("../images/Icons_custom/remove.svg");
  background-repeat: no-repeat;
  background-position: 50%; }
  .layerRemove:hover {
    background-image: url("../images/Icons_custom/remove_hover.svg");
    background-repeat: no-repeat;
    background-position: 50%; }

.stopMoveLayer {
  line-height: 1.8rem;
  width: 280px;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  padding: 5px;
  color: white;
  border-radius: 3px; }
  .stopMoveLayer .stopMove-icon {
    width: 40px;
    height: 1.8rem;
    margin-right: 5px;
    float: left;
    background-image: url("../images/Icons_custom/stopMove.svg");
    background-repeat: no-repeat;
    background-position: 50%; }

/*右側地圖*/
#viewDiv {
  position: relative;
  padding: 0;
  margin: 0;
  height: calc(100vh - 129px); }

/*地圖工具*/
.smallTip2 {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: url(../images/Icons_custom/doc-icon.svg), rgba(50, 50, 50, 0.2);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2; }
  .smallTip2:hover:after {
    width: 210px;
    font-size: 0.8rem;
    color: white;
    content: "按住shift並用滑鼠在圖面選取範圍";
    line-height: 26px;
    background: rgba(50, 50, 50, 0.8);
    position: absolute;
    padding: 0 0.5rem;
    border-radius: 2px;
    left: 30px; }

.map-controls {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 75px;
  z-index: 1; }
  .map-controls div {
    font-size: 1.5rem;
    text-align: center;
    float: left;
    width: 35px;
    height: 35px;
    line-height: 37px;
    background: white;
    cursor: pointer;
    border: 0.03rem solid #efefef; }
    .map-controls div:hover {
      background-color: #f6fbed; }
    .map-controls div.is-active {
      background-color: #D3E7F1; }
  .map-controls span {
    display: none; }
  .map-controls .icon-ui-blank-map-pin {
    display: none; }

/*footer*/
.footerFGIS {
  background-color: #F5F6FA;
  padding: 0.5rem;
  border-top: 1px solid #e7e7e7; }
  .footerFGIS div {
    display: inline-block; }
    .footerFGIS div input {
      padding-left: 0.5rem;
      display: inline;
      width: 80px;
      height: 20px; }
      .footerFGIS div input::after {
        content: "%"; }
  .footerFGIS input {
    background: #F5F6FA; }
    .footerFGIS input#domCurrentScale {
      border: none;
      box-shadow: none;
      color: #4c4c4c;
      font-weight: 400;
      font-style: normal;
      font-size: 1rem; }
    .footerFGIS input:hover {
      background: #D3E7F1; }
    .footerFGIS input:focus {
      border-radius: 2px;
      background: #D3E7F1; }
  .footerFGIS .icon-basemap {
    color: #555;
    padding-left: 20px;
    cursor: pointer; }
    .footerFGIS .icon-basemap:hover {
      color: #228896; }
      .footerFGIS .icon-basemap:hover:before {
        color: #228896; }
  .footerFGIS .title-divider {
    margin: 0 15px;
    border-left: 1px solid;
    color: #4c4c4c; }

/*底圖切換*/
.basemapBlock {
  position: absolute;
  bottom: 43px;
  overflow: hidden;
  background: #F5F6FA;
  padding: 0.5rem;
  border: 2px;
  border: 1px solid #e7e7e7;
  z-index: 4; }
  .basemapBlock .basemapLi {
    color: #4c4c4c;
    cursor: pointer;
    margin: 5px; }
    .basemapBlock .basemapLi p:hover {
      color: #2C76CD; }
    .basemapBlock .basemapLi div, .basemapBlock .basemapLi p {
      display: inline-block;
      margin: 0; }
    .basemapBlock .basemapLi div[class*="basePic"] {
      width: 35px;
      height: 35px;
      line-height: 35px;
      vertical-align: middle;
      margin-right: 0.5rem;
      background-position: 50%;
      border-radius: 5px;
      border: 2px solid white; }
    .basemapBlock .basemapLi .basemapLi-li {
      background: rgba(0, 0, 0, 0.1);
      padding-left: 49px;
      display: block;
      max-height: 150px;
      overflow: auto; }
      .basemapBlock .basemapLi .basemapLi-li ul li {
        line-height: 30px; }
        .basemapBlock .basemapLi .basemapLi-li ul li:hover {
          color: #2C76CD; }
    .basemapBlock .basemapLi .basePic1 {
      background: url("../images/Icons_custom/basePic1.jpg") no-repeat; }
    .basemapBlock .basemapLi .basePic2 {
      background: url("../images/Icons_custom/basePic2.jpg") no-repeat; }
    .basemapBlock .basemapLi .basePic3 {
      background: url("../images/Icons_custom/basePic3.jpg") no-repeat; }
    .basemapBlock .basemapLi .basePic4 {
      background: url("../images/Icons_custom/basePic4.jpg") no-repeat; }
    .basemapBlock .basemapLi .basePic5 {
      background: url("../images/Icons_custom/basePic5.jpg") no-repeat; }
    .basemapBlock .basemapLi .basePic6 {
      background: url("../images/Icons_custom/basePic6.jpg") no-repeat; }

/*跳出視窗-滿版白底視窗*/
.panelFull-win {
  box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
  text-align: left; }
  .panelFull-win .panelFull-body label {
    margin-bottom: 5px; }
  .panelFull-win .panelFull-body ul > li {
    font-size: 0.8rem;
    padding: 0 0.5rem;
    line-height: 26px;
    /*list-style:decimal;*/ }
    .panelFull-win .panelFull-body ul > li a {
      color: #4990E2; }
      .panelFull-win .panelFull-body ul > li a:hover {
        color: #2C76CD; }

/*跳出視窗-可拖曳白底視窗*/
.panel-win {
  position: absolute;
  box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
  background: #ffffff;
  z-index: 5; }
  .panel-win .panel-body {
    font-size: 0.85rem;
    display: -webkit-flex;
    display: flex; }
    .panel-win .panel-body ul li {
      padding: 0 0.5rem;
      line-height: 33px; }
      .panel-win .panel-body ul li:hover {
        background: #f6fbed; }
    .panel-win .panel-body .panel-l {
      overflow: auto;
      border: 1px solid #a9a9a9;
      height: 250px;
      box-sizing: border-box; }
      .panel-win .panel-body .panel-l ul {
        margin-bottom: 0; }
        .panel-win .panel-body .panel-l ul > li {
          border-left: 2px solid transparent; }
          .panel-win .panel-body .panel-l ul > li.is-active {
            border-left: 2px solid #228896;
            background: #D3E7F1; }
    .panel-win .panel-body .panel-r {
      border: 1px solid #a9a9a9;
      vertical-align: top;
      height: 250px;
      box-sizing: border-box;
      overflow: auto;
      -webkit-flex: 1;
      flex: 1;
      margin-left: -1px;
      overflow-y: auto;
      overflow-x: hidden; }
  .panel-win .panel-footer .panel-footer-title {
    font-size: 14px;
    background: #E4E4E4;
    padding: 3px 15px;
    cursor: pointer; }
    .panel-win .panel-footer .panel-footer-title:hover {
      background: #D1D1D1; }

.form-group {
  width: 100%;
  display: table;
  margin: 6px 0; }
  .form-group .control-label {
    width: 85px;
    display: table-cell;
    vertical-align: middle; }
  .form-group .listBox {
    margin-top: 0.5rem;
    background: #ffffff;
    border: 1px solid #a9a9a9; }
    .form-group .listBox .listHeader {
      /*display: flex;*/
      padding: 0.5rem;
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); }
    .form-group .listBox .listResult {
      height: 150px;
      overflow: auto; }
  .form-group .short {
    width: 65px;
    display: inline-block; }
  .form-group .flowBtn {
    line-height: 30px;
    border-radius: 2px;
    background: #4990E2;
    color: white;
    margin: 5px;
    padding: 0 7px; }
    .form-group .flowBtn:hover {
      background: #2C76CD; }

/*跳出視窗-滿版白底視窗(正射影像)*/
.panelFull-win-whiteBg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 13; }

.panelFull-win-content {
  position: absolute;
  box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
  background: white;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 97vw;
  height: 95vh; }
  .panelFull-win-content .panel-body {
    position: relative;
    height: calc(100% - 32px); }

/*正射影像比對*/
.workspace {
  width: 97vw;
  height: calc(95vh - 32px); }
  .workspace #map2, .workspace #map3, .workspace #map4 {
    width: 100%;
    height: 100%;
    line-height: 100%;
    position: relative; }
  .workspace #map2 #map2MovePosition,
  .workspace #map3 #map3MovePosition,
  .workspace #map4 #map4MovePosition {
    width: 200px;
    height: 30px;
    z-index: 10000;
    position: absolute;
    top: calc(100% - 20px);
    left: calc(100% - 210px);
    text-align: right; }
  .workspace .topPane, .workspace .bottomPane {
    width: 100%;
    height: 100px; }
  .workspace .compareTitle {
    color: white;
    position: absolute;
    width: 100%;
    height: 45px;
    background: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid white;
    padding: 0 0.5rem;
    display: inline-block;
    box-sizing: border-box;
    z-index: 20; }
    .workspace .compareTitle .flexFirst {
      display: inline-block;
      width: 100%; }
      .workspace .compareTitle .flexFirst .form-group {
        width: auto;
        margin: 0 !important; }
      .workspace .compareTitle .flexFirst > div {
        display: inline-block; }
    .workspace .compareTitle .iconDrag {
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      float: right; }
    .workspace .compareTitle .name {
      word-break: keep-all;
      line-height: 45px;
      margin-right: 10px; }
    .workspace .compareTitle .icon-ui-map-pin {
      color: #4c4c4c;
      cursor: pointer; }
      .workspace .compareTitle .icon-ui-map-pin:before {
        padding: 0 0.3rem; }
      .workspace .compareTitle .icon-ui-map-pin:hover {
        color: white;
        background: #2C76CD; }
  .workspace .searchXY-win {
    right: 0px;
    bottom: 0px;
    z-index: 19; }
  .workspace select {
    background: url("../images/Icons_custom/selecti.svg"), transparent;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 0.5rem;
    border: none;
    border-bottom: 1px solid #a9a9a9;
    color: white;
    border-radius: 0; }
    .workspace select option {
      background: black; }

.compare1 {
  z-index: 14; }

.compare2 {
  z-index: 15; }

/*跳出視窗-滿版白底視窗(列印)*/
.drawerBlock {
  display: flex;
  /*icon*/ }
  .drawerBlock hr {
    margin: 1.5rem 0; }
  .drawerBlock .form-group {
    margin-bottom: 13px; }
  .drawerBlock .same-icon, .drawerBlock .icon-ui-close-circled, .drawerBlock .legendAdd-icon, .drawerBlock .legendUpdate-icon {
    width: 30px;
    cursor: pointer;
    text-align: center; }
  .drawerBlock .legendAdd-icon {
    color: #4990E2; }
    .drawerBlock .legendAdd-icon:hover {
      color: #2C76CD; }
  .drawerBlock .legendUpdate-icon {
    color: #4990E2; }
    .drawerBlock .legendUpdate-icon:hover {
      color: #2C76CD; }

/*列印 左側設定*/
.drawer-leftNav {
  background: #F4F4F4;
  flex: 1;
  max-width: 360px;
  border-right: 1px solid #989898;
  padding: 15px;
  overflow: auto; }
  .drawer-leftNav .set-scale {
    display: inline-flex; }
  .drawer-leftNav .graphic-select {
    padding: 0px 20px 0 3px;
    background: white url(../images/Icons_custom/select-icon.svg) no-repeat;
    background-size: 35%;
    background-position: 100% 50%;
    border-radius: 2px;
    border: 1px solid #a9a9a9;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    cursor: pointer; }
  .drawer-leftNav .shape {
    width: 59px;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #a9a9a9;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    z-index: 17; }
    .drawer-leftNav .shape div {
      background: white;
      text-align: center;
      height: 30px;
      line-height: 35px;
      cursor: pointer; }
      .drawer-leftNav .shape div:hover {
        background: #f6fbed; }
    .drawer-leftNav .shape .oval {
      padding: 3px; }
    .drawer-leftNav .shape .line {
      height: 27px;
      line-height: 30px; }

/*列印 右側畫面*/
.map .esriMapContainer {
  height: 100% !important; }

.drawer-wrapper {
  padding: 20px;
  background: #525659;
  flex: 2;
  overflow: auto; }

.print-Content-tool {
  position: absolute;
  display: flex;
  z-index: 16; }
  .print-Content-tool .prtScale {
    height: 36px;
    display: flex;
    background: #f2f2f2;
    border-radius: 3rem;
    box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4); }
  .print-Content-tool div {
    line-height: 36px;
    margin: 0 10px; }
  .print-Content-tool a {
    cursor: pointer;
    display: block;
    background: #f2f2f2;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #4c4c4c;
    text-align: center;
    box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
    transition: all 0.1s; }
    .print-Content-tool a:hover {
      background: #DEDEDE;
      transition: all 0.1s; }
    .print-Content-tool a span {
      display: block;
      width: 36px;
      height: 36px;
      line-height: 36px; }
    .print-Content-tool a .icon-ui-plus:before, .print-Content-tool a .icon-ui-minus:before {
      padding-right: 0; }

.addLegend-set label {
  margin: 0 5px 0 11px;
  vertical-align: -webkit-baseline-middle; }
  .addLegend-set label:first-child {
    margin-left: 0px; }

.addLegend-set textarea {
  margin-top: 6px;
  height: 55px;
  overflow: hidden; }

.addLegend-block {
  flex: 1;
  border-right: 1px solid #a9a9a9;
  border-radius: 2px;
  padding: 5px;
  max-height: 130px;
  overflow: auto; }
  .addLegend-block li {
    margin-bottom: 10px; }
    .addLegend-block li:last-child {
      margin-bottom: 0px; }
  .addLegend-block .addLegend-li {
    display: inline-flex;
    margin-left: 8px;
    flex: 2; }
    .addLegend-block .addLegend-li div:first-child {
      width: 30px;
      margin-right: 5px;
      text-align: center;
      padding-top: 4px; }

.printWork {
  display: inline-block;
  margin: 56px 20px 20px 20px; }

/*列印 提示視窗*/
.tb-i .tb-bg {
  background: #b1c6948c; }

.tb-i .tb-bg-2 {
  background: #ffffff; }

.tb-i th, .tb-i td {
  text-align: center;
  min-width: 2rem; }
  .tb-i th:first-child, .tb-i td:first-child {
    background: #d9d9d9; }

.tb-i thead th:first-child {
  padding: 0;
  width: 6rem; }

.tb-title {
  color: #fff;
  /* width: 100%; */
  margin-bottom: 0.5rem; }

.ratio-content {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .ratio-content .tb-content {
    width: auto;
    position: relative; }
    .ratio-content .tb-content .esri-icon {
      padding: 3px;
      position: absolute;
      right: -2rem;
      top: -2rem;
      color: #fff;
      cursor: pointer; }
      .ratio-content .tb-content .esri-icon:hover {
        padding: 3px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%; }

/*模擬對角線*/
.out {
  border-top: 3rem #efefef solid;
  /*上邊框寬度等於表格第一行行高*/
  width: 0px;
  /*讓容器寬度為0*/
  height: 0px;
  /*讓容器高度為0*/
  border-left: 10rem #d9d9d9 solid;
  /*左邊框寬度等於表格第一行第一格寬度*/
  position: relative;
  /*讓裡面的兩個子容器絕對定位*/ }

b {
  font-style: normal;
  display: block;
  position: absolute;
  top: -2.5rem;
  left: -3rem;
  width: 3rem; }

em {
  font-style: normal;
  display: block;
  position: absolute;
  top: -1.9rem;
  left: -9rem;
  width: 3rem; }

/*跳出視窗-透明黑底*/
.popPanel-Win {
  color: white;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  z-index: 8; }
  .popPanel-Win a {
    color: white; }
  .popPanel-Win .Panel-heading {
    border-bottom: 1px solid #4c4c4c;
    margin: -5px -10px;
    padding: 0 0px 6px 7px; }
  .popPanel-Win .popPanel-body {
    font-size: 0.85rem;
    padding: 0.75rem 0;
    margin-bottom: 0.25rem; }
    .popPanel-Win .popPanel-body ul > li {
      line-height: 32px; }
  .popPanel-Win .btn {
    border: none;
    background-color: #228896;
    color: white; }
    .popPanel-Win .btn:hover {
      background-color: #2693A2; }

/*圖層服務來源列表*/
.mapServices {
  position: absolute;
  width: 340px;
  box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
  border-radius: 2px;
  top: 0;
  z-index: 9; }

.layers-nav-header {
  background: #f8f8f8;
  width: 100%;
  display: flex;
  border-bottom: 4px rgba(133, 175, 75, 0.5) solid;
  box-sizing: border-box;
  padding: 1rem;
  justify-content: space-between; }
  .layers-nav-header div:first-child {
    display: inline-block; }
  .layers-nav-header .icon-ui-close {
    font-size: 12px;
    margin-top: 3px; }
  .layers-nav-header .icon-ui-basemap:before {
    padding-right: 8px; }

.layers-nav-content {
  max-height: 550px;
  overflow: auto; }
  .layers-nav-content div:first-child {
    margin: 10px 0px; }

.layer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px; }
  .layer span {
    padding-left: 13px;
    flex: 1; }

/******網路服務******/
.webServices #msWmsUrl {
  height: 31px;
  border-radius: 2px 0 0 2px; }

.webServices .icon-zoom {
  line-height: 29px;
  color: #4c4c4c;
  width: 35px;
  margin-left: -1px;
  border: 1px solid #a9a9a9;
  border-radius: 0 2px 2px 0;
  text-align: center;
  cursor: pointer; }
  .webServices .icon-zoom:hover {
    background: #f6fbed; }

.webServices .displayFlex {
  margin-bottom: 0px; }

.webServices p {
  font-size: 12px; }

.webServices .tab-contents {
  box-sizing: border-box;
  border-top: 1px solid #cccccc;
  margin-top: -1px; }

.webServices .sameTd, .webServices thead td, .webServices tbody td {
  padding: 0.2rem;
  border: 1px solid transparent; }

.webServices .control-label {
  width: 55px; }

.webServices .table-body {
  overflow: auto;
  max-height: 130px; }

/*impleBtn*/
.simpleBtn {
  color: white;
  font-size: 0.9rem;
  background: #4990E2;
  padding: 0.1rem 0.9rem;
  border-radius: 2px;
  cursor: pointer;
  word-break: keep-all;
  height: 26px;
  cursor: pointer; }
  .simpleBtn:hover {
    background: #2C76CD; }

/*正射影像-圖層服務來源*/
.orthophotoServices {
  position: absolute;
  box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
  top: 50px;
  right: 60px;
  width: 450px; }
  .orthophotoServices .orthophotoSearch {
    display: flex;
    margin-top: 10px; }
    .orthophotoServices .orthophotoSearch .smallTip {
      width: 256px; }
      .orthophotoServices .orthophotoSearch .smallTip:hover:after {
        width: 210px;
        font-size: 0.8rem;
        color: white;
        content: "按住Ctrl+V 可將複製內容貼上";
        line-height: 26px;
        background: rgba(50, 50, 50, 0.8);
        position: absolute;
        padding: 0 0.5rem;
        border-radius: 2px;
        left: 10px;
        top: -10px; }
    .orthophotoServices .orthophotoSearch input {
      width: 100%;
      height: 31px;
      border-radius: 2px 0 0 2px; }
    .orthophotoServices .orthophotoSearch .icon-zoom {
      line-height: 29px;
      color: #4c4c4c;
      width: 35px;
      margin-left: -1px;
      border: 1px solid #a9a9a9;
      border-radius: 0 2px 2px 0;
      text-align: center;
      cursor: pointer; }
      .orthophotoServices .orthophotoSearch .icon-zoom:hover {
        background: #f6fbed; }
  .orthophotoServices .resultTitle {
    background: #efefef;
    border-radius: 2px;
    padding: 10px; }
    .orthophotoServices .resultTitle ul {
      max-height: 180px;
      overflow: auto;
      margin-bottom: 0px; }
    .orthophotoServices .resultTitle .resultText {
      margin: 3px 0;
      display: flex; }
      .orthophotoServices .resultTitle .resultText .resultName {
        width: 100%;
        line-height: 29px; }
        .orthophotoServices .resultTitle .resultText .resultName.active {
          background: #D3E7F1; }
  .orthophotoServices .layer span {
    width: 290px; }
  .orthophotoServices .resultList {
    background: #efefef;
    border-radius: 2px;
    padding: 5px; }
    .orthophotoServices .resultList .layers-nav-content {
      max-height: 180px;
      overflow: auto; }
  .orthophotoServices .btn {
    height: 31px;
    border-radius: 2px;
    color: #4c4c4c;
    border: 1px solid #a9a9a9;
    background-color: transparent;
    cursor: pointer; }
    .orthophotoServices .btn.active {
      background-color: #D3E7F1; }
    .orthophotoServices .btn:hover {
      background: #f6fbed; }

.btn.print {
  padding: 0.1rem 0.7rem;
  margin-left: 3px; }

/******展開縮和定位清單******/
.panel-footer-content {
  max-height: 150px;
  overflow: auto; }

.positioningList {
  font-size: 0.9rem;
  /*icon*/ }
  .positioningList .position-li {
    display: flex;
    justify-content: space-between;
    padding: 0.35rem 0;
    border-bottom: 1px solid #E4E4E4; }
    .positioningList .position-li > div:first-child {
      width: 25px; }
    .positioningList .position-li:hover {
      background: #f6fbed; }
  .positioningList .position-group {
    border-bottom: 1px solid #E4E4E4; }
    .positioningList .position-group:hover {
      background: #efefef; }
    .positioningList .position-group .group-title, .positioningList .position-group .group-li {
      padding: 0.4rem 0;
      display: flex;
      justify-content: space-between; }
      .positioningList .position-group .group-title:hover, .positioningList .position-group .group-li:hover {
        background: #f6fbed; }
    .positioningList .position-group .group-li {
      padding: 0.4rem 0; }
      .positioningList .position-group .group-li > div:first-child {
        width: 25px; }
  .positioningList .icon-ui-right-triangle-arrow, .positioningList .icon-ui-down-arrow {
    margin-right: 5px;
    cursor: pointer;
    color: #a9a9a9; }
  .positioningList .icon-folder.root:before {
    color: green; }
  .positioningList .icon-folder, .positioningList .icon-file {
    line-height: 20px; }
  .positioningList .li-title {
    flex: 1;
    line-height: 20px;
    word-break: break-all; }
  .positioningList .fn-group {
    display: inline-flex;
    float: right; }
    .positioningList .fn-group div {
      margin: 0 5px;
      cursor: pointer; }
    .positioningList .fn-group .icon-Location {
      font-size: 1.6rem;
      margin: -5px -1px 0 -1px; }

/******跳出視窗的業務查詢******/
.categoryQuery .step1 ul {
  width: 322px; }
  .categoryQuery .step1 ul li {
    width: 130px;
    border: 1px solid #a9a9a9;
    display: inline-block;
    margin: 0.25rem; }
    .categoryQuery .step1 ul li.active {
      background: #D3E7F1; }

.categoryQuery .step2 ul {
  width: 100%; }
  .categoryQuery .step2 ul li {
    width: 100%;
    border: 1px solid #a9a9a9;
    margin: 0.75rem 0;
    text-align: center;
    box-sizing: border-box; }
    .categoryQuery .step2 ul li.active {
      background: #D3E7F1; }

/******跳出視窗的屬性表******/
.attrWin {
  max-width: 300px;
  overflow: hidden; }
  .attrWin .popPanel-body {
    padding-right: 6px;
    overflow: auto;
    max-height: 300px; }

.esriPopup {
  font-family: "NotoSansTC-Light", "microsoft jhenghei" !important;
  /*新*/
  /*.esriPopup .esriPopupWrapper .title{
      cursor: move;  
    }
    .esriPopup .hidden {
    display: none !important;
    }*/ }
  .esriPopup .esriPopupWrapper {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    background: rgba(0, 0, 0, 0.85) !important; }
  .esriPopup .titlePane {
    width: 100%;
    border-bottom: 1px solid #4c4c4c !important;
    background: transparent !important;
    height: 2.2rem !important;
    line-height: 2.2rem !important;
    font-size: 1rem;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    display: inline-flex;
    padding-left: 0px !important; }
    .esriPopup .titlePane .title {
      flex: 1;
      margin-left: 6px; }
  .esriPopup a {
    color: white !important;
    font-size: 1rem;
    line-height: 2.2rem !important; }
  .esriPopup table {
    color: #fff;
    background: transparent !important; }
  .esriPopup .titleButton {
    color: #fff !important;
    position: static !important;
    width: 30px !important;
    height: 2.2rem !important;
    line-height: 2.2rem !important; }
    .esriPopup .titleButton.next {
      background-image: url("../images/esri-next.svg") !important;
      background-position: 50% !important;
      background-size: 50% !important; }
    .esriPopup .titleButton.prev {
      background-image: url("../images/esri-prev.svg") !important;
      background-position: 50% !important;
      background-size: 50% !important; }
    .esriPopup .titleButton.maximize {
      background-image: url("../images/esri-max.svg") !important;
      background-position: 50% !important;
      background-size: 50% !important; }
    .esriPopup .titleButton.restore {
      background-image: url("../images/esri-restore.svg") !important;
      background-size: 50% !important;
      background-position: 50% !important; }
    .esriPopup .titleButton.close {
      background-image: url("../images/esri-closeBtn.svg") !important;
      background-size: 50% !important;
      background-position: 50% !important; }
  .esriPopup .contentPane, .esriPopup .actionsPane {
    max-height: 200px;
    color: #fff !important;
    border: 0 solid #121310;
    background-color: transparent !important;
    font-size: 0.85rem !important; }
  .esriPopup .pointer, .esriPopup .outerPointer {
    background: black !important;
    box-shadow: 0 0 0em #777777 !important; }
  .esriPopup li {
    margin: 5px; }
  .esriPopup .darkBtn {
    float: right;
    cursor: pointer;
    color: gray;
    border: 1px solid #4c4c4c;
    border-radius: 2px;
    line-height: 25px;
    padding: 0 13px; }
    .esriPopup .darkBtn:hover {
      color: white; }

/******跳出視窗 繪圖板******/
.painterPanel {
  width: 492px; }
  .painterPanel .painterTip {
    display: none; }
  .painterPanel .cancelPainter {
    background: rgba(0, 0, 0, 0.9);
    color: white;
    line-height: 30px;
    padding: 0px 10px;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    text-align: center;
    width: 80px;
    margin: 0 auto;
    position: absolute;
    top: -30px;
    right: 0;
    cursor: pointer; }
    .painterPanel .cancelPainter:hover {
      background: rgba(0, 0, 0, 0.7); }
  .painterPanel .panel-footer-content {
    max-height: 130px;
    overflow: auto;
    padding: 0; }
    .painterPanel .panel-footer-content .painterTip {
      display: none; }
    .painterPanel .panel-footer-content .remove-icon {
      width: 25px; }
    .painterPanel .panel-footer-content li:first-child {
      margin-top: 0.4rem; }
  .painterPanel .label {
    width: 55px;
    line-height: 1.25rem; }

.painterBody div {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #a9a9a9;
  margin: 0 2px;
  cursor: pointer;
  text-align: center; }

.painterBody .painter1-icon {
  background-image: url("../images/Icons_custom/painterpanel/painter1-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .painter1-icon:hover {
    background-color: #f6fbed; }
  .painterBody .painter1-icon.is-active {
    background-color: #D3E7F1; }

.painterBody .painter2-icon {
  background-image: url("../images/Icons_custom/painterpanel/painter2-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .painter2-icon:hover {
    background-color: #f6fbed; }
  .painterBody .painter2-icon.is-active {
    background-color: #D3E7F1; }

.painterBody .marker {
  background-image: url("../images/Icons_custom/painterpanel/marker.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .marker:hover {
    background-color: #f6fbed; }
  .painterBody .marker.is-active {
    background-color: #D3E7F1; }

.painterBody .text {
  background-image: url("../images/Icons_custom/painterpanel/text.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .text:hover {
    background-color: #f6fbed; }
  .painterBody .text.is-active {
    background-color: #D3E7F1; }

.painterBody .polygon {
  background-image: url("../images/Icons_custom/painterpanel/polygon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .polygon:hover {
    background-color: #f6fbed; }
  .painterBody .polygon.is-active {
    background-color: #D3E7F1; }

.painterBody .circle {
  background-image: url("../images/Icons_custom/painterpanel/circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .circle:hover {
    background-color: #f6fbed; }
  .painterBody .circle.is-active {
    background-color: #D3E7F1; }

.painterBody .line {
  background-image: url("../images/Icons_custom/painterpanel/line.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .line:hover {
    background-color: #f6fbed; }
  .painterBody .line.is-active {
    background-color: #D3E7F1; }

.painterBody .draw {
  background-image: url("../images/Icons_custom/painterpanel/draw.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .draw:hover {
    background-color: #f6fbed; }
  .painterBody .draw.is-active {
    background-color: #D3E7F1; }

.painterBody .delgraphic {
  background-image: url("../images/Icons_custom/painterpanel/delgraphic.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .delgraphic:hover {
    background-color: #f6fbed; }
  .painterBody .delgraphic.is-active {
    background-color: #D3E7F1; }

.painterBody .drawMenu {
  background-image: url("../images/Icons_custom/painterpanel/drawMenu.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  cursor: pointer; }
  .painterBody .drawMenu:hover {
    background-color: #f6fbed; }
  .painterBody .drawMenu.is-active {
    background-color: #D3E7F1; }

.painterBody #ptbInOut {
  top: 37px; }

/*繪圖-清單*/
.graphic-li {
  width: 100%;
  display: inline-flex; }
  .graphic-li .drogIcon {
    width: 10px; }
  .graphic-li .eye {
    width: 40px; }
  .graphic-li .graphic-type {
    margin-right: 5px; }
    .graphic-li .graphic-type div {
      width: 25px;
      height: 25px;
      line-height: 25px; }
    .graphic-li .graphic-type .marker {
      background-image: url("../images/Icons_custom/painterpanel/marker.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 99%;
      cursor: pointer; }
      .graphic-li .graphic-type .marker:hover {
        background-color: #f6fbed; }
      .graphic-li .graphic-type .marker.is-active {
        background-color: #D3E7F1; }
    .graphic-li .graphic-type .text {
      background-image: url("../images/Icons_custom/painterpanel/text.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 99%;
      cursor: pointer; }
      .graphic-li .graphic-type .text:hover {
        background-color: #f6fbed; }
      .graphic-li .graphic-type .text.is-active {
        background-color: #D3E7F1; }
    .graphic-li .graphic-type .polygon {
      background-image: url("../images/Icons_custom/painterpanel/polygon.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 99%;
      cursor: pointer; }
      .graphic-li .graphic-type .polygon:hover {
        background-color: #f6fbed; }
      .graphic-li .graphic-type .polygon.is-active {
        background-color: #D3E7F1; }
    .graphic-li .graphic-type .circle {
      background-image: url("../images/Icons_custom/painterpanel/circle.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 99%;
      cursor: pointer; }
      .graphic-li .graphic-type .circle:hover {
        background-color: #f6fbed; }
      .graphic-li .graphic-type .circle.is-active {
        background-color: #D3E7F1; }
    .graphic-li .graphic-type .line {
      background-image: url("../images/Icons_custom/painterpanel/line.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 99%;
      cursor: pointer; }
      .graphic-li .graphic-type .line:hover {
        background-color: #f6fbed; }
      .graphic-li .graphic-type .line.is-active {
        background-color: #D3E7F1; }
    .graphic-li .graphic-type .draw {
      background-image: url("../images/Icons_custom/painterpanel/draw.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 99%;
      cursor: pointer; }
      .graphic-li .graphic-type .draw:hover {
        background-color: #f6fbed; }
      .graphic-li .graphic-type .draw.is-active {
        background-color: #D3E7F1; }
  .graphic-li .layerAction {
    width: 40px; }
  .graphic-li .graphicName {
    flex: 1;
    padding-left: 6PX;
    width: 100%;
    overflow: hidden;
    border-radius: 0rem;
    transition: background 0.3s,border-radius 0.3s;
    -moz-transition: background 0.3s,border-radius 0.3s;
    /* Firefox 4 */
    -webkit-transition: background 0.3s,border-radius 0.3s;
    /* Safari 和 Chrome */
    -o-transition: background 0.3s,border-radius 0.3s;
    /* Opera */ }
    .graphic-li .graphicName input {
      border: none;
      background: transparent; }
      .graphic-li .graphicName input:focus {
        border: none; }
      .graphic-li .graphicName input:active {
        border: none; }
    .graphic-li .graphicName:hover {
      width: 100%;
      border-radius: 3rem;
      background: #D3E7F1;
      transition: background 0.3s,border-radius 0.3s;
      -moz-transition: background 0.3s,border-radius 0.3s;
      /* Firefox 4 */
      -webkit-transition: background 0.3s,border-radius 0.3s;
      /* Safari 和 Chrome */
      -o-transition: background 0.3s,border-radius 0.3s;
      /* Opera */ }
    .graphic-li .graphicName:hover::before {
      width: 23px;
      height: 30px;
      content: '';
      background-image: url(../images/Icons_custom/edit.svg);
      background-position: 0 50%;
      background-repeat: no-repeat;
      float: left;
      display: inline-block; }
  .graphic-li .graphicArea {
    margin-right: 0.5rem; }

.title-divider {
  height: 8px;
  margin: 12px 6px;
  border-left: 1px solid #ccc;
  color: #ffffff; }

/******繪圖板說明編輯******/
.painterWin {
  width: 410px; }
  .painterWin .control-label {
    width: 75px; }
  .painterWin .fieldset-radio label, .painterWin .fieldset-checkbox label {
    color: white; }
  .painterWin a {
    width: 30px;
    text-align: center; }
  .painterWin .popPanel-body ul > li {
    padding: 0 10px 0 0;
    line-height: 27px;
    box-sizing: border-box; }
  .painterWin .popPanel-body .form-group {
    margin-bottom: 15px; }

/*繪製物件樣式設定*/
.panel-control {
  height: 30px; }
  .panel-control .icon-coordinate {
    color: white;
    line-height: 31px; }
    .panel-control .icon-coordinate.is-active {
      color: #4990E2; }
    .panel-control .icon-coordinate:hover {
      color: #a9a9a9; }
  .panel-control .displayFlex {
    width: auto; }

/*坐標輸入UI*/
.coordinate-title {
  line-height: 30px;
  margin-bottom: 15px; }
  .coordinate-title label, .coordinate-title input, .coordinate-title a {
    display: inline-block;
    float: left;
    margin: 0 5px; }
  .coordinate-title label {
    margin: 0;
    float: left; }
  .coordinate-title a:last-child {
    float: right;
    color: #4c4c4c; }

.coordinate-Ul {
  margin-top: 15px;
  max-height: 100px;
  overflow: auto; }

.coordinate-li .draw-xy {
  padding-left: 6PX;
  width: 100%;
  overflow: hidden;
  border-radius: 0rem;
  transition: background 0.3s,border-radius 0.3s;
  -moz-transition: background 0.3s,border-radius 0.3s;
  /* Firefox 4 */
  -webkit-transition: background 0.3s,border-radius 0.3s;
  /* Safari 和 Chrome */
  -o-transition: background 0.3s,border-radius 0.3s;
  /* Opera */ }
  .coordinate-li .draw-xy:hover {
    color: #4c4c4c;
    width: 100%;
    border-radius: 3rem;
    background: #D3E7F1;
    transition: background 0.3s,border-radius 0.3s;
    -moz-transition: background 0.3s,border-radius 0.3s;
    /* Firefox 4 */
    -webkit-transition: background 0.3s,border-radius 0.3s;
    /* Safari 和 Chrome */
    -o-transition: background 0.3s,border-radius 0.3s;
    /* Opera */ }
  .coordinate-li .draw-xy:hover::before {
    width: 23px;
    height: 30px;
    content: '';
    background-image: url(../images/Icons_custom/edit.svg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    float: left;
    display: inline-block; }

/*跳出視窗 測量*/
.measureBar div {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #a9a9a9;
  margin: 0 2px;
  cursor: pointer; }

.measureBar .getPolyline {
  background-color: white;
  background-image: url("../images/Icons_custom/distance.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%; }
  .measureBar .getPolyline:hover {
    background-color: #f6fbed; }
  .measureBar .getPolyline.is-active {
    background-color: #D3E7F1; }

.measureBar .getPolygon {
  background-color: white;
  background-image: url("../images/Icons_custom/surface.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%; }
  .measureBar .getPolygon:hover {
    background-color: #f6fbed; }
  .measureBar .getPolygon.is-active {
    background-color: #D3E7F1; }

.measureBar .measureClear {
  background-image: url("../images/Icons_custom/measureClear.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%; }
  .measureBar .measureClear:hover {
    background-color: #f6fbed; }

/*跳出視窗的公有土地資訊*/
.publicinfo {
  max-height: 326px;
  overflow: auto; }

/*ul>l多選設定*/
.panel-body .multipleSelect li {
  cursor: pointer;
  padding-left: 2rem !important; }
  .panel-body .multipleSelect li.is-active {
    padding-left: 2rem;
    background: url("../images/Icons_custom/check.svg"), #D3E7F1;
    background-repeat: no-repeat;
    background-position: 3% 50%; }
    .panel-body .multipleSelect li.is-active:hover {
      background: url("../images/Icons_custom/check.svg"), #D3E7F1;
      background-repeat: no-repeat;
      background-position: 3% 50%; }

/*下拉選單可搜尋select filter*/
.ui-autocomplete {
  max-height: 180px;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #a9a9a9; }

.ui-autocomplete li {
  height: 30px;
  list-style: none; }

.ui-autocomplete li a:hover {
  text-decoration: none; }

.selectFilter input {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiM1OTU5NTkiIGQ9Ik03NS43NDksMzcuNDY2YzAuNDI1LDAuNDI1LDAuNTUyLDEuMDYzLDAuMzIyLDEuNjE4Qzc1Ljg0MSwzOS42MzksNzUuMzAxLDQwLDc0LjY5OSw0MGgtNDkuNA0KCQljLTAuNiwwLTEuMTQzLTAuMzYyLTEuMzcyLTAuOTE3Yy0wLjIzLTAuNTU1LTAuMTAzLTEuMTkzLDAuMzIyLTEuNjE4bDIzLjQ0LTIzLjQ0YzEuMjc2LTEuMjc2LDMuMzQzLTEuMjc2LDQuNjIsMEw3NS43NDksMzcuNDY2DQoJCUw3NS43NDksMzcuNDY2eiBNMjQuMjUsNjIuNTM0Yy0wLjQyNi0wLjQyNS0wLjU1My0xLjA2My0wLjMyMy0xLjYxOGMwLjIzLTAuNTU1LDAuNzctMC45MTYsMS4zNy0wLjkxNkg3NC43DQoJCWMwLjYwMiwwLDEuMTQzLDAuMzU5LDEuMzczLDAuOTE2YzAuMjMsMC41NTUsMC4xMDMsMS4xOTMtMC4zMjIsMS42MThMNTIuMzEsODUuOTc3Yy0xLjI3NSwxLjI3NS0zLjM0NCwxLjI3NC00LjYyLDBMMjQuMjUsNjIuNTM0eg0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: .9rem;
  padding-right: 1.55rem;
  -webkit-appearance: none;
  -moz-appearance: none; }

/*繪圖下拉選單*/
div[id*="ptbST"] {
  margin-right: 7px; }

div[id*="ptbST"] > div {
  margin-right: 3px; }

/*定位樣式下拉選單*/
div[id*="locST"] {
  margin-right: 7px; }

div[id*="locST"] > div {
  margin-right: 3px; }

.markst {
  position: relative;
  margin-right: 0; }
  .markst .graphic-select {
    width: 30px;
    padding: 0px 10px 0 3px;
    background: white url(../images/Icons_custom/select-icon.svg) no-repeat;
    background-size: 30%;
    background-position: 100% 50%;
    border-radius: 2px;
    border: 1px solid #a9a9a9;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    cursor: pointer;
    height: 30px; }
    .markst .graphic-select img {
      height: 100%; }
  .markst .markershape {
    width: 59px;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #a9a9a9;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    z-index: 17;
    position: absolute;
    left: 0px;
    top: 35px;
    width: 53px; }
    .markst .markershape div {
      padding-left: 4px;
      background: white;
      height: 35px;
      line-height: 35px;
      cursor: pointer; }
      .markst .markershape div img {
        height: 30px; }
      .markst .markershape div:hover {
        background: #D3E7F1; }

.color-select {
  width: 150px;
  padding: 0px 10px 0 3px;
  background: white url(../images/Icons_custom/select-icon.svg) no-repeat;
  background-size: 10%;
  background-position: 100% 50%;
  border-radius: 2px;
  border: 1px solid #a9a9a9;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  cursor: pointer;
  height: 30px;
  box-sizing: border-box; }
  .color-select .color-group {
    padding: 6px 5px; }
    .color-select .color-group > div {
      width: 17px;
      height: 17px; }

.color-groupsBlock {
  box-sizing: border-box;
  margin-top: 10px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #a9a9a9;
  border-radius: 2px;
  position: absolute;
  width: 150px;
  z-index: 21; }
  .color-groupsBlock ul {
    margin-bottom: 0; }
  .color-groupsBlock li {
    display: inline-flex;
    padding: 5px;
    cursor: pointer; }
    .color-groupsBlock li:hover {
      border-radius: 2px;
      background: #D3E7F1; }
    .color-groupsBlock li > div {
      width: 17px;
      height: 17px; }

@media all and (min-width: 1024px) {
  .m-headerFGIS {
    display: none !important; } }

/*圖資清單縮和*/
.sliderMenuBtn {
  background-image: url("../images/Icons_custom/sliderMenuBtn.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 76px;
  position: absolute;
  top: 0;
  bottom: 0;
  /* right: -25px; */
  left: -1px;
  margin: auto;
  z-index: 6;
  cursor: pointer; }
  .sliderMenuBtn:hover {
    background-image: url("../images/Icons_custom/sliderMenuBtnHover.svg");
    background-repeat: no-repeat; }

/*定位-公有土地資訊箭頭*/
.tab-arrow {
  padding: 0.3875rem 0.3rem;
  border: 1px solid #cccccc00;
  float: left;
  margin-left: 2px;
  line-height: 1.55rem !important;
  background: #E4E4E4; }
  .tab-arrow:hover {
    background: #D1D1D1; }

/*定位-公有土地資訊箭頭*/
.sub-nav {
  height: 36px;
  width: max-content;
  position: relative;
  z-index: 999; }

/*跳出視窗layout*/
.modal-content {
  background: #fff; }
  .modal-content h3, .modal-content table.dataTable.no-footer {
    border-bottom: 1px solid #ccc; }
  .modal-content table.dataTable {
    border-collapse: collapse !important; }
    .modal-content table.dataTable thead th, .modal-content table.dataTable thead td {
      border-bottom: 1px solid #ccc; }
    .modal-content table.dataTable th:first-child, .modal-content table.dataTable td:first-child {
      white-space: nowrap;
      width: 10rem;
      background: #efefef; }
    .modal-content table.dataTable td {
      word-break: break-all; }

.center-btn {
  display: block;
  width: fit-content;
  margin: 0 auto; }

.importPanelMask {
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center; }
  .importPanelMask #importPanel {
    z-index: 9999;
    width: 700px;
    height: auto;
    max-height: 750px;
    background-color: #ffffff;
    padding: 25px;
    display: block;
    overflow: auto;
    margin: 150px auto; }
    .importPanelMask #importPanel .importPanel-title {
      background: #228896;
      color: #ffffff;
      padding: 5px 15px;
      height: 25px; }
      .importPanelMask #importPanel .importPanel-title .desc {
        width: 100px;
        float: left; }
      .importPanelMask #importPanel .importPanel-title .close-btn {
        float: right;
        cursor: pointer; }
    .importPanelMask #importPanel .importPanel-body {
      background: #f8f8f8;
      padding: 10px; }
      .importPanelMask #importPanel .importPanel-body .importPanel-selectArea label.file-format {
        height: 35px;
        font-size: 17px;
        font-weight: bold;
        padding-top: 10px;
        margin-bottom: 0px; }
        .importPanelMask #importPanel .importPanel-body .importPanel-selectArea label.file-format span.step {
          border-radius: 60%;
          border: 3px black solid;
          text-align: center;
          padding-top: 0px;
          padding-bottom: 2px;
          padding-right: 8px;
          padding-left: 8px;
          margin-right: 5px;
          font-size: 16px;
          font-family: "Arial Black"; }
      .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul {
        margin-left: 15px; }
        .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li {
          margin-bottom: 7px;
          font-size: 15px; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li input[type=radio][name=importFileType] {
            margin-right: 7px !important;
            width: 24px;
            height: 24px; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li :last-child span {
            margin-top: 5px !important;
            margin-right: 20px !important; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li .shp-constraint {
            color: red;
            margin-left: 5px; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li .importPanel-selectArea-option {
            width: fit-content;
            margin-bottom: 0px; }
            .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li .importPanel-selectArea-option.no-new-line {
              display: inline-block;
              margin-right: 8px; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li .importPanel-selectArea-desc {
            margin-left: 37px; }
            .importPanelMask #importPanel .importPanel-body .importPanel-selectArea ul li .importPanel-selectArea-desc span {
              margin: 0px !important; }
      .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList {
        width: 70%; }
        .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList div.selFileItem {
          width: 100%;
          height: 25px;
          display: flex;
          font-size: 15px;
          vertical-align: middle; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList div.selFileItem div.fileName {
            width: calc(100% - 20px);
            word-break: break-all; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList div.selFileItem div.icon-ui-close:before {
            margin-top: 5px;
            font-size: 12px; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList div.selFileItem div.icon-ui-close {
            background-color: #e6e6e6;
            width: 21px;
            margin-top: 4px;
            border-radius: 50%;
            cursor: pointer;
            text-align: center;
            color: red; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList div.selFileItem div.icon-ui-close:hover {
            background-color: #d9d9d9; }
        .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList div.selFileItem:hover {
          background-color: #eafaea; }
          .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div#selFileList div.selFileItem:hover div.fileName {
            color: black;
            text-shadow: #f2f2f2 0.01em 0.01em 0.01em; }
      .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div.formatError,
      .importPanelMask #importPanel .importPanel-body .importPanel-selectArea div.fileError {
        font-size: 14px;
        padding: 10px 15px;
        margin-top: 5px; }

/*#importPanel .panelFull-body {
    label.file-format {
        height: 35px;
        font-size: 17px;
        font-weight: bold;

        span.step {
            border-radius: 60%;
            border: 3px black solid;
            text-align: center;
            padding-top: 0px;
            padding-bottom: 2px;
            padding-right: 8px;
            padding-left: 8px;
            margin-right: 5px;
            font-size: 16px;
            font-family: "Arial Black";
        }
    }
    ul {
        li {
            margin-bottom: 4px;
            font-size: 15px;
            input[type=radio][name=importFileType] {
                margin-right: 7px !important;
                width: 24px;
                height: 24px;
            }
            :last-child span {
                margin-top: 5px !important;
                margin-right: 20px !important;
            }
        }
        
        
    }
    div#selFileList {
        width: 70%;
        
        div.selFileItem {
            width: 100%;
            height: 25px;
            display: flex;
            font-size: 15px;
            vertical-align: middle;
        
            div.fileName {
                width: calc(100% - 20px);
                word-break: break-all;
            }
            div.icon-ui-close:before{
                margin-top: 5px;
                font-size: 12px;
            }
            div.icon-ui-close{
                background-color: #e6e6e6;
                width: 21px;
                margin-top: 4px;
                border-radius: 50%;
                cursor: pointer;
                text-align: center;
                color: red;
            }
            div.icon-ui-close:hover{
                background-color: #d9d9d9;                
            }
        }
        div.selFileItem:hover {
            background-color: #eafaea;
            div.fileName {
                color: black;
                text-shadow: #f2f2f2 0.01em 0.01em 0.01em;
            }
        }
    }
    div.formatError,
    div.fileError {
        font-size: 14px;
        padding: 10px 15px;
    }
}*/
#selFileResult span.fileNo {
  color: #2c76cd;
  font-weight: bold; }

.alert-box {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem; }

.alert-box.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

#loginAlertContainer {
  color: black;
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background: darkgrey;
  z-index: 1000;
  top: 0;
  left: 0; }

#loginAlertDialog {
  width: 500px;
  height: 580px;
  background-color: #eeeeee;
  margin: 0 auto;
  margin-top: 5rem; }
  #loginAlertDialog .alertHeader {
    margin: 0 auto; }
    #loginAlertDialog .alertHeader .alertLogo {
      background: url(../images/adminLogo.png) center center no-repeat;
      width: 100px;
      height: 100px;
      line-height: 100px;
      background-size: contain;
      padding-top: 30px;
      margin: 0 auto; }
    #loginAlertDialog .alertHeader .alertTitle {
      text-align: center;
      font-size: 22px; }
    #loginAlertDialog .alertHeader .alertSeparator hr {
      width: 98%;
      margin: 30px 1% 0px 1%; }
  #loginAlertDialog .alertContent {
    width: 85%;
    height: 300px;
    margin: 70px auto auto auto; }
    #loginAlertDialog .alertContent div {
      margin-bottom: 15px;
      letter-spacing: 1px;
      display: flex;
      direction: ltr; }
    #loginAlertDialog .alertContent .remarkText {
      font-size: 14px; }
    #loginAlertDialog .alertContent div .copyURL {
      color: blue;
      cursor: pointer; }
    #loginAlertDialog .alertContent .brokeLine {
      margin-left: 20px; }
    #loginAlertDialog .alertContent .remarkTitle {
      margin-top: 30px; }
    #loginAlertDialog .alertContent #copyWebSiteDone {
      margin-left: 10px;
      border-radius: 4px;
      border: 1px solid black;
      padding: 3px;
      cursor: pointer; }
      #loginAlertDialog .alertContent #copyWebSiteDone img {
        width: 15px;
        height: 15px; }
  #loginAlertDialog .alertFooter .alerBtns {
    width: 100%; }
    #loginAlertDialog .alertFooter .alerBtns input[type="button"] {
      width: 80px;
      margin: 12px auto auto auto; }
  #loginAlertDialog .alertFooter #closeLoginAlert {
    color: #ffffff;
    background-color: #228896; }
  #loginAlertDialog .alertFooter #closeLoginAlert:hover {
    font-weight: 500;
    background-color: #2693a2;
    cursor: pointer; }
  #loginAlertDialog #webSiteEntryUrl {
    width: 0px; }

.column-2.loginSideAlert {
  width: auto; }
  .column-2.loginSideAlert #loginAlertDialog {
    background: transparent;
    margin: 15px 0px 0px 20px;
    border: 1px solid darkgrey;
    border-radius: 10px;
    width: 440px;
    height: 370px; }
    .column-2.loginSideAlert #loginAlertDialog .alertContent {
      margin: 20px;
      width: auto;
      height: auto; }

#pointCSClear {
  margin-right: 10px; }

/*服務平台公告*/
div.ofc_ntc_mask {
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center; }
  div.ofc_ntc_mask div.ofc_ntc_container {
    min-width: 30%;
    max-width: 55%;
    max-height: 700px;
    overflow: auto;
    padding: 15px 20px;
    margin: 0 auto;
    border: 1px solid lightgray;
    background: white;
    border-radius: 5px; }
    div.ofc_ntc_mask div.ofc_ntc_container em {
      position: initial !important; }
    div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_header {
      padding-top: 3px;
      padding-right: 10px;
      padding-left: 3px;
      font-size: 25px;
      font-weight: bold; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_header div.ofc_ntc_header_title {
        float: left;
        width: 90%; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_header div.ofc_ntc_header_close {
        float: right;
        width: 10%;
        text-align: right;
        cursor: pointer;
        font-size: 20px; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_header div.ofc_ntc_header_close:hover {
        color: lightgreen; }
    div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_splitter {
      padding-top: 20px; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_splitter hr {
        width: 100%;
        height: 2px; }
    div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item {
      display: flex;
      text-align: left;
      height: auto;
      font-size: 0.9375rem; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_title {
        width: 30%;
        background-color: #85af4b;
        color: white; }
        div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_title span {
          padding-left: 5px; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_title {
        border-top: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: none;
        border-bottom: none; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_title.last {
        border-bottom: 1px solid lightgrey; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value {
        width: 70%; }
        div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value span,
        div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value div.content {
          padding: 10px;
          word-break: break-all; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value {
        border-top: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
        border-bottom: none; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value.last {
        border-bottom: 1px solid lightgrey; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value.last.attachment {
        padding: 5px 0px; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value.last .ofc_ntc_item_attachment {
        margin-left: 6px;
        padding: 1px 12px;
        border: 1px solid #2693A2; }
        div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value.last .ofc_ntc_item_attachment a {
          color: #2693A2 !important; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value.last .ofc_ntc_item_attachment:hover {
        background: #228896;
        cursor: pointer; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item div.ofc_ntc_item_value.last .ofc_ntc_item_attachment a:hover {
        color: white !important; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_item .attachment {
        display: flex; }
    div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_checkbar {
      display: flex;
      flex-direction: row;
      height: 25px;
      margin-top: 5px; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_checkbar label {
        margin-right: 5px; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_checkbar input#btn_ofc_ntc_no_display {
        margin-top: 5px; }
    div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_buttonbar {
      margin-top: 10px; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_buttonbar #btn_ofc_ntc_close {
        width: 50px;
        margin: 0 auto;
        background: #228896;
        color: white; }
      div.ofc_ntc_mask div.ofc_ntc_container div.ofc_ntc_buttonbar #btn_ofc_ntc_close:hover {
        background: #ccc;
        cursor: pointer; }

.required {
  color: red; }

.requiredStar {
  color: red; }

.requiredStar:before {
  content: '*'; }

div.locgovEngInfow,
div.locecpSysInfow {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0px; }
  div.locgovEngInfow div.item,
  div.locecpSysInfow div.item {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    padding: 0px; }
    div.locgovEngInfow div.item div.title,
    div.locecpSysInfow div.item div.title {
      border-top: 1px solid lightgrey;
      border-left: 1px solid lightgrey;
      border-right: none;
      border-bottom: none;
      width: 35%;
      padding: 0px 5px; }
    div.locgovEngInfow div.item div.value,
    div.locecpSysInfow div.item div.value {
      border-top: 1px solid lightgrey;
      border-left: 1px solid lightgrey;
      border-right: 1px solid lightgrey;
      border-bottom: none;
      width: 65%;
      padding: 0px 5px; }
    div.locgovEngInfow div.item div.title.last,
    div.locgovEngInfow div.item div.value.last,
    div.locecpSysInfow div.item div.title.last,
    div.locecpSysInfow div.item div.value.last {
      border-bottom: 1px solid lightgrey; }

div.lengedSettings div.fieldset-checkbox label.inline-block {
  margin-right: 3px; }

div.lengedSettings div.fieldset-radio.legend-Position {
  margin-top: 5px; }

div#locLoading {
  height: 100% !important; }

div#moiEcoSysOpt div.form-group.require label {
  width: 78px !important; }

div#moiEcoSysOpt div.form-group.flexed {
  display: flex !important;
  height: 38px !important; }

div#moiEcoSysOpt #locEcoSysRadius {
  width: calc(100% - 108px) !important; }

.disableddiv {
  pointer-events: none !important;
  opacity: 0.7 !important; }

.ui-tooltip {
  font-family: 微軟正黑體 !important;
  font-size: 0.9375rem !important;
  padding: 0.2rem 0.5rem !important;
  border-radius: 2px !important;
  background: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  border-width: 0px !important; }

#filedrag,
#fileMoidrag {
  display: none;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default; }

#filedrag.hover,
#fileMoidrag.hover {
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888; }

#moiLandOpt .batch .upload {
  height: 37px; }
  #moiLandOpt .batch .upload .file {
    float: left;
    margin-top: 5px;
    margin-right: 1px; }
  #moiLandOpt .batch .upload .download {
    float: right;
    margin-top: 5px;
    margin-right: 3px; }

#moiLandOpt div#selMoiFileList {
  min-width: 85%; }
  #moiLandOpt div#selMoiFileList div.selFileItem {
    width: 100%;
    min-height: 25px;
    display: flex;
    font-size: 15px;
    vertical-align: middle; }
    #moiLandOpt div#selMoiFileList div.selFileItem div.fileName {
      width: calc(100% - 20px);
      word-break: break-all;
      height: auto; }
    #moiLandOpt div#selMoiFileList div.selFileItem div.icon-ui-close:before {
      margin-top: 5px;
      font-size: 12px; }
    #moiLandOpt div#selMoiFileList div.selFileItem div.icon-ui-close {
      background-color: #e6e6e6;
      width: 21px;
      margin-top: 4px;
      border-radius: 50%;
      cursor: pointer;
      text-align: center;
      color: red;
      height: 21px; }
    #moiLandOpt div#selMoiFileList div.selFileItem div.icon-ui-close:hover {
      background-color: #d9d9d9; }
  #moiLandOpt div#selMoiFileList div.selFileItem:hover {
    background-color: #eafaea; }
    #moiLandOpt div#selMoiFileList div.selFileItem:hover div.fileName {
      color: black;
      text-shadow: #f2f2f2 0.01em 0.01em 0.01em; }

#moiLandOpt div.formatError,
#moiLandOpt div.fileError {
  font-size: 14px;
  padding: 10px 15px;
  margin-top: 5px; }

.form-group .fieldset-radio.title-Position {
  display: flex;
  margin-top: 5px; }
  .form-group .fieldset-radio.title-Position .inline-block {
    margin-right: 5px; }

/*地政司地籍下載*/
/*.btn-xls{
            border-radius: 50% ;
            border:solid 1px green;
            width:25px;
            height: 20px;
            color:white;
            background-color: green;
            text-align: center;
            line-height:19px;
            font-size:2px;
            font-weight:bold;
            /*padding-top:10px;
        }*/
/*.btn-xls:hover {
        color:yellow
    }*/
/*.btn-ods{
            border-radius: 50% ;
            border:solid 1px orange;
            width:25px;
            height: 20px;
            color:white;
            background-color: orange;
            text-align: center;
            line-height:19px;
            font-size:2px;
            font-weight:bold;
        }*/
/*.btn-ods:hover {
        color:yellow
    }*/
#xls-img {
  width: 34px;
  height: 24px; }

#ods-img {
  width: 34px;
  height: 24px; }

.idleTimerMask {
  z-index: 20000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center; }
  .idleTimerMask .idleTimertPanel {
    z-index: 19999;
    width: 450px;
    height: auto;
    max-height: 750px;
    background-color: #ffffff;
    padding: 15px;
    display: block;
    overflow: auto;
    margin: 0 auto; }
    .idleTimerMask .idleTimertPanel .idleTimertPanel-title {
      background: #228896;
      color: #ffffff;
      padding: 5px 15px;
      height: 25px;
      text-align: center; }
    .idleTimerMask .idleTimertPanel .idleTimertPanel-body {
      background: #f8f8f8;
      padding: 10px; }
      .idleTimerMask .idleTimertPanel .idleTimertPanel-body .message span {
        word-break: break-all; }
      .idleTimerMask .idleTimertPanel .idleTimertPanel-body .button {
        text-align: center;
        margin-top: 25px; }
      .idleTimerMask .idleTimertPanel .idleTimertPanel-body span.timePassed {
        color: blue;
        font-weight: bold;
        padding-left: 2px;
        padding-right: 2px; }
      .idleTimerMask .idleTimertPanel .idleTimertPanel-body span.timeLeft {
        color: red;
        font-weight: bold;
        padding-left: 2px;
        padding-right: 2px; }

.waitBlackgroup .loader--style1 {
  background-size: 80%; }

.waitBlackgroup {
  color: white;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 18;
  left: 0; }

.waitBlackgroup .loader {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 20% auto 0;
  display: block; }

.waitBlackgroup .loader--style1 {
  background-size: 80%; }

/*下拉選單*/
.dropdown-content {
  left: 515px;
  position: absolute;
  background: #f5f6fa;
  min-width: 130px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 11; }

.dropdown-content div {
  padding: 15px 24px;
  display: block; }

.dropdown-content div span {
  border: 3px 3px;
  border-style: groove;
  padding: 10px 25px;
  background-color: #2693A2;
  color: white;
  font-size: 16px;
  font-weight: bold; }

.dropdown-content div span:hover {
  cursor: pointer;
  color: yellow; }

/* custom error page */
.home-error-contaner {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  .home-error-contaner .home-error-content {
    min-width: 300px;
    min-height: 100px;
    max-width: 600px;
    border: 1px solid #c5c5c5;
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
    .home-error-contaner .home-error-content .home-error-header {
      color: #ffffff;
      background-color: #7b9d4b;
      font-size: 1.2em;
      text-align: center;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      padding: 8px 15px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 10px; }
      .home-error-contaner .home-error-content .home-error-header .home-error-icon img {
        width: 25px;
        height: 25px;
        background-color: #ffffff;
        border-radius: 50%; }
    .home-error-contaner .home-error-content .home-error-body {
      color: #000000;
      background-color: transparent;
      font-size: 1.0em;
      padding: 10px 20px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 10px; }
      .home-error-contaner .home-error-content .home-error-body .home-error-icon {
        min-width: 25px;
        min-height: -webkit-fill-available;
        padding-top: 3px; }
        .home-error-contaner .home-error-content .home-error-body .home-error-icon img {
          max-width: 30px;
          max-height: 30px;
          filter: invert(34%) sepia(93%) saturate(7374%) hue-rotate(3deg) brightness(91%) contrast(132%);
          /* red color */ }
      .home-error-contaner .home-error-content .home-error-body .home-error-text span {
        word-break: break-all; }

.layer-version-history-popup {
  display: none; }
  .layer-version-history-popup.active {
    display: block;
    position: absolute;
    z-index: 9998;
    width: 350px;
    max-height: 550px;
    top: 85px;
    left: 340px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgba(76, 76, 76, 0.4);
    padding: 0px;
    overflow: hidden; }
  .layer-version-history-popup .layers-nav-header {
    justify-content: flex-start;
    align-items: center;
    gap: 5px; }
    .layer-version-history-popup .layers-nav-header .layer-title {
      width: calc(100% - 15px);
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .layer-version-history-popup .layers-nav-header .layer-title-icon:before {
        padding-right: 8px;
        content: "\f10a"; }
      .layer-version-history-popup .layers-nav-header .layer-title-text {
        width: calc(100% - 25px);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0px;
        word-break: break-all; }
  .layer-version-history-popup .layers-content {
    width: -webkit-fill-available;
    max-height: 393px;
    padding-left: 1.2rem;
    overflow: auto; }
    .layer-version-history-popup .layers-content .layersItem {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      gap: 0.325rem; }
      .layer-version-history-popup .layers-content .layersItem .layer {
        width: 100%; }
        .layer-version-history-popup .layers-content .layersItem .layer .his-layer-title {
          width: calc(100% - 25px);
          word-break: break-all; }

label:has(input[type="checkbox"]),
label:has(input[type="radio"]),
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer; }

@charset "UTF-8";
/*chrome scrollBar*/
::-webkit-scrollbar {
  height: 10px;
  width: 10px; }

::-webkit-scrollbar-track {
  background-color: #eee; }

::-webkit-scrollbar-thumb {
  background-color: #C4C4C4; }

::-webkit-scrollbar-button {
  display: none; }

::-webkit-scrollbar-corner {
  display: none; }

/*IE scrollBar*/
body {
  scrollbar-face-color: #EDEDED;
  scrollbar-highlight-color: white;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #F8F8F8;
  scrollbar-track-color: #F8F8F8;
  scrollbar-darkshadow-color: white;
  font-size: 100%; }

/*CSS COPY HERE*/
@font-face {
  font-family: 'NotoSansTC-Light';
  src: url("../fonts/notoFont/NotoSansTC-Light.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Medium';
  src: url("../fonts/notoFont/NotoSansTC-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Regular';
  src: url("../fonts/notoFont/NotoSansTC-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Thin';
  src: url("../fonts/notoFont/NotoSansTC-Thin.otf") format("opentype"); }

@media all and (min-width: 1024px) {
  body {
    font-size: 100%; } }

@media all and (min-width: 768px) and (max-width: 959px) {
  body {
    font-size: 100%; } }

@media all and (min-width: 350px) and (max-width: 767px) {
  body {
    font-size: 90%; } }

@media all and (max-width: 350px) {
  body {
    font-size: 70%; } }

/*Primary color*/
/*Secondary color*/
/*#FFFEF4*/
/*other color*/
.displayNone {
  display: none !important; }

.displayFlex {
  width: 100%;
  display: inline-flex; }

.visibleHide {
  visibility: hidden; }

/*input取消黃底*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: background-color 5000s ease-in-out 0s;
  /*透明*/
  -webkitout-text-fill-color: #fff !important;
  /*字體顏色*/ }

/*取消點選時邊框*/
:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: transparent; }

.samePrint, .A4Portrait, .A4Landscape, .A3Portrait, .A3Landscape {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: white; }
  .samePrint .print-title, .A4Portrait .print-title, .A4Landscape .print-title, .A3Portrait .print-title, .A3Landscape .print-title {
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 3.2REM; }
  .samePrint .print-description, .A4Portrait .print-description, .A4Landscape .print-description, .A3Portrait .print-description, .A3Landscape .print-description {
    overflow: hidden;
    height: 90px; }
  .samePrint .print-coords, .A4Portrait .print-coords, .A4Landscape .print-coords, .A3Portrait .print-coords, .A3Landscape .print-coords {
    font-family: Microsoft JhengHei;
    position: relative;
    width: 100%;
    height: 18px; }
    .samePrint .print-coords:last-child, .A4Portrait .print-coords:last-child, .A4Landscape .print-coords:last-child, .A3Portrait .print-coords:last-child, .A3Landscape .print-coords:last-child {
      margin-bottom: 1rem; }
  .samePrint .print-block, .A4Portrait .print-block, .A4Landscape .print-block, .A3Portrait .print-block, .A3Landscape .print-block {
    display: flex;
    flex: 1;
    border: 1px solid gray; }
    .samePrint .print-block .print-map, .A4Portrait .print-block .print-map, .A4Landscape .print-block .print-map, .A3Portrait .print-block .print-map, .A3Landscape .print-block .print-map {
      position: relative;
      flex: 1; }

.print-tool {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 100%; }

/*四角坐標*/
.xy-view div:last-child {
  float: right; }

.xy-view div {
  padding: 0 5px;
  display: inline-block;
  width: auto; }

.A4Portrait {
  width: 794px;
  height: 1123px;
  font-family: 'Microsoft JhengHei'; }

.A4Landscape {
  width: 1123px;
  height: 794px;
  font-family: 'Microsoft JhengHei'; }

.A3Portrait {
  width: 1123px;
  height: 1587px;
  font-family: 'Microsoft JhengHei'; }

.A3Landscape {
  width: 1587px;
  height: 1123px;
  font-family: 'Microsoft JhengHei'; }

/*圖例*/
.print-legend {
  position: absolute;
  max-height: 100%;
  border: 1px solid gray;
  max-width: 300px;
  background-color: white; }

/*鳥瞰圖*/
.aerial-block {
  background: gray;
  position: absolute;
  bottom: 10px;
  right: 10px; }

/*指北針*/
.compass-icon {
  top: 10px;
  right: 10px;
  position: absolute;
  background-image: url("../images/Icons_custom/compass-icon.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  line-height: 50px; }

/*比例尺*/
.map-scale {
  background: gray;
  bottom: 40px;
  left: 10px;
  position: absolute; }

.leader-half {
  margin-bottom: 0.775rem; }

.trailer-half {
  margin-bottom: 0.775rem; }

.trailer-1 {
  margin-bottom: 1.55rem; }

.trailer-2 {
  margin-bottom: 3.1rem; }

.legendBar {
  font-size: 14px;
  padding: 4px 5px; }
  .legendBar .legendTitle > div {
    display: inline-block; }

.legendName {
  width: 180px;
  line-height: 16px; }

.displayNone {
  display: none !important; }

.map-corner-coord {
  position: absolute;
  font-size: 14px; }

#prtFixedScaleLevel {
  width: 254px;
  display: initial; }

@charset "UTF-8";
/*chrome scrollBar*/
::-webkit-scrollbar {
  height: 10px;
  width: 10px; }

::-webkit-scrollbar-track {
  background-color: #eee; }

::-webkit-scrollbar-thumb {
  background-color: #C4C4C4; }

::-webkit-scrollbar-button {
  display: none; }

::-webkit-scrollbar-corner {
  display: none; }

/*IE scrollBar*/
body {
  scrollbar-face-color: #EDEDED;
  scrollbar-highlight-color: white;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #F8F8F8;
  scrollbar-track-color: #F8F8F8;
  scrollbar-darkshadow-color: white;
  font-size: 100%; }

/*CSS COPY HERE*/
@font-face {
  font-family: 'NotoSansTC-Light';
  src: url("../fonts/notoFont/NotoSansTC-Light.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Medium';
  src: url("../fonts/notoFont/NotoSansTC-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Regular';
  src: url("../fonts/notoFont/NotoSansTC-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'NotoSansTC-Thin';
  src: url("../fonts/notoFont/NotoSansTC-Thin.otf") format("opentype"); }

@media all and (min-width: 1024px) {
  body {
    font-size: 100%; } }

@media all and (min-width: 768px) and (max-width: 959px) {
  body {
    font-size: 100%; } }

@media all and (min-width: 350px) and (max-width: 767px) {
  body {
    font-size: 90%; } }

@media all and (max-width: 350px) {
  body {
    font-size: 70%; } }

/*Primary color*/
/*Secondary color*/
/*#FFFEF4*/
/*other color*/
.displayNone {
  display: none !important; }

.displayFlex {
  width: 100%;
  display: inline-flex; }

.visibleHide {
  visibility: hidden; }

/*input取消黃底*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: background-color 5000s ease-in-out 0s;
  /*透明*/
  -webkitout-text-fill-color: #fff !important;
  /*字體顏色*/ }

/*取消點選時邊框*/
:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: transparent; }

.samePrint, .A4Portrait_O, .A4Landscape_O, .A3Portrait_O, .A3Landscape_O {
  padding: 20px;
  background: white;
  display: inline-flex;
  flex-flow: column; }
  .samePrint .print-title, .A4Portrait_O .print-title, .A4Landscape_O .print-title, .A3Portrait_O .print-title, .A3Landscape_O .print-title {
    font-size: 24px;
    height: 50px; }
  .samePrint .print-description, .A4Portrait_O .print-description, .A4Landscape_O .print-description, .A3Portrait_O .print-description, .A3Landscape_O .print-description {
    overflow: hidden;
    height: 90px;
    margin-top: 20px; }
  .samePrint .print-block, .A4Portrait_O .print-block, .A4Landscape_O .print-block, .A3Portrait_O .print-block, .A3Landscape_O .print-block {
    height: calc(100% - 160px);
    border: 1px solid gray;
    flex: 1; }
    .samePrint .print-block .print-map, .A4Portrait_O .print-block .print-map, .A4Landscape_O .print-block .print-map, .A3Portrait_O .print-block .print-map, .A3Landscape_O .print-block .print-map {
      height: 100%;
      background: white; }
      .samePrint .print-block .print-map .prt-title-O, .A4Portrait_O .print-block .print-map .prt-title-O, .A4Landscape_O .print-block .print-map .prt-title-O, .A3Portrait_O .print-block .print-map .prt-title-O, .A3Landscape_O .print-block .print-map .prt-title-O {
        background: rgba(255, 255, 255, 0.5);
        height: 30px;
        line-height: 30px;
        padding-left: 10px; }
      .samePrint .print-block .print-map #icPrtMap2, .A4Portrait_O .print-block .print-map #icPrtMap2, .A4Landscape_O .print-block .print-map #icPrtMap2, .A3Portrait_O .print-block .print-map #icPrtMap2, .A3Landscape_O .print-block .print-map #icPrtMap2, .samePrint .print-block .print-map #icPrtMap3, .A4Portrait_O .print-block .print-map #icPrtMap3, .A4Landscape_O .print-block .print-map #icPrtMap3, .A3Portrait_O .print-block .print-map #icPrtMap3, .A3Landscape_O .print-block .print-map #icPrtMap3 {
        height: 100%;
        width: 100%;
        min-width: 512px; }
      .samePrint .print-block .print-map #icPrtMap3, .A4Portrait_O .print-block .print-map #icPrtMap3, .A4Landscape_O .print-block .print-map #icPrtMap3, .A3Portrait_O .print-block .print-map #icPrtMap3, .A3Landscape_O .print-block .print-map #icPrtMap3 {
        margin-left: -4px; }
      .samePrint .print-block .print-map .tBlock, .A4Portrait_O .print-block .print-map .tBlock, .A4Landscape_O .print-block .print-map .tBlock, .A3Portrait_O .print-block .print-map .tBlock, .A3Landscape_O .print-block .print-map .tBlock {
        border-bottom: 1px solid gray;
        height: 50%; }
      .samePrint .print-block .print-map .bBlock, .A4Portrait_O .print-block .print-map .bBlock, .A4Landscape_O .print-block .print-map .bBlock, .A3Portrait_O .print-block .print-map .bBlock, .A3Landscape_O .print-block .print-map .bBlock {
        display: inline-block;
        width: 100%;
        height: 50%; }
        .samePrint .print-block .print-map .bBlock .bBlock-1, .A4Portrait_O .print-block .print-map .bBlock .bBlock-1, .A4Landscape_O .print-block .print-map .bBlock .bBlock-1, .A3Portrait_O .print-block .print-map .bBlock .bBlock-1, .A3Landscape_O .print-block .print-map .bBlock .bBlock-1 {
          display: inline-block;
          width: 49%;
          border-right: 1px solid gray;
          overflow: hidden;
          height: 100%; }
        .samePrint .print-block .print-map .bBlock .bBlock-2, .A4Portrait_O .print-block .print-map .bBlock .bBlock-2, .A4Landscape_O .print-block .print-map .bBlock .bBlock-2, .A3Portrait_O .print-block .print-map .bBlock .bBlock-2, .A3Landscape_O .print-block .print-map .bBlock .bBlock-2 {
          display: inline-block;
          height: calc(100% - 30px);
          width: 50%; }

.print-tool {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 100%; }

/*四角坐標*/
.xy-view div:last-child {
  float: right; }

.xy-view div {
  padding: 0 5px;
  display: inline-block;
  width: auto; }

.A4Portrait_O {
  width: 794px;
  height: 1123px; }

.A4Landscape_O {
  width: 1123px;
  height: 794px; }

.A3Portrait_O {
  width: 1123px;
  height: 1587px; }

.A3Landscape_O {
  width: 1587px;
  height: 1123px; }

/*鳥瞰圖*/
.aerial-block {
  background: gray;
  position: absolute;
  bottom: 10px;
  right: 10px; }

/*指北針*/
.compass-icon {
  top: 40px;
  right: 10px;
  position: absolute;
  background-image: url("../images/Icons_custom/compass-icon.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  line-height: 50px; }

/*比例尺*/
.map-scale {
  background: gray;
  bottom: 40px;
  left: 10px;
  position: absolute; }

.leader-half {
  margin-bottom: 0.775rem; }

.trailer-half {
  margin-bottom: 0.775rem; }

.trailer-1 {
  margin-bottom: 1.55rem; }

.trailer-2 {
  margin-bottom: 3.1rem; }

.legendBar {
  font-size: 14px;
  padding: 4px 5px; }
  .legendBar .legendTitle > div {
    display: inline-block; }

.legendName {
  width: 180px;
  line-height: 16px; }

.displayNone {
  display: none !important; }

.map-corner-coord {
  position: absolute;
  font-size: 14px; }

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 9999994;
    overflow: hidden
}

    .sp-container.sp-flat {
        position: relative
    }

    .sp-container, .sp-container * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

.sp-top {
    position: relative;
    width: 100%;
    display: inline-block
}

.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20%
}

.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 100%
}

.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%
}

.sp-fill {
    padding-top: 80%
}

.sp-sat, .sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px
}

.sp-alpha-enabled .sp-alpha {
    display: block
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #000;
    background: #fff;
    opacity: .8
}

.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px
}

.sp-alpha-inner {
    border: solid 1px #333
}

.sp-clear {
    display: none
}

    .sp-clear.sp-clear-display {
        background-position: center
    }

.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px
}

.sp-alpha, .sp-alpha-handle, .sp-clear, .sp-container, .sp-container button, .sp-container.sp-dragging .sp-input, .sp-dragger, .sp-preview, .sp-replacer, .sp-slider {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none
}

    .sp-container.sp-input-disabled .sp-input-container {
        display: none
    }

    .sp-container.sp-buttons-disabled .sp-button-container {
        display: none
    }

    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
        display: none
    }

.sp-palette-only .sp-picker-container {
    display: none
}

.sp-palette-disabled .sp-palette-container {
    display: none
}

.sp-initial-disabled .sp-initial {
    display: none
}

.sp-sat {
    background-image: -webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));
    background-image: -webkit-linear-gradient(left,#fff,rgba(204,154,129,0));
    background-image: -moz-linear-gradient(left,#fff,rgba(204,154,129,0));
    background-image: -o-linear-gradient(left,#fff,rgba(204,154,129,0));
    background-image: -ms-linear-gradient(left,#fff,rgba(204,154,129,0));
    background-image: linear-gradient(to right,#fff,rgba(204,154,129,0))
}

.sp-val {
    background-image: -webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));
    background-image: -webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));
    background-image: -moz-linear-gradient(bottom,#000,rgba(204,154,129,0));
    background-image: -o-linear-gradient(bottom,#000,rgba(204,154,129,0));
    background-image: -ms-linear-gradient(bottom,#000,rgba(204,154,129,0));
    background-image: linear-gradient(to top,#000,rgba(204,154,129,0))
}

.sp-hue {
    background: -moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);
    background: -ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);
    background: -o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));
    background: -webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);
    background: linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)
}

.sp-1 {
    height: 17%
}

.sp-2 {
    height: 16%
}

.sp-3 {
    height: 17%
}

.sp-4 {
    height: 17%
}

.sp-5 {
    height: 16%
}

.sp-6 {
    height: 17%
}

.sp-hidden {
    display: none !important
}

.sp-cf:after, .sp-cf:before {
    content: "";
    display: table
}

.sp-cf:after {
    clear: both
}

@media (max-device-width:480px) {
    .sp-color {
        right: 40%
    }

    .sp-hue {
        left: 63%
    }

    .sp-fill {
        padding-top: 60%
    }
}

.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: #fff;
    opacity: .8
}

.sp-container {
    border-radius: 0;
    background-color: #ececec;
    border: solid 1px #f0c49b;
    padding: 0
}

    .sp-clear, .sp-color, .sp-container, .sp-container button, .sp-container input, .sp-hue {
        font: normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

.sp-top {
    margin-bottom: 3px
}

.sp-clear, .sp-color, .sp-hue {
    border: solid 1px #666
}

.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px
}

.sp-initial-disabled .sp-input-container {
    width: 100%
}

.sp-input {
    font-size: 12px !important;
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    background: 0 0;
    border-radius: 3px;
    color: #222
}

    .sp-input:focus {
        border: 1px solid orange
    }

    .sp-input.sp-validation-error {
        border: 1px solid red;
        background: #fdd
    }

.sp-palette-container, .sp-picker-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px
}

.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff
}

.sp-palette-container {
    border-right: solid 1px #ccc
}

.sp-palette-only .sp-palette-container {
    border: 0
}

.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: solid 2px transparent
}

    .sp-palette .sp-thumb-el.sp-thumb-active, .sp-palette .sp-thumb-el:hover {
        border-color: orange
    }

.sp-thumb-el {
    position: relative
}

.sp-initial {
    float: left;
    border: solid 1px #333
}

    .sp-initial span {
        width: 30px;
        height: 25px;
        border: none;
        display: block;
        float: left;
        margin: 0
    }

    .sp-initial .sp-clear-display {
        background-position: center
    }

.sp-button-container, .sp-palette-button-container {
    float: right
}

.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle
}

    .sp-replacer.sp-active, .sp-replacer:hover {
        border-color: #f0c49b;
        color: #111
    }

    .sp-replacer.sp-disabled {
        cursor: default;
        border-color: silver;
        color: silver
    }

.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px
}

.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float: left;
    z-index: 0
}

.sp-palette {
    max-width: 220px
}

    .sp-palette .sp-thumb-el {
        width: 16px;
        height: 16px;
        margin: 2px 1px;
        border: solid 1px #d0d0d0
    }

.sp-container {
    padding-bottom: 0
}

    .sp-container button {
        background-color: #eee;
        background-image: -webkit-linear-gradient(top,#eee,#ccc);
        background-image: -moz-linear-gradient(top,#eee,#ccc);
        background-image: -ms-linear-gradient(top,#eee,#ccc);
        background-image: -o-linear-gradient(top,#eee,#ccc);
        background-image: linear-gradient(to bottom,#eee,#ccc);
        border: 1px solid #ccc;
        border-bottom: 1px solid #bbb;
        border-radius: 3px;
        color: #333;
        font-size: 14px;
        line-height: 1;
        padding: 5px 4px;
        text-align: center;
        text-shadow: 0 1px 0 #eee;
        vertical-align: middle
    }

        .sp-container button:hover {
            background-color: #ddd;
            background-image: -webkit-linear-gradient(top,#ddd,#bbb);
            background-image: -moz-linear-gradient(top,#ddd,#bbb);
            background-image: -ms-linear-gradient(top,#ddd,#bbb);
            background-image: -o-linear-gradient(top,#ddd,#bbb);
            background-image: linear-gradient(to bottom,#ddd,#bbb);
            border: 1px solid #bbb;
            border-bottom: 1px solid #999;
            cursor: pointer;
            text-shadow: 0 1px 0 #ddd
        }

        .sp-container button:active {
            border: 1px solid #aaa;
            border-bottom: 1px solid #888;
            -webkit-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
            -moz-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
            -ms-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
            -o-box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;
            box-shadow: inset 0 0 5px 2px #aaa,0 1px 0 0 #eee
        }

.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin: 0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none
}

    .sp-cancel:hover {
        color: #d93f3f !important;
        text-decoration: underline
    }

.sp-palette span.sp-thumb-active, .sp-palette span:hover {
    border-color: #000
}

.sp-alpha, .sp-preview, .sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-alpha-inner, .sp-preview-inner, .sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
}

.sp-clear-display {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)
}