@charset "UTF-8";
/* Main Style */
/* Vendor */
/**
 * Foundation for Sites by ZURB
 * Version 6.5.0-rc.2
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------- Foundation End */
/* Layout */
/* Font Style */
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local("Muli Regular"), local("Muli-Regular"), url(https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local("Muli Regular"), local("Muli-Regular"), url(https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local("Muli Regular"), local("Muli-Regular"), url(https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local("Muli Bold"), local("Muli-Bold"), url(https://fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adYnjOCr2z3wM.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local("Muli Bold"), local("Muli-Bold"), url(https://fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adYnjOCv2z3wM.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local("Muli Bold"), local("Muli-Bold"), url(https://fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adYnjOCX2zw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "icon";
  src: url("../fonts/icons/icon.eot");
  src: url("../fonts/icons/icon.eot?#iefix") format("eot"), url("../fonts/icons/icon.woff2") format("woff2"), url("../fonts/icons/icon.woff") format("woff"), url("../fonts/icons/icon.ttf") format("truetype"), url("../fonts/icons/icon.svg#icon") format("svg");
}







.dropdown-content-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 350px;
    height: auto; 
    border: 0px solid black;
}

#dropdown-slide {
    position: absolute;
    top: -100%;
    width: 100%;
    height: auto;
    background: #ffffff;
    transition: 1s;
}

.dropdown-content-wrapper:hover #dropdown-slide {
    transition: 1s;
    left: 0;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
font-size: 15px!important;
  position: relative;
  display: inline-block;
 z-index:9999 !important;
}
.dropdown-wraper {
	position: absolute;
	top: 0px;
    right: 50px;
	}
.dropdown-wraper :hover{
    -webkit-transition: 1s;
	transition: 1s;
	}
	
.dropdown-content {
	text-align: left;
	padding: 12px 0px!important;
  display: none;
  position: absolute;
	top: 100px;
    left: 0px;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	border-radius: 0px;
	border-color: #D3D3D3;
	border-style: solid;
	border-width: 1px;
}

.dropdown-content a {
	vertical-align:middle;
	font-size: 16px!important;
  color: #706967!important;
  padding: 2px 20px 0px 20px!important;
  text-decoration: none;
  display: block;
	line-height: 34px!important;
}
.dropdown-content a:hover {
	color: #000000!important;
	background-color: #E5E5E5;
	font-weight: 600;
}

.dropdown-content .quiz a {
	color:#3CB696;
	font-weight: 600;
	font-size: 16px!important;
    padding: 2px 20px 0px 20px!important;
  text-decoration: none;
  display: block;
	line-height: 34px!important;
}
.dropdown-content .quiz a:hover {
	background-color: #ffffff!important;
	}
.new-message {
	background-color:#F47378;
	font-size:10px;
	color:#ffffff;
	padding: 2px 6px 2px 6px;
	border-radius: 100px;
	margin-bottom: 2px;
	}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content .member-class {
	padding: 5px 20px!important;
	border-radius: 200px;
	max-width: 50px;
	height: auto;
}

.dropdown-content .userID {
	max-width:300px;
	color:#9F9390;
	font-weight: 100;
	overflow: hidden;
  text-overflow: ellipsis;
  }
.dropdown-content .remind {
	display: block;
	padding: 5px 20px!important;
	font-size: 14px!important;
	color:#9F9390 !important;
}
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.dropdown-header {
	font-size: 16px!important;
	padding: 5px 22px!important;
	color: #9F9390!important;
	font-weight: 600;
}
.dropdown-divider {
	border-bottom: solid 1px #D3D3D3;
}

.member-dropdown {
  position: relative;
  display: inline-block;
}

.member-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}




.member-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.member-dropdown-content a:hover {background-color: #f1f1f1}

.member-dropdown:hover .member-dropdown-content {
  display: block;
}

.member-dropdown:hover .member-dropbtn {
  background-color: #3e8e41;
}




.ivy-icon:before {
  font-family: "icon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  line-height: 1em;
  margin-left: .2em;
}

.ivy-icon-arrow-hollowcircle_l:before {
  content: "\E001";
}

.ivy-icon-arrow-hollowcircle_r:before {
  content: "\E002";
}

.ivy-icon-arrow-r:before {
  content: "\E003";
}

.ivy-icon-bag:before {
  content: "\E004";
}

.ivy-icon-book-open:before {
  content: "\E005";
}

.ivy-icon-books:before {
  content: "\E006";
}

.ivy-icon-briefcase:before {
  content: "\E007";
}

.ivy-icon-calendar:before {
  content: "\E008";
}

.ivy-icon-calendar_2:before {
  content: "\E009";
}

.ivy-icon-cart:before {
  content: "\E00A";
}

.ivy-icon-cart_2:before {
  content: "\E00B";
}

.ivy-icon-clock:before {
  content: "\E00C";
}

.ivy-icon-compass:before {
  content: "\E00D";
}

.ivy-icon-copy:before {
  content: "\E00E";
}

.ivy-icon-email:before {
  content: "\E00F";
}

.ivy-icon-exclamation:before {
  content: "\E010";
}

.ivy-icon-fax:before {
  content: "\E011";
}

.ivy-icon-fb:before {
  content: "\E012";
}

.ivy-icon-google:before {
  content: "\E013";
}

.ivy-icon-heart-solid:before {
  content: "\E014";
}

.ivy-icon-heart:before {
  content: "\E015";
}

.ivy-icon-home:before {
  content: "\E016";
}

.ivy-icon-home2:before {
  content: "\E017";
}

.ivy-icon-human:before {
  content: "\E018";
}

.ivy-icon-ig:before {
  content: "\E019";
}

.ivy-icon-info:before {
  content: "\E01A";
}

.ivy-icon-line:before {
  content: "\E01B";
}

.ivy-icon-list_symbol:before {
  content: "\E01C";
}

.ivy-icon-login:before {
  content: "\E01D";
}

.ivy-icon-map-marker:before {
  content: "\E01E";
}

.ivy-icon-menu_9block:before {
  content: "\E01F";
}

.ivy-icon-next:before {
  content: "\E020";
}

.ivy-icon-notice:before {
  content: "\E021";
}

.ivy-icon-paper-plane:before {
  content: "\E022";
}

.ivy-icon-phone:before {
  content: "\E023";
}

.ivy-icon-qa:before {
  content: "\E024";
}

.ivy-icon-question:before {
  content: "\E025";
}

.ivy-icon-search:before {
  content: "\E026";
}

.ivy-icon-share:before {
  content: "\E027";
}

.ivy-icon-sign-in:before {
  content: "\E028";
}

.ivy-icon-sign-out:before {
  content: "\E029";
}

.ivy-icon-target:before {
  content: "\E02A";
}

.ivy-icon-tel:before {
  content: "\E02B";
}

.ivy-icon-tick:before {
  content: "\E02C";
}

.ivy-icon-yt:before {
  content: "\E02D";
}

/* Vendor Style */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Muli", "Microsoft JhengHei", Arial, sans-serif;
  font-weight: normal;
  line-height: 2;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput='mouse'] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

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

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2.9375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2;
  color: #000;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #cacaca;
          box-shadow: 0 0 5px #cacaca;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

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

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

::placeholder {
  color: #cacaca;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
  cursor: pointer;
}

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem;
}

[type='file'] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000;
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #000;
}

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #000;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.9375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2;
  color: #000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #cacaca;
          box-shadow: 0 0 5px #cacaca;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  border-color: #ff4141;
  background-color: #ffecec;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
  color: #ff4141;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #ff4141;
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
  color: #ff4141;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #ff4141;
}

.is-invalid-label {
  color: #ff4141;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ff4141;
}
.form-error.is-visible {
  display: block;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 2;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Muli", "Microsoft JhengHei", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 2.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.375rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem;
  }

  h2, .h2 {
    font-size: 2.125rem;
  }

  h3, .h3 {
    font-size: 1.75rem;
  }

  h4, .h4 {
    font-size: 1.5rem;
  }

  h5, .h5 {
    font-size: 1.375rem;
  }

  h6, .h6 {
    font-size: 1.125rem;
  }
}
a {
  line-height: inherit;
  color: #19b5b1;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #169c98;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 93.5rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 2;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 2;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}
cite:before {
  content: "— ";
}

abbr, abbr[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

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

.text-justify {
  text-align: justify;
}
.index-recommend-other-wrapper {
	margin:0px -30px 0.2em -30px!important;
	text-align: center!important;
	padding-top:1em;
}
.index-recommend-button {
	font-size:1.1em!important;
	padding:12px 20px!important;
}
}

@media screen and (min-width: 40em) {
	.index-recommend-other-wrapper {
	margin:0px -30px 0.2em -30px!important;
	text-align: center!important;
	padding-top:1em;
}
.index-recommend-button {
	font-size:1.1em!important;
	padding:12px 20px!important;
}
	
	
}
@media screen and (max-width: 40em) {
.index-recommend-button {
	font-size:1em!important;
	padding:7px 10px!important;
}
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }

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

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

  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

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

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

  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .print-break-inside {
    page-break-inside: auto;
  }
}
.grid-container {
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  max-width: 93.5rem;
  margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.fluid {
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  max-width: 100%;
  margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin: 0 auto;
}

.grid-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}
.cell.auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.cell.shrink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.grid-x > .small-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333%;
}

.grid-x > .small-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66667%;
}

.grid-x > .small-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.grid-x > .small-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333%;
}

.grid-x > .small-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66667%;
}

.grid-x > .small-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.grid-x > .small-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333%;
}

.grid-x > .small-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66667%;
}

.grid-x > .small-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.grid-x > .small-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333%;
}

.grid-x > .small-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66667%;
}

.grid-x > .small-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .medium-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .grid-x > .medium-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333%;
  }

  .grid-x > .medium-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }

  .grid-x > .medium-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .grid-x > .medium-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }

  .grid-x > .medium-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66667%;
  }

  .grid-x > .medium-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .grid-x > .medium-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333%;
  }

  .grid-x > .medium-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66667%;
  }

  .grid-x > .medium-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .grid-x > .medium-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333%;
  }

  .grid-x > .medium-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66667%;
  }

  .grid-x > .medium-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .large-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .grid-x > .large-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333%;
  }

  .grid-x > .large-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66667%;
  }

  .grid-x > .large-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .grid-x > .large-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333%;
  }

  .grid-x > .large-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66667%;
  }

  .grid-x > .large-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .grid-x > .large-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333%;
  }

  .grid-x > .large-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66667%;
  }

  .grid-x > .large-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .grid-x > .large-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333%;
  }

  .grid-x > .large-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66667%;
  }

  .grid-x > .large-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 3.125rem);
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.33333% - 3.125rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.66667% - 3.125rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 3.125rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.33333% - 3.125rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.66667% - 3.125rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 3.125rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.33333% - 3.125rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.66667% - 3.125rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 3.125rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.33333% - 3.125rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.66667% - 3.125rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 3.125rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.875rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.875rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -1.5625rem;
  margin-left: -1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -1.5625rem;
  margin-left: -1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.33333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.66667%;
}

.small-up-7 > .cell {
  width: 14.28571%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.33333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.66667%;
  }

  .medium-up-7 > .cell {
    width: 14.28571%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.33333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.66667%;
  }

  .large-up-7 > .cell {
    width: 14.28571%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 3.125rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 3.125rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 3.125rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 3.125rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 3.125rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 3.125rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 3.125rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 3.125rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.33333%;
}
.small-margin-collapse > .small-2 {
  width: 16.66667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.33333%;
}
.small-margin-collapse > .small-5 {
  width: 41.66667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.33333%;
}
.small-margin-collapse > .small-8 {
  width: 66.66667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.33333%;
}
.small-margin-collapse > .small-11 {
  width: 91.66667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.5625rem);
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 1.5625rem);
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 1.5625rem);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.5625rem);
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 1.5625rem);
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 1.5625rem);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.5625rem);
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 1.5625rem);
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 1.5625rem);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.5625rem);
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 1.5625rem);
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 1.5625rem);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }
}
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }
}
.grid-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.grid-y > .cell {
  width: auto;
  max-width: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.grid-y > .small-1 {
  height: 8.33333%;
}
.grid-y > .small-2 {
  height: 16.66667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.33333%;
}
.grid-y > .small-5 {
  height: 41.66667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.33333%;
}
.grid-y > .small-8 {
  height: 66.66667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.33333%;
}
.grid-y > .small-11 {
  height: 91.66667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.33333%;
  }
  .grid-y > .medium-2 {
    height: 16.66667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.33333%;
  }
  .grid-y > .medium-5 {
    height: 41.66667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.33333%;
  }
  .grid-y > .medium-8 {
    height: 66.66667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.33333%;
  }
  .grid-y > .medium-11 {
    height: 91.66667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.33333%;
  }
  .grid-y > .large-2 {
    height: 16.66667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.33333%;
  }
  .grid-y > .large-5 {
    height: 41.66667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.33333%;
  }
  .grid-y > .large-8 {
    height: 66.66667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.33333%;
  }
  .grid-y > .large-11 {
    height: 91.66667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -1.5625rem;
  margin-bottom: -1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -1.5625rem;
  margin-bottom: -1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 3.125rem);
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.33333% - 3.125rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.66667% - 3.125rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 3.125rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.33333% - 3.125rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.66667% - 3.125rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 3.125rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.33333% - 3.125rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.66667% - 3.125rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 3.125rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.33333% - 3.125rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.66667% - 3.125rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 3.125rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw;
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .medium-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw;
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .large-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -1.5625rem;
  margin-bottom: -1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 3.125rem);
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.33333% - 3.125rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.66667% - 3.125rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 3.125rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.33333% - 3.125rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.66667% - 3.125rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 3.125rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.33333% - 3.125rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.66667% - 3.125rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 3.125rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.33333% - 3.125rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.66667% - 3.125rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 3.125rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 3.125rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 1em 3em;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #19b5b1;
  color: #fff;
}
[data-whatinput='mouse'] .button {
  outline: 0;
}
.button:hover, .button:focus {
  background-color: #159a96;
  color: #fff;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button.primary {
  background-color: #19b5b1;
  color: #000;
}
.button.primary:hover, .button.primary:focus {
  background-color: #14918e;
  color: #000;
}
.button.secondary {
  background-color: #767676;
  color: #000;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #000;
}
.button.success {
  background-color: #3adb76;
  color: #000;
}
.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #000;
}
.button.warning {
  background-color: #ffae00;
  color: #000;
}
.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #000;
}
.button.alert {
  background-color: #ff4141;
  color: #000;
}
.button.alert:hover, .button.alert:focus {
  background-color: #ff0101;
  color: #000;
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
  background-color: #19b5b1;
  color: #fff;
}
.button.disabled.primary, .button[disabled].primary {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
  background-color: #19b5b1;
  color: #000;
}
.button.disabled.secondary, .button[disabled].secondary {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #767676;
  color: #000;
}
.button.disabled.success, .button[disabled].success {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #3adb76;
  color: #000;
}
.button.disabled.warning, .button[disabled].warning {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #ffae00;
  color: #000;
}
.button.disabled.alert, .button[disabled].alert {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #ff4141;
  color: #000;
}
.button.hollow {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}
.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #0d5b59;
  color: #0d5b59;
}
.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.hollow.primary {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0d5b59;
  color: #0d5b59;
}
.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.hollow.secondary {
  border: 1px solid #767676;
  color: #767676;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}
.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}
.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.alert {
  border: 1px solid #ff4141;
  color: #ff4141;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #a00000;
  color: #a00000;
}
.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
  border: 1px solid #ff4141;
  color: #ff4141;
}
.button.clear {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.clear, .button.clear:hover, .button.clear:focus {
  background-color: transparent;
}
.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  background-color: transparent;
}
.button.clear:hover, .button.clear:focus {
  border-color: #0d5b59;
  color: #0d5b59;
}
.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border-color: transparent;
}
.button.clear.primary {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  border-color: #0d5b59;
  color: #0d5b59;
}
.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border: 1px solid #19b5b1;
  color: #19b5b1;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border-color: transparent;
}
.button.clear.secondary {
  border: 1px solid #767676;
  color: #767676;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border-color: transparent;
}
.button.clear.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.clear.success:hover, .button.clear.success:focus {
  border-color: #157539;
  color: #157539;
}
.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border-color: transparent;
}
.button.clear.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  border-color: #805700;
  color: #805700;
}
.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border-color: transparent;
}
.button.clear.alert {
  border: 1px solid #ff4141;
  color: #ff4141;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  border-color: #a00000;
  color: #a00000;
}
.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border: 1px solid #ff4141;
  color: #ff4141;
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border-color: transparent;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 3em;
}
.button.dropdown.hollow::after {
  border-top-color: #19b5b1;
}
.button.dropdown.hollow.primary::after {
  border-top-color: #19b5b1;
}
.button.dropdown.hollow.secondary::after {
  border-top-color: #767676;
}
.button.dropdown.hollow.success::after {
  border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after {
  border-top-color: #ff4141;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid #f2f2f2;
  background-color: #fff;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f9f9f9;
  color: #000;
}

tfoot {
  background: #f2f2f2;
  color: #000;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2;
}

table.unstriped tbody {
  background-color: #fff;
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}

@media screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f4f4f4;
}
table.hover tfoot tr:hover {
  background-color: #ededed;
}
table.hover tbody tr:hover {
  background-color: #fafafa;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed;
}

.table-scroll {
  overflow-x: auto;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #19b5b1;
  color: #fff;
}
.badge.primary {
  background: #19b5b1;
  color: #000;
}
.badge.secondary {
  background: #767676;
  color: #000;
}
.badge.success {
  background: #3adb76;
  color: #000;
}
.badge.warning {
  background: #ffae00;
  color: #000;
}
.badge.alert {
  background: #ff4141;
  color: #000;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  /* display: none; */
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #000;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #19b5b1;
  color: #fff;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: '\2026';
  color: #000;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab';
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb';
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #000;
  font-size: 80%;
  color: #fff;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #000;
  bottom: 100%;
}
.tooltip.bottom.align-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000 transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000;
  left: 100%;
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000 transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.accordion {
  margin-left: 0;
  background: #fff;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #19b5b1;
}
.accordion-title :last-child:not(.is-active) > .accordion-title :last-child {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: '+';
}
.is-active > .accordion-title::before {
  content: '\2013';
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fff;
  color: #000;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
[data-whatinput='mouse'] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 800px;
    max-width: 93.5rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 93.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 93.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 93.5rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.clearfix::after {
  clear: both;
}

.align-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-justify {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-self-middle {
  -ms-flex-item-align: center;
      align-self: center;
}

.align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.align-center-middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .large-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .large-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .large-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .large-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .large-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

.flex-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .medium-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .medium-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .medium-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .large-flex-child-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .large-flex-child-grow {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  .large-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .large-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .large-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

/* --------------------------------------------------------- Foundation End */
/**
 * SimpleBar.js - v3.0.0-beta.3
 * Scrollbars, simpler.
 * https://grsmto.github.io/simplebar/
 * 
 * Made by Adrien Denat from a fork by Jonathan Nicol
 * Under MIT License
 */
[data-simplebar] {
  position: relative;
  z-index: 0;
  overflow: hidden !important;
  max-height: inherit;
  -webkit-overflow-scrolling: touch;
  /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

[data-simplebar="init"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-simplebar] .simplebar-scroll-content,
[data-simplebar] .simplebar-content {
  overflow: hidden;
}

[data-simplebar="init"] .simplebar-scroll-content,
[data-simplebar="init"] .simplebar-content {
  overflow: scroll;
}

.simplebar-scroll-content {
  overflow-x: hidden !important;
  min-width: 100% !important;
  max-height: inherit !important;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

.simplebar-content {
  overflow-y: hidden !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  min-height: 100% !important;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 11px;
  pointer-events: none;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0 linear;
  transition: opacity 0 linear;
}

.simplebar-track.vertical {
  top: 0;
}

.simplebar-track.vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.horizontal {
  left: 0;
  width: auto;
  height: 11px;
}

.simplebar-track.horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track {
  right: auto;
  left: 0;
}

[data-simplebar-direction="rtl"] .simplebar-track.horizontal {
  right: 0;
}

/* Page Style */
/* 說明
 * 此檔案/區塊僅包含 Loader、Header、Footer, HTML tag item
 * 	- 表單(Form)相關元件在 _layout_inside.sass
 * 內頁共用元件放置於(包含修改Foundation元件、Keyframes等)： _layout_inside.sass
 * 每個單元只開一個css(如果有sass、scss檔案綜合的單元)，請統一 import 到一個檔案上（要寫註解）
 * 	- 例如：
 * 		第九單元 9.0_企業合作 只開一個 busi.sass (如果有開其它檔案，須集中import於該檔案)
 * 		第六單元 6.0_客服中心 只開一個 faq.sass (如果有開其它檔案，須集中import於該檔案)
 * 		※以Banner樣式相同為主
 * Foundation大部分的元件沒有載入
 * 	- 請見sass/foundation/_foundation.scss 後半部 @mixin foundation-everything後 80行後
 * 	- 需要載入請開啟註解的 @include
 */
/* Tag item */
body {
  overflow-x: hidden;
}

a.disabled {
  color: #999;
  cursor: default;
  pointer-events: none;
}

a:focus, button:focus, .reveal:focus {
  outline: none;
}

/* Form */
select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.071%22%20height%3D%224.743%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M7.571.5L4.036%204.036.5.5%22%2F%3E%3C%2Fsvg%3E");
  background-size: 8px 5px;
  background-position: right -0.625rem center;
}

select,
[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
  border-radius: 3px;
  margin-bottom: 2em;
}
select:focus,
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

textarea {
  min-height: 150px;
}

label {
  margin-bottom: 0.3em;
  font-size: 1em;
  font-weight: bold;
  color: #333;
}

@media print, screen and (min-width: 40em) {
  select {
    background-position: right 0.5rem center;
  }

  select,
  [type='text'],
  [type='password'],
  [type='date'],
  [type='datetime'],
  [type='datetime-local'],
  [type='month'],
  [type='week'],
  [type='email'],
  [type='number'],
  [type='search'],
  [type='tel'],
  [type='time'],
  [type='url'],
  [type='color'],
  textarea {
    height: 3.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  textarea {
    height: auto;
  }

  label {
    margin-bottom: 0.5em;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  textarea {
    max-height: 500px;
  }
}
/* Loader */
#loader {
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
@media screen and (max-width: 39.99875em) {
  #loader {
    background-size: 150px;
  }
}
#loader span {
  position: absolute;
  padding-top: 0.5em;
  left: 50%;
  display: block;
  color: #999;
  font-size: 0.875rem;
  white-space: nowrap;
  letter-spacing: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#loader span:after {
  position: absolute;
  content: "";
  -webkit-animation: Dots 2s cubic-bezier(0, 0.39, 1, 0.68) infinite;
          animation: Dots 2s cubic-bezier(0, 0.39, 1, 0.68) infinite;
}
#loader .loader-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#loader .book {
  position: relative;
  width: 60px;
  height: 45px;
  -webkit-perspective: 150px;
          perspective: 150px;
  border: 4px solid #19b5b1;
}
#loader .page {
  display: block;
  width: 30px;
  height: 45px;
  border: 4px solid #19b5b1;
  border-left-width: 1px;
  margin: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  overflow: hidden;
  background: white;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
#loader .page:nth-child(1) {
  -webkit-animation: pageTurn_right 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.6s infinite;
          animation: pageTurn_right 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.6s infinite;
}
#loader .page:nth-child(2) {
  -webkit-animation: pageTurn_right 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.4s infinite;
          animation: pageTurn_right 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.4s infinite;
}
#loader .page:nth-child(3) {
  -webkit-animation: pageTurn_right 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.2s infinite;
          animation: pageTurn_right 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.2s infinite;
}
@-webkit-keyframes pageTurn_left {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  20% {
    background: #d2f9f8;
  }
  40% {
    background: #bcf6f4;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    background: white;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@keyframes pageTurn_left {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  20% {
    background: #d2f9f8;
  }
  40% {
    background: #bcf6f4;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    background: white;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@-webkit-keyframes pageTurn_right {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  20% {
    background: #d2f9f8;
  }
  40% {
    background: #bcf6f4;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    background: white;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
}
@keyframes pageTurn_right {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  20% {
    background: #d2f9f8;
  }
  40% {
    background: #bcf6f4;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    background: white;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
}
@-webkit-keyframes Dots {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}
@keyframes Dots {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}
#loader.loaded {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: opacity 1s 0.8s, -webkit-transform 1s 0.8s;
  transition: opacity 1s 0.8s, -webkit-transform 1s 0.8s;
  transition: transform 1s 0.8s, opacity 1s 0.8s;
  transition: transform 1s 0.8s, opacity 1s 0.8s, -webkit-transform 1s 0.8s;
}
#loader.loaded .loader-img {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
#loader.loaded span {
  color: #19b5b1;
  opacity: 0;
  -webkit-transition: opacity 1s 0.2s;
  transition: opacity 1s 0.2s;
}

.no-js #loader {
  opacity: 0;
  -webkit-transition: opacity 1s 1s;
  transition: opacity 1s 1s;
}

/* Header */
.page-alertBox {
  position: relative;
  z-index: 1000;
  color: #fff;
  background: #5fb8c4;
  line-height: 0.5em;
<<<<<<< HEAD
<<<<<<< HEAD
	height: 80px;	
=======
	height: 50px;	
>>>>>>> 調整黃金版為位移問題_20211122
=======
>>>>>>> 調整黃金版為位移問題_20211122
}
.page-alertBox .text-box {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 0.5em;
<<<<<<< HEAD
<<<<<<< HEAD
  min-height: 80px;
=======
  min-height: 50px;
>>>>>>> 調整黃金版為位移問題_20211122
=======
  min-height: 3.75rem;
>>>>>>> 調整黃金版為位移問題_20211122
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-all;
  word-break: break-word;
}
.page-alertBox p {
  margin-bottom: 0;
}
@media screen and (max-width: 39.99875em) {
  .page-alertBox {
    font-size: 0.875rem;
	line-height: 0em;
	height: 60px;
  }
  .page-alertBox .text-box {
    padding-right: 4rem;
	display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	  overflow: hidden;
	  bottom: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .page-alertBox .text-box {
    padding: 1.25rem 18.75rem 1.25rem 3rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-alertBox .text-box:before {
    content: "";
    position: absolute;
    right: 70px;
    bottom: 0;
    width: 244px;
    height: 80px;
    background: url(../images/alert_img.png) no-repeat bottom center;
    background-size: 100%;
  }
  .page-alertBox .btn-close {
    right: 39px;
  }
}
@media screen and (min-width: 64em) {
  .page-alertBox .text-box {
    padding-right: 24.375rem;
  }
  .page-alertBox .text-box:before {
    right: 160px;
  }
  .page-alertBox .btn-close {
    right: 60px;
  }
}

.header-top-bar {
  background: #434343;
}
.header-top-bar .link-list {
  list-style: none;
  margin: 0 auto;
}
.header-top-bar .link-list:before, .header-top-bar .link-list:after {
  content: "";
  display: table;
  clear: both;
}
.header-top-bar li {
  float: left;
  position: relative;
}
.header-top-bar a {
  margin-right: 1px;
  padding: 0.25rem 1.25rem;
  display: inline-block;
  font-size: 0.875rem;
  color: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.header-top-bar a:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  display: block;
  width: 1px;
  height: calc(100% - 20px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  opacity: 0.15;
}
.header-top-bar a:hover, .header-top-bar a:focus {
  background: #000;
}
.header-top-bar .has-dropdown:hover .menu {
  max-height: 200px;
}
.header-top-bar .has-dropdown:focus-within .menu {
  max-height: 200px;
}
.header-top-bar .has-dropdown > a:focus ~ .menu {
  max-height: 200px;
}
.header-top-bar .menu {
  position: absolute;
  z-index: 5;
  left: 0;
  margin-left: 0;
  max-height: 0;
  overflow: hidden;
  list-style: none;
  white-space: nowrap;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
.header-top-bar .menu a {
  color: #000;
}
.header-top-bar .menu a:hover, .header-top-bar .menu a:focus {
  color: #00ADA9;
  background: #fff;
}

.new-bubble {
	color:#FFFFFF;
	font-weight:500;
	font-size:0.6em;
	display:inline-block;
	position:absolute;
	top:-8px;
	background-color:#3CB696;
	padding:5px 5px 4px 5px;
	border-radius:50px;
	line-height:12px;
	margin-left:-20px;
}
.count-bubble {
	position:absolute;
	top:22%;
	vertical-align: middle;
	color:#00ADA9;
	font-weight:600;
	font-size:0.6em;
	background-color:#DCE9E6;
	padding:5px 8px;
	border-radius:50px;
	line-height:12px;
	margin-left:3px;
}

.btn-close {
  position: absolute;
  right: 16px;
  top: 50%;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.btn-close:before, .btn-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -17px;
  display: block;
  width: 35px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btn-close:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.btn-close:hover, .btn-close:focus {
  background: #41a2af;
}

@media screen and (max-width: 40em) {
.btn-close {
  position: absolute;
  right: 6px;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
}


header .sticky-container {
  -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: top 0.3s, transform 0.3s, opacity 0.3s;
  transition: top 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: -0.05s;
          transition-delay: -0.05s;
}
header.is-sticky .sticky-container {
  position: fixed;
  z-index: 900;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
}
header.is-sticky.is-collapse .sticky-container {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
@media screen and (min-width: 64em) {
  header .sticky-container {
    background: #fff;
  }
  header .header-pc {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header.is-sticky .header-cart {
    position: fixed;
    top: 130px;
  }
  header.is-collapse .header-cart {
    top: -44px;
    max-height: 0;
    transition: max-height 1s, box-shadow 0.3s, -webkit-box-shadow 0.3s, top 0.3s;
  }
	  header.is-sticky .header-mem {
    position: fixed;
    top: 130px;
  }
  header.is-collapse .header-mem {
    top: -44px;
    max-height: 0;
    transition: max-height 1s, box-shadow 0.3s, -webkit-box-shadow 0.3s, top 0.3s;
  }
}

.header-logo-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-logo {
  display: inline-block;
  width: 96px;
}
.header-logo:before {
  content: "";
  display: block;
  padding-top: 43.06569%;
  background: url(../images/logo.svg) no-repeat center center;
  background-size: contain;
}
@media print, screen and (min-width: 40em) {
  .header-logo {
    width: 144px;
  }
}

.header-tel {
  position: relative;
  padding-left: 2.5em;
  display: inline-block;
  white-space: nowrap;
}
.header-tel .tel-num {
  font-weight: bold;
  color: #ff6f62;
  display: block;
  font-size: 1.25rem;
}
.header-tel .tel-num i {
  position: absolute;
  left: 0;
}
.header-tel .tel-num a {
  color: #ff6f62;
}

.header-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #aaaaaa;
  background: #e8e8e8;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.header-search:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background: #3cb696;
}
.header-search:focus-within {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 63.99875em) {
  .header-search:focus-within:before {
    width: 100%;
    left: 0;
  }
}

.header-search-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header-search-input select,
.header-search-input input {
  margin-bottom: 0;
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 0.9375rem;
  height: 3.125rem;
}
.header-search-input select {
  padding-left: 0.875rem;
  width: 100%;
  color: rgba(0, 0, 0, 0.8);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.071%22%20height%3D%224.743%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%233CB696%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M7.571.5L4.036%204.036.5.5%22%2F%3E%3C%2Fsvg%3E");
  background-position: right -0.625rem center;
}
.header-search-input input {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  line-height: 1;
}
.header-search-input input:focus {
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header-search-input .search-select {
  position: relative;
  width: 70%;
  max-width: 110px;
}
.header-search-input .search-select:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background: #bababa;
}

.header-search-btn {
  width: 50px;
  color: #454545;
}
.header-search-btn span {
  display: none;
}

@media screen and (min-width: 64em) {
  .header-search-box {
    margin-left: 30px;
    margin-right: 30px;
    max-width: 490px;
    width: 33vw;
  }

  .header-search {
    background: #fff;
    border: 1px solid #3cb696;
  }
  .header-search:before {
    content: none;
  }

  .header-search-input input,
  .header-search-input select {
    height: 2.8125rem;
  }
  .header-search-input .search-select {
    width: 180px;
    max-width: none;
  }

  .header-search-btn {
    color: #fff;
    background: #3cb696;
    width: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .header-search-btn i {
    display: none;
  }
  .header-search-btn span {
    display: inline;
  }
  .header-search-btn:hover, .header-search-btn:focus {
    background: #2f9076;
  }
}
@media screen and (min-width: 75em) {
  .header-search-btn {
    width: 120px;
    letter-spacing: 1em;
    text-indent: 1em;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
}
.search-filter {
  position: relative;
}
.search-filter .search-filter-list {
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 0;
  margin: 0;
  padding-left: 0;
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0;
  font-size: 16px;
  -webkit-box-shadow: 0 0 5px #cacaca;
  box-shadow: 0 0 5px #cacaca;
  background: #fefefe;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  max-height: 0;
  opacity: 0;
  border-width: 0;
  -webkit-transition: max-height 0.3s 1s;
  transition: max-height 0.3s 1s;
}
.search-filter .search-filter-list li {
  display: block;
  padding: 0.5rem;
  cursor: default;
}
.search-filter .search-filter-list li.is--selected {
  background: #eeeeee;
}
.search-filter .search-filter-input:focus ~ .search-filter-list {
  overflow-y: auto;
  max-height: 11.25rem;
  opacity: 1;
  border-width: 1px;
  -webkit-transition: max-height 0s 0s;
  transition: max-height 0s 0s;
}
@media print, screen and (min-width: 40em) {
  .search-filter .search-filter-input:focus ~ .search-filter-list {
    max-height: 15.375rem;
  }
}
.search-filter .search-filter-list li {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
@media print, screen and (min-width: 40em) {
  .search-filter .search-filter-input:focus ~ .search-filter-list {
    max-height: 23rem;
  }
}
@media screen and (max-width: 63.99875em) {
  .search-filter {
    position: static;
  }
}

.member-func {
  list-style: none;
  margin: 0;
  text-align: center;
}
.member-func a {
  color: #000;
  display: block;
}
.member-func .icon-box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 28px;
  color: #00ada9;
}
.member-func .icon-box:before {
  content: "";
  display: block;
  padding-top: 100%;
  border-radius: 50%;
  background: currentColor;
}
.member-func .icon-box.login {
  color: #ff988f;
}
.member-func .icon-box.signin {
  color: #ffcd55;
}
.member-func .icon-box.cart {
  color: #718fd9;
}
.member-func .icon-box i {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.member-func .badge {
  position: absolute;
  z-index: 10;
  top: -10%;
  right: -10%;
  color: #fff;
  line-height: 1.5;
}
.member-func .wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.member-func .wave:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid currentColor;
  border-radius: 50%;
  opacity: 0.5;
}
@media screen and (max-width: 63.99875em) {
  .member-func li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .member-func a {
    padding: 0.75rem;
    color: #333333;
  }
  .member-func .icon-box {
    margin: 0 auto;
  }
  .member-func .icon-box i {
    font-size: 0.875em;
  }
  .member-func .badge {
    top: 10%;
    right: 0;
    -webkit-transform: translate(50%, -50%) scale(0.9);
            transform: translate(50%, -50%) scale(0.9);
  }
}
@media screen and (max-width: 23.375em) {
  .member-func a {
    padding: 0.4375rem 0.25rem;
    line-height: 1;
  }
  .member-func .icon-box {
    margin-bottom: 6px;
  }
  .member-func .badge {
    top: 30%;
  }
}
@media screen and (min-width: 64em) {
  .member-func {
    white-space: nowrap;
  }
  .member-func li {
    display: inline-block;
    margin: 0 0.25rem;
  }
  .member-func li:last-child {
    margin-right: 0;
  }
  .member-func .icon-box {
    width: 54px;
  }
  .member-func .icon-box i {
    font-size: 1.5rem;
  }
  .member-func .icon-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .member-func .icon-box.login:after {
    background: #ff695c;
  }
  .member-func .icon-box.signin:after {
    background: #ffbe22;
  }
  .member-func .icon-box.cart:after {
    background: #496fce;
  }
  .member-func a:hover, .member-func a:focus {
    color: #19b5b1;
  }
  .member-func a:hover .icon-box:after, .member-func a:focus .icon-box:after {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .member-func a:hover .wave:before, .member-func a:focus .wave:before {
    -webkit-animation: circleWave 2s infinite;
            animation: circleWave 2s infinite;
  }
  .member-func .cart-open {
    color: #19b5b1;
  }
  .member-func .cart-open .icon-box:after {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .member-func .cart-open .wave:before {
    -webkit-animation: circleWave 2s infinite;
            animation: circleWave 2s infinite;
  }
 .member-func .mem-open {
    color: #19b5b1;
  }
  .member-func .mem-open .icon-box:after {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .member-func .mem-open .wave:before {
    -webkit-animation: circleWave 2s infinite;
            animation: circleWave 2s infinite;
  }
}
@media screen and (min-width: 75em) {
  .member-func li {
    margin: 0 0.9375rem;
  }
}

.member-func-mobile {
  position: fixed;
  z-index: 800;
  bottom: 0;
  left: 0;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  font-size: 0.75rem;
  -webkit-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.05);
          box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.05);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 64em) {
  .member-func-mobile {
    display: none !important;
  }
}

@media (hover: none) {
  a.main_menu-cart-pc:link:hover {
    color: #000;
  }
  a.main_menu-cart-pc:link:hover .icon-box:after {
    content: none;
  }
  a.main_menu-cart-pc:link:hover .wave:before {
    -webkit-animation: none;
            animation: none;
  }
  a.main_menu-cart-pc:link.clicked {
    color: #19b5b1;
  }
  a.main_menu-cart-pc:link.clicked .wave:before {
    -webkit-animation: circleWave 2s infinite;
            animation: circleWave 2s infinite;
  }
  a.main_menu-mem-pc:link:hover {
    color: #000;
  }
  a.main_menu-mem-pc:link:hover .icon-box:after {
    content: none;
  }
  a.main_menu-mem-pc:link:hover .wave:before {
    -webkit-animation: none;
            animation: none;
  }
  a.main_menu-mem-pc:link.clicked {
    color: #19b5b1;
  }
  a.main_menu-mem-pc:link.clicked .wave:before {
    -webkit-animation: circleWave 2s infinite;
            animation: circleWave 2s infinite;
  }
}
@-webkit-keyframes circleWave {
  0% {
    border-width: 5px;
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    border-width: 1px;
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  81%, 100% {
    border-width: 5px;
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes circleWave {
  0% {
    border-width: 5px;
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    border-width: 1px;
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  81%, 100% {
    border-width: 5px;
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.main-nav ul {
  list-style: none;
  margin: 0;
}
@media screen and (max-width: 63.99875em) {
	.main-nav ul {
	line-height: 1;
	}
}
.main-nav li {
  position: relative;
}
.main-nav a {
  position: relative;
  display: block;
  padding: 0.9375rem;
  padding-right: 2.5rem;
  color: #000;
  border-bottom: 1px solid #dbdbdb;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.main-nav .has-dropdown > .menu {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.main-nav .has-dropdown.is-active > .menu {
  max-height: 560px;
}
.main-nav > ul > .has-dropdown > a:before {
  content: "";
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -7px;
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #343434;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.main-nav > ul > .has-dropdown.is-active > a {
  color: #fff;
  background: #434343;
}
.main-nav > ul > .has-dropdown.is-active > a:before {
  margin-top: -2px;
  border-color: #fff;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.main-nav ul ul > .has-dropdown > a:before, .main-nav ul ul > .has-dropdown > a:after {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -1px;
  display: block;
  width: 13px;
  height: 2px;
  background: #999;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.main-nav ul ul > .has-dropdown > a:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.main-nav ul ul > .has-dropdown.is-active > a {
  color: #fff;
  background: #1cb6b2;
}
.main-nav ul ul > .has-dropdown.is-active > a:before, .main-nav ul ul > .has-dropdown.is-active > a:after {
  background: #fff;
}
.main-nav ul ul > .has-dropdown.is-active > a:before {
  opacity: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.main-nav ul ul > .has-dropdown.is-active > a:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 63.99875em) {
  .main-nav {
    margin-bottom: 3rem;
  }
  .main-nav ul ul a {
    padding-left: 1.9375rem;
    color: rgba(0, 0, 0, 0.8);
  }
  .main-nav ul ul ul a {
    padding-left: 2.9375rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .main-nav .has-dropdown > .menu {
    max-height: none;
  }
  .main-nav .has-dropdown:not(.is-active) > .menu a {
    color: transparent;
    font-size: 0;
    margin: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    line-height: 0;
    -webkit-transition: opacity 0.25s, font-size 0.5s 0.25s, line-height 0.5s 0.25s, margin 0.5s 0.25s, padding 0.5s 0.25s, color 0.25s;
    transition: opacity 0.25s, font-size 0.5s 0.25s, line-height 0.5s 0.25s, margin 0.5s 0.25s, padding 0.5s 0.25s, color 0.25s;
  }
  .main-nav .has-dropdown.is-active > .menu {
    max-height: none;
  }
  .main-nav .has-dropdown.is-active > .menu a {
    -webkit-transition: font-size 0.25s, margin 0.25s, padding 0.25s, line-height 0.25s, color 0.25s, opacity 0.5s 0.25s;
    transition: font-size 0.25s, margin 0.25s, padding 0.25s, line-height 0.25s, color 0.25s, opacity 0.5s 0.25s;
  }
}
@media screen and (min-width: 64em) {
  .main-nav {
    background: #ebebeb;
    text-align: center;
  }
  .main-nav a {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .main-nav ul ul > .has-dropdown.is-active > a:hover {
    background: #158a87;
  }
  .main-nav ul ul ul a {
    padding-left: 1.9375rem;
  }
  .main-nav .main-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-nav .main-nav-list > li {
    display: inline-block;
  }
  .main-nav > ul > li {
    position: relative;
  }
  .main-nav > ul > li:not(:last-child):before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5em;
    width: 1px;
    height: 1em;
    background: #d3d3d3;
  }
  .main-nav > ul > li > a {
    padding-left: 2.5rem;
    min-width: 160px;
    border: none;
    white-space: nowrap;
  }
  .main-nav > ul > li > a:before {
    opacity: 0;
  }
  .main-nav > ul > li > a:hover, .main-nav > ul > li > a:focus {
    color: #fff;
    background: #434343;
  }
  .main-nav > ul > li > a:hover:before, .main-nav > ul > li > a:focus:before {
    opacity: 1;
  }
  .main-nav > ul > li.has-dropdown > .menu {
    position: absolute;
    z-index: 900;
    overflow-y: auto;
    min-width: 100%;
    font-size: 0.875rem;
    white-space: nowrap;
    background: #fff;
    scrollbar-face-color: #ccc;
  }
  .main-nav > ul > li.has-dropdown > .menu a {
    text-align: left;
  }
  .main-nav > ul > li.has-dropdown > .menu li:not(.is-active) a:hover, .main-nav > ul > li.has-dropdown > .menu li:not(.is-active) a:focus {
    background: #e5e5e5;
  }
  .main-nav > ul > li.has-dropdown:hover > a, .main-nav > ul > li.has-dropdown:focus > a {
    color: #fff;
    background: #434343;
  }
  .main-nav > ul > li.has-dropdown:hover > a:before, .main-nav > ul > li.has-dropdown:focus > a:before {
    margin-top: -2px;
    border-color: #fff;
    opacity: 1;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .main-nav > ul > li.has-dropdown:hover > .menu, .main-nav > ul > li.has-dropdown:focus > .menu {
    max-height: 560px;
  }
  .main-nav > ul > li.has-dropdown:focus-within > a {
    color: #fff;
    background: #434343;
  }
  .main-nav > ul > li.has-dropdown:focus-within > a:before {
    margin-top: -2px;
    border-color: #fff;
    opacity: 1;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .main-nav > ul > li.has-dropdown:focus-within > .menu {
    max-height: 560px;
  }
  .main-nav > ul > li ::-webkit-scrollbar-track {
    background-color: #fff;
  }
  .main-nav > ul > li ::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
  }
  .main-nav > ul > li ::-webkit-scrollbar-thumb {
    background-color: #ccc;
  }
}

@media screen and (max-width: 63.99875em) {
  header {
    position: relative;
    z-index: 900;
  }

  .header-mobile {
    padding: 0.5625rem 1.5625rem;
    min-height: 60px;
    background: #fff;
  }

  .main-menu {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: -100%;
    width: 100vw;
    max-width: 480px;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    background: #f4f4f4;
    padding: 25px;
    -webkit-transition: left 0.5s, right 0.5s, top 0.5s;
    transition: left 0.5s, right 0.5s, top 0.5s;
    -webkit-overflow-scrolling: touch;
  }
  .main-menu .grid-container {
    padding: 0;
  }

  .menu-hamburger-view {
    position: absolute;
    right: 0;
    top: 50%;
    margin: 0 !important;
    margin-top: -30px !important;
    padding: 0 0.75rem;
    display: block;
    height: 60px;
  }
  .menu-hamburger-view svg {
    width: 60px;
  }
  .menu-hamburger-view path {
    fill: none;
    stroke: #000000;
    stroke-width: 2;
    --length: 33;
    --offset: -47;
    stroke-dasharray: var(--length) var(--total-length);
    stroke-dashoffset: var(--offset);
    -webkit-transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), stroke 0.8s ease;
    transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), stroke 0.8s ease;
  }
  .menu-hamburger-view .line-1,
  .menu-hamburger-view .line-3 {
    --total-length: 177.67;
  }
  .menu-hamburger-view .line-2 {
    --total-length: 89.96;
  }

  .menu-hamburger:checked ~ .menu-hamburger-view path {
    stroke: #19b5b1;
  }
  .menu-hamburger:checked ~ .menu-hamburger-view .line-1,
  .menu-hamburger:checked ~ .menu-hamburger-view .line-3 {
    --offset: -131;
  }
  .menu-hamburger:checked ~ .menu-hamburger-view .line-2 {
    --length: 0;
    --offset: -64;
  }
  .menu-hamburger:checked ~ .main-menu {
    left: 0;
  }
  .menu-hamburger:checked ~ .menu-bg {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    opacity: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .header-mobile {
    padding: 0.5625rem 3rem;
  }

  .menu-hamburger-view {
    right: 23px;
  }

  .main-menu {
    top: 80px;
  }
}
/* Header Cart */
.header-cart {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  max-width: 480px;
  font-size: 0.9375rem;
  overflow: hidden;
  background: #fff;
}
.header-cart .cart-container {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.header-mem {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  max-width: 480px;
  font-size: 0.9375rem;
  overflow: hidden;
  background: #fff;
}
.header-mem .mem-container {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.header-cart .cart-cont {
  padding: 1rem 2rem;
}
.header-cart .title-box {
  position: relative;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  color: #fff;
  background: #434343;
}
.header-cart .title-box .t_red {
  color: #ff4141;
  font-weight: bold;
}
.header-cart .btn-close:hover, .header-cart .btn-close:focus {
  background: transparent;
}
.header-cart .main-scroll-box {
  overflow-x: hidden;
  overflow-y: auto;
}
.header-cart .main-box {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background: #fff;
}
.header-cart .bottom-box {
  background: #ebebeb;
}
.header-cart .btn {
  padding: 0.375rem;
  display: block;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  background: #3cb696;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.header-cart .btn:hover, .header-cart .btn:focus {
  background: #2f9076;
}
.header-cart .simplebar-track.horizontal {
  display: none !important;
}
.header-cart .simplebar-scroll-content {
  margin-bottom: 0 !important;
  overflow-x: hidden;
}
.header-cart .simplebar-content {
  padding-bottom: 0 !important;
  overflow-x: hidden !important;
}
@media screen and (max-width: 63.99875em) {
  .header-cart {
    top: 0 !important;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .header-cart .cart-container {
    max-height: none !important;
  }
	.header-mem {
    top: 0 !important;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .header-mem .mem-container {
    max-height: none !important;
  }
}
@media screen and (max-width: 39.99875em) {
  .header-cart .cart-cont {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
  .header-cart .btn-close {
    right: 12px;
  }
  .header-cart .main-scroll-box {
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 60px - 76px);
  }
  .header-cart .bottom-box {
    position: fixed;
    z-index: 99;
    left: 0;
    bottom: 0;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    width: 100%;
  }
}
@media screen and (max-width: 23.375em) {
  .header-cart .main-scroll-box {
    height: calc(100% - 60px - 60px);
  }
  .header-cart .bottom-box {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) {
  .header-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
 .header-mem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header-cart .main-box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .header-cart .bottom-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .header-cart .title-box {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
  .header-cart .btn-close {
    right: 19px;
  }
  .header-cart .main-scroll-box {
    height: calc(100% - 80px - 76px);
  }
  .header-cart .bottom-box {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .header-cart {
    position: absolute;
    top: 166px;
    right: 19px;
    left: auto;
    bottom: auto;
    max-width: 350px;
    max-height: 0;
    -webkit-transition: max-height 1s, -webkit-box-shadow 0.3s;
    transition: max-height 1s, -webkit-box-shadow 0.3s;
    transition: max-height 1s, box-shadow 0.3s;
    transition: max-height 1s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    overflow: hidden;
  }
  .header-cart:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 50px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 0 none;
    opacity: 0;
    -webkit-transition: top 0.3s, opacity 0.3s, border 0.3s;
    transition: top 0.3s, opacity 0.3s, border 0.3s;
  }
  .header-cart .cart-container:before, .header-cart .cart-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 1px;
    height: 100%;
    height: calc(100% - 50px);
    background: #d1d1d1;
  }
  .header-cart .cart-container:before {
    left: 0;
  }
  .header-cart .cart-container:after {
    right: 0;
  }
	
	
.header-mem {
    position: absolute;
    top: 166px;
    right: 19px;
    left: auto;
    bottom: auto;
    max-width: 350px;
    max-height: 0;
    -webkit-transition: max-height 1s, -webkit-box-shadow 0.3s;
    transition: max-height 1s, -webkit-box-shadow 0.3s;
    transition: max-height 1s, box-shadow 0.3s;
    transition: max-height 1s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    overflow: hidden;
  }
  .header-mem:before {
    position: absolute;
    top: 7px;
    right: 50px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 0 none;
    opacity: 0;
    -webkit-transition: top 0.3s, opacity 0.3s, border 0.3s;
    transition: top 0.3s, opacity 0.3s, border 0.3s;
  }
  .header-mem .mem-container:before, .header-mem .mem-container:after {
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 1px;
    height: 100%;
    height: calc(100% - 50px);
    background: #d1d1d1;
  }
  .header-mem .mem-container:before {
    left: 0;
  }
  .header-mem .mem-container:after {
    right: 0;
  }
	
	
	
  .header-cart .cart-cont {
    border: 1px solid #d1d1d1;
  }
  .header-cart .btn-close {
    right: 13px;
  }
  .header-cart .title-box {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    border-color: #434343;
  }
  .header-cart .main-scroll-box {
    height: calc(100% - 50px - 73px);
    overflow: auto;
    max-height: none;
  }
  .header-cart .main-box {
    border-top: 0;
    border-bottom: 0;
    border-color: transparent;
  }
  .header-cart .bottom-box {
    border-top: 0;
  }
}
@media screen and (min-width: 93.5625em) {
  .header-cart {
    right: calc((100% - 1497px) / 2 + 75px - 56px);
  }
}
.header-cart:not(.is-open) {
  pointer-events: none;
}
.header-mem:not(.is-open) {
  pointer-events: none;
}
@media screen and (max-width: 63.99875em) {
  .header-cart.is-open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header-cart.is-open ~ .cart-bg {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
 .header-cart.is-open ~ .mem-bg {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
	
	  .header-mem.is-open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header-mem.is-open ~ .cart-bg {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
 .header-mem.is-open ~ .mem-bg {
    opacity: 0.9;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
	
	
}
@media print, screen and (min-width: 64em) {
  .header-cart.is-open {
    overflow: visible;
    --max-height: 500px;
    max-height: 500px;
    max-height: var(--max-height);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);
  }
  .header-cart.is-open:before {
    opacity: 1;
    top: -7px;
    border-bottom-color: #434343;
    -webkit-transition: top 1s, opacity 0.3s 0.7s, border 0.3s 0.7s;
    transition: top 1s, opacity 0.3s 0.7s, border 0.3s 0.7s;
  }
	  .header-mem.is-open {
    overflow: visible;
    --max-height: 500px;
    max-height: 500px;
    max-height: var(--max-height);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);
  }
  .header-mem.is-open:before {
    opacity: 1;
    top: -7px;
    border-bottom-color: #434343;
    -webkit-transition: top 1s, opacity 0.3s 0.7s, border 0.3s 0.7s;
    transition: top 1s, opacity 0.3s 0.7s, border 0.3s 0.7s;
  }
}
@media screen and (min-width: 64em) {
  .header-cart.can-click-open .btn-close {
    display: block !important;
  }
  .header-cart.can-click-open .btn-close:before, .header-cart.can-click-open .btn-close:after {
    margin-left: -10px;
    width: 20px;
  }
}

@media screen and (max-width: 63.99875em) {
  .cart-bg {
    position: fixed;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #434343;
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
  }
.mem-bg {
    position: fixed;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #434343;
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
  }
}
.header-cart-list {
  list-style: none;
  margin: 0;
}
.header-cart-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-cart-list .item:not(:last-child) {
  position: relative;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}
.header-cart-list .item:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dotted #b3b3b3;
}
.header-cart-list .img-box {
  position: relative;
  overflow: hidden;
  width: 75px;
  margin-right: 1rem;
}
.header-cart-list .img-box:before {
  content: "";
  display: block;
  padding-top: 142%;
}
.header-cart-list .img-box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.header-cart-list .img-box a:hover img, .header-cart-list .img-box a:focus img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.header-cart-list .book-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.header-cart-list .book-info .title,
.header-cart-list .book-info ul li {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.header-cart-list .book-info .title {
  font-weight: bold;
  font-size: 0.9375rem;
  border-bottom: 1px solid #b3b3b3;
}
.header-cart-list .book-info .title a {
  padding: 0.625rem 0;
  display: block;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.header-cart-list .book-info .title a:hover, .header-cart-list .book-info .title a:focus {
  color: #19b5b1;
  text-decoration: underline;
}
.header-cart-list .book-info ul {
  margin: 0;
}
.header-cart-list .book-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-cart-list .book-info .strong {
  font-weight: bold;
}
.header-cart-list .empty {
  height: 200px;
  color: #ccc;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-cart-list .empty .icon-box {
  position: relative;
  width: 100px;
  margin-bottom: 1rem;
}
.header-cart-list .empty .icon-box:before {
  content: "";
  display: block;
  padding-top: 100%;
  border-radius: 50%;
  border: 1px solid currentColor;
}
.header-cart-list .empty .icon-box i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.5rem;
}
.header-cart-list.is-loading:before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../images/loader@2x.gif) no-repeat center center;
  background-size: 60px;
}
@media screen and (max-width: 39.99875em) {
  .header-cart-list .empty {
    height: calc(100vh - 280px);
  }
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .header-cart-list .empty {
    height: calc(100vh - 280px);
  }
}

/* Footer */
.gotop {
  position: absolute;
  z-index: 600;
  right: 25px;
  top: -100px;
  -webkit-transition-property: opacity, bottom, -webkit-transform;
  transition-property: opacity, bottom, -webkit-transform;
  transition-property: transform, opacity, bottom;
  transition-property: transform, opacity, bottom, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  width: 75px;
}
.gotop:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.gotop svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gotop.is-fixed {
  position: fixed;
  top: auto;
  bottom: 101px;
}
.gotop.is-hide {
  opacity: 0;
  pointer-events: none;
}
.gotop.is-play.is-fixed {
  bottom: 125px !important;
}
@media screen and (max-width: 39.99875em) {
  .gotop {
    right: 15px;
    top: -65px;
    width: 50px;
  }
  .gotop.is-fixed {
    top: auto;
    bottom: 86px;
  }
}
@media screen and (max-width: 23.375em) {
  .gotop.is-fixed {
    bottom: 70px;
  }
}
@media screen and (max-width: 74.99875em) {
  .gotop.is-play {
    bottom: 130px !important;
    -webkit-transition-duration: 0.6s;
            transition-duration: 0.6s;
  }
}
@media screen and (min-width: 64em) {
  .gotop.is-fixed {
    top: auto;
    bottom: 25px;
  }
  .gotop:before {
    content: "";
    position: absolute;
    z-index: 5;
    left: calc(36.5px - 13px);
    top: calc(14px - 13px);
    display: block;
    width: 26px;
    height: 26px;
    border: 5px solid #fdf4bb;
    border-radius: 50%;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  .gotop .gt-bg {
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
    -webkit-transform-origin: 37.5px;
            transform-origin: 37.5px;
  }
  .gotop .img-deco {
    z-index: 5;
  }
  .gotop .wave {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .gotop .circle {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform-origin: 37.5px 14px;
            transform-origin: 37.5px 14px;
  }
  .gotop:hover, .gotop:focus {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .gotop:hover:before, .gotop:focus:before {
    -webkit-animation: gt_wave 2s infinite;
            animation: gt_wave 2s infinite;
  }
  .gotop:hover:after, .gotop:focus:after {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
  .gotop:hover .gt-bg, .gotop:focus .gt-bg {
    fill: #2f9076;
  }
  .gotop:hover .wave, .gotop:focus .wave {
    opacity: 0;
  }
  .gotop:hover .circle, .gotop:focus .circle {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

@-webkit-keyframes gt_wave {
  0% {
    opacity: 1;
    border-width: 5px;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    border-width: 2.5px;
    opacity: 1;
  }
  100% {
    opacity: 0;
    border-width: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes gt_wave {
  0% {
    opacity: 1;
    border-width: 5px;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    border-width: 2.5px;
    opacity: 1;
  }
  100% {
    opacity: 0;
    border-width: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
footer {
  position: relative;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.6);
  background: #4c4948;
}
footer a {
  color: currentColor;
}
footer a:hover, footer a:focus {
  color: #19b5b1;
}
footer .logo-box {
  position: relative;
  display: block;
  width: 130px;
  opacity: 0.9;
}
footer .logo-box:before {
  content: "";
  display: block;
  padding-top: 43.06569%;
  background: url(../images/logo_white.svg) no-repeat center center;
  background-size: contain;
}
footer .ft-top {
  border-bottom: 1px solid #5e5c5b;
}
footer .ft-top li {
  position: relative;
}
footer .ft-top li:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background: #5e5c5b;
}
footer .ft-top a {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
footer .ft-top a:hover, footer .ft-top a:focus {
  background: #333;
}
footer .ft-top .block-left,
footer .ft-top .block-right {
  list-style: none;
  margin: 0;
}
footer .ft-top .block-left a,
footer .ft-top .block-right a {
  display: block;
  color: rgba(255, 255, 255, 0.7);
}
footer .ft-top .block-right a {
  color: rgba(255, 255, 255, 0.5);
}
footer .info-box {
  padding: 0 0.625rem;
  margin-bottom: 1.25rem;
}
footer .info-box a:hover, footer .info-box a:focus {
  text-decoration: underline;
}
footer .info-box .item {
  position: relative;
  padding-left: 5em;
}
footer .info-box .title {
  position: absolute;
  left: 0;
  top: 0;
}
footer .info-box .title i {
  margin-right: 1em;
  color: #a6a4a4;
}
footer .map-link,
footer .clipboard-copy {
  color: #19b5b1;
}
footer .clipboard-copy {
  display: none;
}
footer .ft-follow {
  list-style: none;
  margin: 0 -0.3125rem 1.25rem;
}
footer .ft-follow li {
  display: inline-block;
  margin: 0 0.3125rem;
}
footer .ft-follow i {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.25rem;
}
footer .ft-follow i:before {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
footer .ft-follow i:after {
  content: "";
  display: block;
  padding-top: 100%;
  background: #00b900;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
footer .ft-follow i[class*=fb]:after {
  background: #3b559f;
}
footer .ft-follow i[class*=ig]:after {
  background: radial-gradient(circle farthest-corner at 28% 100%, #f1c466 0%, #fbd377 10%, #fa8e37 22%, #f73344 35%, rgba(247, 51, 68, 0) 65%) no-repeat, linear-gradient(145deg, #3051f1 10%, #c92bb7 70%) no-repeat;
}
footer .ft-follow i[class*=yt]:after {
  background: #ff0000;
}
footer .ft-follow a {
  position: relative;
  display: block;
  width: 36px;
  color: #4c4948;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
footer .ft-follow a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding-top: 100%;
  width: 100%;
  border-radius: 50%;
  background: #908e8e;
}
footer .ft-follow a:hover, footer .ft-follow a:focus {
  color: #fff;
}
footer .ft-follow a:hover i:after, footer .ft-follow a:focus i:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
footer .copyright {
  text-transform: uppercase;
}
footer .copyright p {
  margin-bottom: 0;
}
footer .design-com {
  margin-bottom: 0.25rem;
  color: rgba(255, 255, 255, 0.3);
}
footer .design-com a {
  font-weight: bold;
}
@media screen and (max-width: 39.99875em) {
  footer {
    padding: 2.5rem 25px 6.25rem;
  }
  footer .ft-logo-wrppaer {
    border-bottom: 1px solid #5e5c5b;
    padding-bottom: 1.25rem;
  }
  footer .logo-box {
    margin: 0 auto;
  }
  footer .ft-top a {
    padding: 0.3125rem 0.625rem;
  }
  footer .ft-top .block-left {
    padding: 0.625rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  footer .ft-top .block-left li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: center;
  }
  footer .container-area {
    padding-left: 0;
    padding-right: 0;
  }
  footer .ft-bottom {
    margin-top: 1.25rem;
  }
  footer .info-box .title i {
    display: none;
  }
  footer .ft-follow {
    padding: 0 0.625rem;
  }
  footer .copyright {
    margin-top: 1.25rem;
    padding: 1.25rem 0.625rem 0;
    border-top: 1px solid #5e5c5b;
  }
}
@media screen and (max-width: 23.375em) {
  footer .ft-top .block-left {
    display: block;
  }
  footer .ft-top .block-left li:after {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) {
  footer {
    color: rgba(255, 255, 255, 0.8);
  }
  footer .logo-box {
    margin-bottom: 1.25rem;
  }
  footer .ft-top .container-area:before, footer .ft-top .container-area:after {
    content: "";
    display: table;
    clear: both;
  }
  footer .ft-top a {
    padding: 0.5rem 0.9375rem;
  }
  footer .ft-top .block-left,
  footer .ft-top .block-right {
    font-size: 0;
  }
  footer .ft-top .block-left li,
  footer .ft-top .block-right li {
    display: inline-block;
    font-size: 0.875rem;
  }
  footer .ft-top .block-left {
    float: left;
  }
  footer .ft-top .block-left a {
    color: #fff;
  }
  footer .ft-top .block-right {
    float: right;
  }
  footer .ft-bottom {
    padding: 2.5rem 0;
  }
  footer .ft-bottom .container-area {
    padding: 0 0.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  footer .ft-bottom .block-left {
    max-width: 70%;
    margin-right: 20px;
  }
  footer .ft-bottom .block-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
  }
  footer .info-box {
    margin-bottom: 0;
    padding: 0;
  }
  footer .info-box .item {
    position: relative;
    padding-left: 7.5em;
  }
  footer .copyright,
  footer .design-com {
    color: rgba(255, 255, 255, 0.5);
  }
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  footer {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 64em) {
  footer .logo-box {
    margin-right: 3rem;
  }
  footer .ft-bottom .block-left {
    max-width: 55%;
    margin-right: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  footer .info-box .item {
    position: relative;
  }
  footer .info-box .item.email:hover .clipboard-copy {
    opacity: 1;
  }
  footer .info-box .item.email .text-area:hover a:not(.clipboard-copy) {
    color: #19b5b1;
  }
  footer .text-area {
    position: relative;
    padding-right: 40px;
    display: inline-block;
  }
  footer .map-link,
  footer .clipboard-copy {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    width: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #19b5b1;
  }
  footer .map-link:before,
  footer .clipboard-copy:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  footer .map-link:after,
  footer .clipboard-copy:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: #19b5b1;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  }
  footer .map-link i,
  footer .clipboard-copy i {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  footer .map-link:hover:after, footer .map-link:focus:after,
  footer .clipboard-copy:hover:after,
  footer .clipboard-copy:focus:after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  footer .map-link:hover i, footer .map-link:focus i,
  footer .clipboard-copy:hover i,
  footer .clipboard-copy:focus i {
    color: #fff;
  }
  footer .clipboard-copy {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}

/* Text */
.t_upercase {
  text-transform: uppercase;
  font-weight: bold;
}

.t_green {
  color: #00ada9;
}

.t_blackLink {
  color: #000;
}
.t_blackLink a {
  color: #000;
  text-decoration: underline;
}
.t_blackLink a:hover {
  color: #19b5b1;
}

.t_gray {
  color: #999999;
}

.t_gray2 {
  color: #4a4a4a;
}

.t_dbule {
  color: #748391;
}

.t_red {
  color: #ff0000;
}

.bg_gray {
  background: #edeff3;
}

.margin_b_10 {
  margin-bottom: 0.625rem;
}

.margin_b_40 {
  margin-bottom: 2.5rem;
}

.slash_hr {
  display: block;
  height: 15px;
  width: 100%;
  background: repeating-linear-gradient(45deg, #e8e8e8, #e8e8e8 1px, #fff 1px, #fff 4px);
  background-size: 6px 6px;
}
.slash_hr.margin {
  margin: 4.5rem 0;
}

hr.slash_hr {
  border: 0 none;
}

.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.copy-tip {
  position: fixed;
  z-index: 50;
  top: 50%;
  left: 50%;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  font-size: 1rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-animation: copyTip 2s;
          animation: copyTip 2s;
}

@-webkit-keyframes copyTip {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25%, 75% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}

@keyframes copyTip {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25%, 75% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}
/* Image */
.img-rel {
  position: relative;
  display: inline-block;
}

.img-deco,
.img-deco-r {
  position: absolute;
  top: 0;
}

.img-deco {
  left: 0;
}

.img-deco-r {
  right: 0;
}

.lazy {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.lazy.loaded, .lazy.swiper-lazy-loaded {
  opacity: 1;
}

.object-fit,
.object-fit-contain {
  position: relative;
  overflow: hidden;
  display: block;
}
.object-fit::before,
.object-fit-contain::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.object-fit img,
.object-fit-contain img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
  background-position: center center;
}

.object-fit img {
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
}

.object-fit-contain {
  background-image: none !important;
}
.object-fit-contain img {
  -o-object-fit: contain;
     object-fit: contain;
  background-size: contain;
}

.object-fit.img-book:before,
.object-fit-contain.img-book:before {
  padding-top: 142%;
}

/* Icon */
.safari .be-icon:before {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

/* Form Item */
select,
[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
}

select.is__notchange {
  color: #ccc;
}
select.is__notchange:focus {
  color: #000;
}

.text-counter {
  position: absolute;
  right: 0;
  bottom: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
}
.text-counter svg {
  width: 20px;
}
.text-counter .num {
  margin-right: 8px;
  font-size: 12px;
}

.textarea-count {
  position: relative;
}
.textarea-count.warning .text-counter, .textarea-count[data-status="warning"] .text-counter {
  color: #ffb400;
}
.textarea-count.warning .percent, .textarea-count[data-status="warning"] .percent {
  stroke: #ffb400;
}
.textarea-count.error .text-counter, .textarea-count[data-status="error"] .text-counter {
  color: #ff4141;
}
.textarea-count.error .percent, .textarea-count[data-status="error"] .percent {
  stroke: #ff4141;
}

.g-recaptcha-box {
  margin-bottom: 3.125rem;
  text-align: center;
  overflow: hidden;
}
.g-recaptcha-box .g-recaptcha div {
  margin: 0 auto;
}

form .error {
  color: #ff4141;
}
form .error input,
form .error textarea {
  border-color: #ff4141;
  color: #ff4141;
}

.form-error-msg {
  color: #ff4141;
  font-weight: bold;
  margin-bottom: 2rem;
}

.form-alert {
  top: 50% !important;
  min-width: 360px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transform: translateY(-50%) translateZ(0) scale(1, 1);
          transform: translateY(-50%) translateZ(0) scale(1, 1);
}
.form-alert .title {
  color: #19b5b1;
}
@media screen and (max-width: 39.99875em) {
  .form-alert {
    left: 20px;
    width: calc(100vw - 40px);
    height: auto;
    min-width: 0;
    min-height: auto;
  }
}

.checkbox, form input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox + label, form input[type="checkbox"] + label {
  position: relative;
  margin-left: 0;
  padding-left: 30px;
  font-size: 1rem;
  color: #a2a2a2;
}
.checkbox + label:before, form input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.95em;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.checkbox + label:after, form input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.95em;
  width: 0;
  height: 0;
  border: 0 solid #19b5b1;
  border-top: 0 none;
  border-right: 0 none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.checkbox:checked + label::before, form input[type="checkbox"]:checked + label::before {
  background: #ffffff;
  border-color: #e5e5e5;
}
.checkbox:checked + label:after, form input[type="checkbox"]:checked + label:after {
  border-width: 3px;
  -webkit-animation: checkboxChecked 0.5s forwards;
          animation: checkboxChecked 0.5s forwards;
}
.checkbox:checked + label:hover:before, form input[type="checkbox"]:checked + label:hover:before {
  background: #d4f9f8;
  border-color: #19b5b1;
}
.checkbox:not(:checked) + label:hover:before, form input[type="checkbox"]:not(:checked) + label:hover:before {
  background: #d4f9f8;
  border-color: #19b5b1;
}

@-webkit-keyframes checkboxChecked {
  50% {
    width: 0;
    height: 8px;
  }
  100% {
    width: 13px;
    height: 8px;
  }
}

@keyframes checkboxChecked {
  50% {
    width: 0;
    height: 8px;
  }
  100% {
    width: 13px;
    height: 8px;
  }
}
.radiobox, form input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radiobox + label, form input[type="radio"] + label {
  position: relative;
  margin-left: 0;
  padding-left: 30px;
  font-size: 1rem;
  color: #a2a2a2;
}
.radiobox + label:before, form input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.95em;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.radiobox + label:after, form input[type="radio"] + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0.95em;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 9px;
  background: #19b5b1;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.radiobox ~ .checked-info, form input[type="radio"] ~ .checked-info {
  display: none;
}
.radiobox:checked + label, form input[type="radio"]:checked + label {
  cursor: default !important;
}
.radiobox:checked + label:after, form input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, -0.5, 0.5, 2);
          transition-timing-function: cubic-bezier(0.52, -0.5, 0.5, 2);
}
.radiobox:checked ~ .checked-info, form input[type="radio"]:checked ~ .checked-info {
  display: block;
}
.radiobox:not(:checked) + label:hover:before, form input[type="radio"]:not(:checked) + label:hover:before {
  background: #d4f9f8;
  border-color: #19b5b1;
}
.radiobox:not(:checked) + label:hover:after, form input[type="radio"]:not(:checked) + label:hover:after {
  opacity: 0.5;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

form .cell {
  margin-bottom: 1rem;
}
@media screen and (max-width: 39.99875em) {
  form .cell {
    margin-bottom: 2rem;
  }
}
form .cell-margin-0 {
  margin-bottom: 0 !important;
}
form .cehckbox-all .cell {
  margin-bottom: 0;
}
form select,
form [type='text'],
form [type='password'],
form [type='date'],
form [type='datetime'],
form [type='datetime-local'],
form [type='month'],
form [type='week'],
form [type='email'],
form [type='number'],
form [type='search'],
form [type='tel'],
form [type='time'],
form [type='url'],
form [type='color'],
form textarea {
  margin: 0;
}
form label.textcolor {
  font-size: 14px !important;
}
form .birthday select {
  margin-bottom: 1rem;
}

.busi-form form .cell {
  margin-bottom: 2rem;
}

.edit-box form .cell.small-12.medium-6 {
  margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
  .edit-box form .cell {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 39.99875em) {
  .edit-box form .cell {
    margin-bottom: 1rem;
  }
  .edit-box form .cell.medium-2, .edit-box form .cell.small-half {
    margin-bottom: 0;
  }
}

form .purchase-info .cell {
  margin-bottom: 0;
}

@media screen and (max-width: 39.99875em) {
  form .mo_btnH {
    margin-top: 1rem;
  }
}
form .remember-box .cell {
  margin-bottom: 0;
}

/* Vendor - Foundation */
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.button {
  -webkit-transition: padding 0.3s, width 0.3s;
  transition: padding 0.3s, width 0.3s;
}
.button.darkblue {
  background: #394f67;
}
.button.round {
  border-radius: 99px;
}
.button:hover, .button:focus {
  padding-left: 4em;
  padding-right: 4em;
}
.button.hollow.white {
  color: #fff;
  border-color: #fff;
}
.button.hollow.darkblue {
  border-color: #394f67;
  color: #394f67;
  background: transparent;
}

.button-hoverwave {
  position: relative;
}
.button-hoverwave:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50%;
  display: block;
  padding-top: 100%;
}

.reveal-box {
  overflow: visible;
  border: 3px solid #19b5b1;
}

.btn-close-right {
  background: #19b5b1;
  position: absolute;
  top: -3px;
  right: -69px;
  width: 66px;
  height: 66px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.btn-close-right:before, .btn-close-right:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.btn-close-right:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.btn-close-right:hover, .btn-close-right:focus {
  background: #000;
}
.btn-close-right:hover:before, .btn-close-right:focus:before {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.btn-close-right:hover:after, .btn-close-right:focus:after {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.btn-close-right:focus {
  outline: none;
}
@media screen and (max-width: 39.99875em) {
  .btn-close-right {
    position: fixed;
    top: -69px;
    right: -3px;
  }
}

.video-modal {
  padding: 0;
  max-width: 100%;
}
.video-modal iframe {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .video-modal {
    width: 962px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  list-style-type: none;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination a {
  color: #fff;
  min-width: 34px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pagination a:hover, .pagination a:focus {
  background: #fff;
  color: #3cb696;
}
.pagination li {
  margin-right: 5px;
  position: relative;
  min-height: 34px;
  min-width: 36px;
  color: #fff;
  vertical-align: top;
  border: 1px solid #3cb696;
  background: #3cb696;
}
.pagination .current {
  color: #3cb696;
  background: #fff;
  display: inline-block !important;
}
.pagination .ellipsis {
  background: transparent;
  border: none;
}
.pagination .pagination-arrow a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin: 0;
  margin-top: -4px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.pagination .pagination-arrow {
  background: #4c4948;
  border-color: #4c4948;
}
.pagination .pagination-arrow.disabled {
  width: 36px;
  height: 36px;
  opacity: 0.1;
}
.pagination .pagination-arrow.disabled:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin: 0;
  margin-top: -4px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.pagination .pagination-arrow.disabled:hover, .pagination .pagination-arrow.disabled:focus {
  background: #4c4948;
  border-color: #4c4948;
}
.pagination .pagination-arrow:after {
  content: none;
}
.pagination .pagination-arrow a {
  height: 34px;
}
.pagination .pagination-arrow a:after {
  content: none;
}
.pagination .pagination-arrow a:hover, .pagination .pagination-arrow a:focus {
  color: #4c4948;
}
.pagination .pagination-arrow a:hover:before, .pagination .pagination-arrow a:focus:before {
  border-color: #4c4948;
}
.pagination .pagination-arrow.pagination-previous:before, .pagination .pagination-arrow.pagination-previous a:before {
  border-right: 0;
  border-bottom: 0;
  margin-left: -2px;
}
.pagination .pagination-arrow.pagination-next:before, .pagination .pagination-arrow.pagination-next a:before {
  border-left: 0;
  border-top: 0;
  margin-left: -6px;
}
@media screen and (max-width: 39.99875em) {
  .pagination .pagination-arrow {
    background: transparent;
    border: none 0;
  }
  .pagination .pagination-arrow:before, .pagination .pagination-arrow a:before {
    border-color: #4c4948 !important;
  }
}

/* Vendor - Swiper */
.swiper-box {
  position: relative;
}

.swiper-button.round {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
}
.swiper-button.light {
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
}
.swiper-button.dark {
  background-color: #333333;
}
.swiper-button.arrow {
  background-size: 8px 15px;
}
.swiper-button.triangle {
  background-size: 9px 11px;
}

.swiper-button-prev.arrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.461%22%20height%3D%2218%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%238D8D8D%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.955%2016.398L1.557%209l7.398-7.398%22%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.triangle {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210.393%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9%2010.393L0%205.196%209%200z%22%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.arrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.461%22%20height%3D%2218%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%238D8D8D%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M1.721%2016.398L9.119%209%201.721%201.602%22%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.triangle {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210.393%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%2010.393l9-5.197L0%200z%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (max-width: 39.99875em) {
  .swiper-box {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .swiper-box .swiper-button-prev {
    left: -9px;
  }
  .swiper-box .swiper-button-next {
    right: -9px;
  }
}
@media screen and (min-width: 64em) {
  .swiper-button {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .swiper-button:hover.light, .swiper-button:focus.light {
    background-color: #ededed;
  }
  .swiper-button:focus {
    outline: none;
  }
}
/* Section item */
.container-area {
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
}

.sec-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media print, screen and (min-width: 40em) {
  .sec-container {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.sec-title-box {
  margin-bottom: 2.5rem;
}
.sec-title-box em {
  color: #3cb696;
  font-style: normal;
}
.sec-title-box small {
  font-size: 87.5%;
}
.sec-title-box .title {
  font-size: 2.1875rem;
  margin-bottom: 0;
}
.sec-title-box .en {
  opacity: 0.3;
  color: #000;
  font-size: 0.9375rem;
  font-weight: bold;
  text-transform: uppercase;
}
.sec-title-box.white {
  color: #fff;
}
.sec-title-box.white .en {
  color: #fff;
  opacity: 0.5;
}
@media print, screen and (min-width: 40em) {
  .sec-title-box {
    margin-bottom: 1.5rem;
  }
  .sec-title-box .title {
    font-size: 2.5rem;
  }
  .sec-title-box .en {
    font-size: 1rem;
  }
}

main > .sec-container:last-child {
  padding-bottom: 5rem;
}
@media screen and (min-width: 40em) and (max-width: 89.99875em) {
  main > .sec-container:last-child {
    padding-bottom: 2rem;
  }
}

.grid-container-1400 {
  max-width: 87.5rem;
}

.grid-container-1200 {
  max-width: 75rem;
}

.grid-container-1080 {
  max-width: 67.5rem;
}

.grid-container-890 {
  max-width: 55.625rem;
}

.grid-container-580 {
  max-width: 36.25rem;
}

/* Scroll Animation */
@media screen and (min-width: 75em) {
  [data-animation] .sec-title-box {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
  }
  [data-animation].is-scrolled .sec-title-box {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* Inside Page Componer */
.inside-banner:before, .inside-banner .img-box {
  width: 100%;
  height: 100%;
}

.inside-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inside-banner:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  background: url("../images/about/inside_bannerBgline.png") repeat top left;
  z-index: 0;
}
.inside-banner .grid-container {
  z-index: 1;
}
.inside-banner .sec-title-box {
  margin-bottom: 0;
}
.inside-banner .sec-title-box small {
  color: #fff;
}
.inside-banner .img-box {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.inside-banner .img-box .item {
  position: absolute;
}
.inside-banner .img-box .item .item {
  height: 100%;
  width: 100%;
}
.inside-banner .img-box svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.book-ad-banner {
  background: #3b3b3b;
}
@media only screen and (min-width: 1900px) {
  .book-ad-banner .img_box {
    width: 118.75rem;
    margin: 0 auto;
  }
}
.book-ad-banner--custom .img_box {
  width: auto;
  position: relative;
  padding-top: 34%;
}
@media print, screen and (min-width: 64em) {
  .book-ad-banner--custom .img_box {
    padding-top: 21.05%;
  }
}
.book-ad-banner--custom img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.ie .book-ad-banner--custom img {
  background-size: cover;
  background-position: center center;
}

.inside-ad-banner {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 23.875rem;
}
@media screen and (max-width: 63.99875em) {
  .inside-ad-banner {
    height: 17.5rem;
  }
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner {
    height: 11.25rem;
  }
}
.inside-ad-banner .grid-container, .inside-ad-banner .grid-x, .inside-ad-banner .cell {
  height: 100%;
}
.inside-ad-banner .text-in {
  width: 55%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inside-ad-banner .text-in h6 {
  line-height: 1.7;
  opacity: 0.8;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media screen and (max-width: 63.99875em) {
  .inside-ad-banner .text-in {
    width: 70%;
  }
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner .text-in h6 {
    display: none;
  }
}
.inside-ad-banner.about-ad-banner {
  color: #fff;
  height: 27rem;
  background-color: #72a8b4;
}
@media screen and (max-width: 63.99875em) {
  .inside-ad-banner.about-ad-banner {
    height: 17.5rem;
  }
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.about-ad-banner {
    height: 11.25rem;
  }
}
.inside-ad-banner.about-ad-banner2 {
  background-color: #e1f0f6;
}
.inside-ad-banner.about-ad-banner3 {
  background-color: #efe5e1;
}
.inside-ad-banner.about-ad-banner3 .text-in {
  width: 35%;
}
@media screen and (max-width: 89.99875em) {
  .inside-ad-banner.about-ad-banner3 .text-in {
    width: 45%;
  }
}
.inside-ad-banner.about-ad-banner4 {
  background-color: #eef0fa;
}
.inside-ad-banner.bussi-ad-banner {
  color: #000;
  margin-bottom: 0.9375rem;
  height: 21.125rem;
  background-color: #cde7ff;
}
@media screen and (max-width: 63.99875em) {
  .inside-ad-banner.bussi-ad-banner {
    height: 17.5rem;
  }
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.bussi-ad-banner {
    height: 10rem;
    background-size: 130%;
    background-position: bottom right;
  }
}
.inside-ad-banner.bussi-ad-banner .text-in {
  width: 100%;
}
@media screen and (max-width: 89.99875em) {
  .inside-ad-banner.bussi-ad-banner .text-in {
    width: 90%;
  }
}
.inside-ad-banner.bussi-ad-banner .text-in h2 {
  padding-top: 2.1875rem;
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.bussi-ad-banner .text-in h2 {
    padding-top: 0.625rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.bussi-ad-banner .text-in {
    width: 64%;
  }
  .inside-ad-banner.bussi-ad-banner .text-in h2 {
    font-size: 0.8125rem;
  }
  .inside-ad-banner.bussi-ad-banner .text-in h6 {
    display: block;
    font-size: 0.75rem;
  }
}
.inside-ad-banner.bussi-ad-banner2 {
  color: #000;
  margin-bottom: 6.125rem;
  height: 21.125rem;
  background-color: #aeafb9;
}
@media screen and (max-width: 63.99875em) {
  .inside-ad-banner.bussi-ad-banner2 {
    height: 17.5rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.bussi-ad-banner2 {
    height: 10rem;
    margin-bottom: 1.25rem;
    background-size: 140%;
    background-position: 20% 120%;
  }
}
.inside-ad-banner.bussi-ad-banner2 .text-in {
  width: 60%;
}
@media screen and (max-width: 89.99875em) {
  .inside-ad-banner.bussi-ad-banner2 .text-in {
    width: 70%;
  }
}
.inside-ad-banner.bussi-ad-banner2 .text-in h2 {
  padding-top: 1.25rem;
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.bussi-ad-banner2 .text-in h2 {
    padding-top: 0.625rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.bussi-ad-banner2 .text-in {
    position: relative;
    right: -10px;
    width: 56%;
  }
  .inside-ad-banner.bussi-ad-banner2 .text-in h2 {
    font-size: 0.8125rem;
  }
  .inside-ad-banner.bussi-ad-banner2 .text-in h6 {
    display: block;
    font-size: 0.75rem;
  }
}
.inside-ad-banner.bussi-ad-banner2 .line {
  width: 4.375rem;
  height: 0.0625rem;
  display: inline-block;
  background-color: #707070;
  margin-right: 1rem;
  position: relative;
  top: -6px;
}
@media screen and (max-width: 39.99875em) {
  .inside-ad-banner.bussi-ad-banner2 .line {
    display: none;
  }
}

.main-breadcrumbs {
  border-bottom: 1px solid #d3d3d3;
}
@media screen and (max-width: 63.99875em) {
  .main-breadcrumbs {
    display: none;
  }
}
.main-breadcrumbs .main-nav .breadcrumbs {
  height: 3rem;
}
@media screen and (min-width: 64em) {
  .main-breadcrumbs .main-nav {
    background: #fff;
  }
  .main-breadcrumbs .main-nav .main-nav-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .main-breadcrumbs .main-nav .main-nav-list .home {
    padding-left: 0;
  }
  .main-breadcrumbs .main-nav .main-nav-list .home a {
    background: #00ada9;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    width: 3rem;
    min-width: 3rem;
  }
  .main-breadcrumbs .main-nav .main-nav-list .home a:hover {
    background: #434343;
  }
  .main-breadcrumbs .main-nav > ul > li {
    position: relative;
  }
  .main-breadcrumbs .main-nav > ul > li:not(:first-child) {
    border-right: 1px solid #d3d3d3;
  }
  .main-breadcrumbs .main-nav > ul > li:not(:first-child):before {
    display: none;
  }
  .main-breadcrumbs .main-nav > ul > li > a {
    min-width: auto;
    padding: 0.5rem 2.375rem;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .main-breadcrumbs .main-nav > ul > li > a:before {
    opacity: 1;
  }
  .main-breadcrumbs .main-nav > ul > li.has-dropdown > a {
    padding-right: 65px;
  }
}

/* 文字省略樣式，兩行顯示，目前ie還有ＢＵＧ */
.clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.6;
  text-overflow: ellipsis;
  padding: 0;
  -webkit-line-clamp: 2;
  height: calc(1em * 1.6 * 2);
  overflow: hidden;
}
.clamp:after {
  content: "...";
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  height: calc(1em * 1.6);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(75%, #ffffff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 75%);
}
@supports (-webkit-line-clamp: 1) {
  .clamp:after {
    display: none !important;
  }
}
.clamp.clamp_one {
  -webkit-line-clamp: 1;
  height: calc(1em * 1.6 * 1);
}

.art-share-list {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.art-share-list:before {
  content: "分享至：";
  display: inline-block;
  margin-right: 10px;
}
.art-share-list li {
  display: inline-block;
  margin-right: 0.75rem;
}
.art-share-list a {
  color: currentColor;
  position: relative;
  overflow: hidden;
  display: block;
  width: 50px;
  height: 50px;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 50%;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.art-share-list a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: currentColor;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.art-share-list a i {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 25px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.art-share-list a:hover i {
  color: #fff;
}
.art-share-list a:hover:before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.art-share-list .line {
  color: #0bce3e;
}
.art-share-list .fb {
  color: #39599f;
}
.art-share-list .mobile-share {
  color: #999;
}

.page_block {
  background: #3cb696;
  padding: 30px 0;
  overflow: hidden;
	position:fixed;
	bottom: 0em;
	width: 100%!important;
}
@media screen and (max-width: 63.99875em) {
	.page_block {
  padding: 15px 0;
  overflow: hidden;
	position:fixed;
	bottom: 4.5em;
	width: 100%!important;
}
}
.page_block .column-intro-container {
  overflow: hidden;
}
.page_block .column-intro-container i {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.page_block .column-intro-container i:before {
  position: absolute;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 52%;
}
.page_block .column-intro-container .arrow_icon {
  width: 50px;
  height: 50px;
  position: relative;
  display: block;
  overflow: hidden;
}
.page_block .column-intro-container .arrow_icon i {
  font-size: 3rem;
}
@media screen and (max-width: 450px) {
  .page_block .column-intro-container .arrow_icon i {
    font-size: 1.875rem;
  }
}
.page_block .column-intro-container .arrow_icon i:before {
  left: 30%;
}
@media screen and (max-width: 450px) {
  .page_block .column-intro-container .arrow_icon {
    width: 30px;
    height: 30px;
  }
}
.page_block .column-intro-container .prev_news {
  width: calc((100% - 50px) / 2 );
  float: left;
  overflow: hidden;
  color: #fff;
  display: block;
}
.page_block .column-intro-container .prev_news .arrow_icon {
  float: left;
  margin: 0 15px 0 0;
}
.page_block .column-intro-container .prev_news .arrowword {
  width: 50px;
  margin: 10px 10px 0 0;
  text-align: left;
  float: left;
}
@media screen and (max-width: 450px) {
  .page_block .column-intro-container .prev_news .arrowword {
    margin: 0px 0px 0 10px;
  }
}
.page_block .column-intro-container .prev_news .newstitle {
  width: calc(100% - 65px - 100px);
  margin: 14px 0 0 0;
  text-align: left;
  float: left;
  opacity: 0.8;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.page_block .column-intro-container .prev_news:hover .newstitle {
  opacity: 1;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.page_block .column-intro-container .news_menu {
  width: 30px;
  height: 30px;
  margin: 10px;
  float: left;
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
}
.page_block .column-intro-container .news_menu i {
  font-size: 1.5625rem;
}
.page_block .column-intro-container .news_menu i:before {
  left: 40%;
}
@media screen and (max-width: 450px) {
  .page_block .column-intro-container .news_menu {
    width: 20px;
    height: 20px;
    margin: 5px 15px;
  }
}
.page_block .column-intro-container .news_menu:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.page_block .column-intro-container .next_news {
  width: calc((100% - 50px) / 2 );
  float: right;
  overflow: hidden;
  color: #fff;
  display: block;
}
.page_block .column-intro-container .next_news .arrow_icon {
  float: right;
  margin: 0 0 0 15px;
}
.page_block .column-intro-container .next_news .arrowword {
  width: 50px;
  margin: 10px 0px 0 10px;
  text-align: right;
  float: right;
}
@media screen and (max-width: 450px) {
  .page_block .column-intro-container .next_news .arrowword {
    margin: 0px 0px 0 10px;
  }
}
.page_block .column-intro-container .next_news .newstitle {
  width: calc(100% - 65px - 100px);
  margin: 14px 0 0 0;
  text-align: right;
  float: right;
  opacity: 0.8;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 74.99875em) {
  .page_block .column-intro-container .next_news .newstitle {
    display: none;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.page_block .column-intro-container .next_news:hover .newstitle {
  opacity: 1;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.add-btngroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-btngroup button {
  position: relative;
  border: 1px solid #ebebeb;
  padding: 15px;
  height: 46px;
  min-width: 46px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.add-btngroup button:focus {
  outline: none;
}
.add-btngroup button:last-child {
  border-left: 0;
}

.add-now {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.add-cart {
  overflow: hidden;
  background: #fff;
  color: #4c4948;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.add-cart i {
  position: absolute;
  top: 50%;
  left: -30px;
  opacity: 0.5;
  font-size: 1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.add-cart.added {
  background: #19b5b1;
  color: #fff;
}
.add-cart.added i {
  -webkit-animation: addcart 1s cubic-bezier(0, 0.3, 1, -0.03);
          animation: addcart 1s cubic-bezier(0, 0.3, 1, -0.03);
}
@media screen and (min-width: 64em) {
  .add-cart:hover {
    background: #19b5b1;
    color: #fff;
  }
  .add-cart.added:hover {
    background: #138885;
  }
}

@-webkit-keyframes addcart {
  0% {
    left: -30px;
  }
  100% {
    left: 130%;
  }
}

@keyframes addcart {
  0% {
    left: -30px;
  }
  100% {
    left: 130%;
  }
}
.add-fav {
  background: #f3f3f3;
  color: #9b9b9b;
  font-size: 1.5rem;
}
.add-fav:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.add-fav i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.add-fav .ivy-icon-heart-solid {
  opacity: 0;
}
.add-fav.added {
  background: #ff6868;
  color: #fff;
  -webkit-animation: addheart_bg 1s;
          animation: addheart_bg 1s;
}
.add-fav.added .ivy-icon-heart-solid {
  -webkit-animation: addheart 1s;
          animation: addheart 1s;
}
@media screen and (min-width: 64em) {
  .add-fav:hover {
    background: #ff6868;
    color: #fff;
  }
  .add-fav.added:hover {
    background: #ff9b9b;
  }
}

@-webkit-keyframes addheart {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  20% {
    opacity: 0.7;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}

@keyframes addheart {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  20% {
    opacity: 0.7;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes addheart_bg {
  0% {
    background: #ff6868;
  }
  100% {
    background: #ff6868;
  }
}
@keyframes addheart_bg {
  0% {
    background: #ff6868;
  }
  100% {
    background: #ff6868;
  }
}
/* Reveal + SimpleBar */
.reveal-tmp {
  border: 0 none;
  -webkit-animation: showHistoryReavel 1s;
          animation: showHistoryReavel 1s;
  -webkit-overflow-scrolling: touch;
  color: #4c4948;
}
.reveal-tmp:focus {
  outline: none;
}
.reveal-tmp:before, .reveal-tmp:after {
  content: "";
  position: fixed;
  z-index: 9999;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid currentColor;
  pointer-events: none;
}
.reveal-tmp:before {
  top: 0;
  left: 0;
  border-left: 0;
  border-bottom: 0;
}
.reveal-tmp:after {
  bottom: 0;
  right: 0;
  border-right: 0;
  border-top: 0;
}
.reveal-tmp[aria-hidden="false"]:before, .reveal-tmp[aria-hidden="false"]:after {
  width: 100%;
  height: 100%;
  -webkit-animation: showHistoryReavel_s_border 1s;
          animation: showHistoryReavel_s_border 1s;
}
.reveal-tmp .reveal-footer {
  padding: 0.5rem;
  background: #eeeeee;
  border-top: 1px solid #d1d1d1;
  text-align: center;
}
.reveal-tmp .reveal-footer .button {
  margin: 0 0.5rem;
  padding: 0.75rem;
  width: 100px;
  text-align: center;
}
.reveal-tmp .close {
  color: currentColor;
  background: currentColor;
}
.reveal-tmp .close span {
  color: #fff;
}
.reveal-tmp .btn-back {
  color: #000;
  background: #fff;
  border: 1px solid #bfbfbf;
}
.reveal-tmp .btn-close-right {
  color: currentColor;
  background: currentColor;
  top: 0;
  right: -66px;
}
.reveal-tmp .btn-close-right:hover, .reveal-tmp .btn-close-right:focus {
  background: #000;
}
@media screen and (max-width: 39.99875em) {
  .reveal-tmp {
    top: 0 !important;
    padding: 0;
    height: auto;
    min-height: 0;
    overflow: hidden !important;
  }
  .reveal-tmp .reveal-main {
    padding: 1rem;
    padding-bottom: 11rem;
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .reveal-tmp .reveal-main * {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .reveal-tmp .reveal-footer {
    position: fixed;
    z-index: 5;
    left: 0;
    bottom: 0;
    padding-bottom: 12px;
    width: 100%;
  }
  .reveal-tmp .reveal-footer .button {
    font-size: 14px;
  }
  .reveal-tmp .btn-close-right {
    display: none;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .reveal-tmp {
    max-width: calc(100% - 140px);
  }
}
@media print, screen and (min-width: 40em) {
  .reveal-tmp {
    overflow: visible;
    padding: 0;
    top: 20px !important;
  }
  .reveal-tmp:before, .reveal-tmp:after {
    position: absolute;
    z-index: 5;
    border-width: 10px;
    opacity: 0;
  }
  .reveal-tmp[aria-hidden="false"]:before, .reveal-tmp[aria-hidden="false"]:after {
    width: 0;
    height: 0;
    opacity: 1;
    border-width: 3px;
    -webkit-transition: border-width 0.5s 2s, opacity 0.1s 0.5s;
    transition: border-width 0.5s 2s, opacity 0.1s 0.5s;
    -webkit-animation: showHistoryReavel_s_border 1s 0.5s forwards;
            animation: showHistoryReavel_s_border 1s 0.5s forwards;
  }
  .reveal-tmp .reveal-container {
    position: relative;
    max-height: calc(100vh - 100px);
    overflow: auto;
    padding: 3px;
  }
  .reveal-tmp .reveal-footer {
    padding: 2.5rem;
  }
  .reveal-tmp .reveal-main {
    padding: 3.75rem;
  }
}
@media screen and (min-width: 64em) {
  .reveal-tmp .close {
    position: relative;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    transition: border-color 0.3s, background-color 0.3s;
  }
  .reveal-tmp .close:hover {
    border-color: #000;
    background-color: #000;
  }
  .reveal-tmp .btn-back {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .reveal-tmp .btn-back:hover {
    background-color: #ccc;
  }
}
@media screen and (min-width: 75em) {
  .reveal-tmp {
    width: 960px;
    max-width: 60rem;
    -webkit-animation: showHistoryReavel_xl 1s;
            animation: showHistoryReavel_xl 1s;
    top: 64px !important;
  }
  .reveal-tmp:before, .reveal-tmp:after {
    content: none;
  }
  .reveal-tmp .reveal-container:before, .reveal-tmp .reveal-container:after {
    content: "";
    position: absolute;
    z-index: 10;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid currentColor;
    pointer-events: none;
    opacity: 0;
  }
  .reveal-tmp .reveal-container:before {
    top: 0;
    left: 0;
    border-left: 0;
    border-bottom: 0;
  }
  .reveal-tmp .reveal-container:after {
    bottom: 0;
    right: 0;
    border-right: 0;
    border-top: 0;
  }
  .reveal-tmp[aria-hidden="false"] .reveal-container:before, .reveal-tmp[aria-hidden="false"] .reveal-container:after {
    opacity: 1;
    border-width: 3px;
    -webkit-transition: border-width 0.5s 2s, opacity 0.1s 0.5s;
    transition: border-width 0.5s 2s, opacity 0.1s 0.5s;
    -webkit-animation: showHistoryReavel_s_border 1s 0.5s forwards;
            animation: showHistoryReavel_s_border 1s 0.5s forwards;
  }
  .reveal-tmp .simplebar-track.vertical {
    right: 3px;
  }
}

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

@keyframes showHistoryReavel {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes showHistoryReavel_s_border {
  0% {
    width: 0;
    height: 0;
  }
  50% {
    width: 100%;
    height: 0;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes showHistoryReavel_s_border {
  0% {
    width: 0;
    height: 0;
  }
  50% {
    width: 100%;
    height: 0;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@-webkit-keyframes showHistoryReavel_xl {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes showHistoryReavel_xl {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 39.99875em) {
  .reveal-overlay {
    overflow: hidden !important;
  }
}
.cancel-alert {
  border-color: #4c4948;
  max-width: 600px;
  padding: 2.5rem 1.25rem;
}
.cancel-alert .btn-close-right {
  background: #4c4948;
}
.cancel-alert .title {
  color: #000;
  margin-bottom: 2.5rem;
}
.cancel-alert .btn-cancel {
  background: #3cb696;
}
.cancel-alert .button {
  width: 31vw;
  max-width: 160px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 0.25rem;
}
@media screen and (max-width: 39.99875em) {
  .cancel-alert .title {
    font-size: 1.125rem;
  }
}
@media print, screen and (min-width: 40em) {
  .cancel-alert {
    padding: 5rem 3.125rem;
  }
  .cancel-alert .title {
    margin-bottom: 5rem;
  }
  .cancel-alert .button {
    margin: 0 1.5rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .cancel-alert {
    width: calc(100vw - 160px);
  }
}
@media screen and (min-width: 64em) {
  .cancel-alert .btn-close-right:hover {
    background: #000;
  }
  .cancel-alert .btn-cancel:hover {
    background: #2f9076;
  }
}

/* Keyframes */
@-webkit-keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}



/*# sourceMappingURL=maps/style.css.map */