/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Reset CSS after Bootstrap */
/* Global mixins & extends */
html,
body {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  position: relative;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  color: #191919;
}
body.style-hidden {
  overflow: hidden;
}
body.style-no-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
#app {
  transition: transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
::-moz-selection {
  background: #e67e22;
  color: #fff;
}
::selection {
  background: #c80421;
  color: #fff;
}
a,
a:hover {
  text-decoration: none;
}
a,
a:link,
a:hover,
a:active,
a:visited {
  color: inherit;
}
a:hover {
  text-decoration: none;
}
* {
  outline: none;
}
picture {
  display: inline-block;
}
main {
  display: block;
}
.cursor-pointer {
  cursor: pointer;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: ' ';
}
.clearfix:after {
  clear: both;
}
.font-normal {
  font-family: Helvetica, Verdana, Arial, '微軟正黑體修正', '微軟正黑體', 'Microsoft JhengHei', 'PingFang TC', '儷黑 Pro', 'LiHei Pro', sans-serif;
}
.click-self > *,
[data-category] > *,
[data-action] > *,
[data-label] > * {
  pointer-events: none;
}
.pointer-events-none {
  pointer-events: none;
}
.select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.is-allow-enter {
  overflow: hidden;
}
.is-allow-enter > * {
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.38, 0.72, 1, 1);
  transition-duration: 0.6s;
  transform: translateY(40px);
  opacity: 0;
  will-change: transform;
}
.is-allow-enter.is-entered {
  overflow: initial;
}
.is-enter {
  transform: translateY(0) !important;
  opacity: 1;
}
.is-button-effect {
  overflow: hidden;
  position: relative;
  background-color: transparent;
}
html.desktop .is-button-effect:hover > * {
  position: relative;
  z-index: 1;
  transition-delay: 0.2s;
}
html.desktop .is-button-effect:hover > *:not(svg) {
  color: #fff;
  transition: color ease-in-out 0.35s;
}
html.desktop .is-button-effect:hover > svg {
  transition: fill ease-in-out 0.35s;
  fill: #fff;
}
html.desktop .is-button-effect:hover:after {
  transform: translateX(0);
}
.is-button-effect:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: #191919;
  transition: transform ease-in-out 0.35s;
}
.is-button-effect.style-primary {
  color: #c80421;
}
.is-button-effect.style-primary:after {
  background: #c80421;
}
.text-effect {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.text-effect span {
  -webkit-animation: opacityTo1 1.5s cubic-bezier(0.09, 0.46, 0.19, 0.88) 0s 1;
          animation: opacityTo1 1.5s cubic-bezier(0.09, 0.46, 0.19, 0.88) 0s 1;
}
.text-effect:before {
  content: '';
  position: absolute;
  background: #c80421;
  -webkit-animation: textAnimate 1.5s cubic-bezier(0.09, 0.46, 0.19, 0.88) 0s 1;
          animation: textAnimate 1.5s cubic-bezier(0.09, 0.46, 0.19, 0.88) 0s 1;
  height: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 1;
}
/* Global styles */
.text-primary {
  color: #c80421 !important;
}
.bg-primary {
  background-color: #c80421 !important;
}
.border-primary {
  border-color: #c80421 !important;
}
.text-secondary {
  color: #727171 !important;
}
.bg-secondary {
  background-color: #727171 !important;
}
.border-secondary {
  border-color: #727171 !important;
}
.text-warning {
  color: #e67e22 !important;
}
.bg-warning {
  background-color: #e67e22 !important;
}
.border-warning {
  border-color: #e67e22 !important;
}
.text-success {
  color: #1abc9c !important;
}
.bg-success {
  background-color: #1abc9c !important;
}
.border-success {
  border-color: #1abc9c !important;
}
.text-danger {
  color: #c80421 !important;
}
.bg-danger {
  background-color: #c80421 !important;
}
.border-danger {
  border-color: #c80421 !important;
}
.text-info {
  color: #727171 !important;
}
.bg-info {
  background-color: #727171 !important;
}
.border-info {
  border-color: #727171 !important;
}
.text-black {
  color: #191919 !important;
}
.bg-black {
  background-color: #191919 !important;
}
.border-black {
  border-color: #191919 !important;
}
.text-transparent {
  color: transparent !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border-transparent {
  border-color: transparent !important;
}
.text-dark {
  color: #343a40 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.text-light {
  color: #c9caca !important;
}
.bg-light {
  background-color: #c9caca !important;
}
.border-light {
  border-color: #c9caca !important;
}
.text-purple {
  color: #32227b !important;
}
.bg-purple {
  background-color: #32227b !important;
}
.border-purple {
  border-color: #32227b !important;
}
@font-face {
  font-family: '微軟正黑體修正';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(Yu Gothic), local(MS Gothic);
}
@font-face {
  font-family: '微軟正黑體修正';
  unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: normal;
  src: local('微軟正黑體');
}
@font-face {
  font-family: 'Shiseido Neue Regular';
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/ShiseidoNeue-Regular_0.woff);
}
@font-face {
  font-family: 'Shiseido Neue Bold';
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/ShiseidoNeue-Bold_0.woff);
}
html,
body {
  font-family: 'Shiseido Neue Regular', Helvetica, Verdana, Arial, '微軟正黑體修正', '微軟正黑體', 'Microsoft JhengHei', 'PingFang TC', '儷黑 Pro', 'LiHei Pro', sans-serif;
}
@-webkit-keyframes donutSpin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donutSpin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes scaleRotateIn {
  0% {
    transform: rotate(10deg) scale(0);
  }
  50% {
    transform: rotate(45deg) scale(1.8);
  }
  100% {
    transform: rotate(0) scale(1);
  }
}
@keyframes scaleRotateIn {
  0% {
    transform: rotate(10deg) scale(0);
  }
  50% {
    transform: rotate(45deg) scale(1.8);
  }
  100% {
    transform: rotate(0) scale(1);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  80% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes ripple {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  80% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes skeleton {
  from {
    left: -250px;
  }
  to {
    left: 300px;
  }
}
@keyframes skeleton {
  from {
    left: -250px;
  }
  to {
    left: 300px;
  }
}
@-webkit-keyframes shake {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes shake {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes opacityTo1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityTo1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacityTo1_mobile {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityTo1_mobile {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes textAnimate {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes textAnimate {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@-webkit-keyframes input {
  0% {
    border: none;
  }
  8.33% {
    border-right: 2px solid #fff;
  }
  16.66% {
    border: none;
  }
  24.99% {
    border-right: 2px solid #fff;
  }
  33.32% {
    border: none;
  }
  41.65% {
    border-right: 2px solid #fff;
  }
  49.98% {
    border: none;
  }
  58.31% {
    border-right: 2px solid #fff;
  }
  66.64% {
    border: none;
  }
  74.97% {
    border-right: 2px solid #fff;
  }
  83.53% {
    border: none;
  }
  91.63% {
    border-right: 2px solid #fff;
  }
  100% {
    border: none;
  }
}
@keyframes input {
  0% {
    border: none;
  }
  8.33% {
    border-right: 2px solid #fff;
  }
  16.66% {
    border: none;
  }
  24.99% {
    border-right: 2px solid #fff;
  }
  33.32% {
    border: none;
  }
  41.65% {
    border-right: 2px solid #fff;
  }
  49.98% {
    border: none;
  }
  58.31% {
    border-right: 2px solid #fff;
  }
  66.64% {
    border: none;
  }
  74.97% {
    border-right: 2px solid #fff;
  }
  83.53% {
    border: none;
  }
  91.63% {
    border-right: 2px solid #fff;
  }
  100% {
    border: none;
  }
}
.relative-center {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.absolute-x-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.absolute-y-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pt-0px,
.py-0px {
  padding-top: 0px !important;
}
.pb-0px,
.py-0px {
  padding-bottom: 0px !important;
}
.pl-0px,
.px-0px {
  padding-left: 0px !important;
}
.pr-0px,
.px-0px {
  padding-right: 0px !important;
}
.p-0px {
  padding: 0px !important;
}
.mt-0px,
.my-0px {
  margin-top: 0px !important;
}
.mb-0px,
.my-0px {
  margin-bottom: 0px !important;
}
.ml-0px,
.mx-0px {
  margin-left: 0px !important;
}
.mr-0px,
.mx-0px {
  margin-right: 0px !important;
}
.m-0px {
  margin: 0px !important;
}
.pt-5px,
.py-5px {
  padding-top: 5px !important;
}
.pb-5px,
.py-5px {
  padding-bottom: 5px !important;
}
.pl-5px,
.px-5px {
  padding-left: 5px !important;
}
.pr-5px,
.px-5px {
  padding-right: 5px !important;
}
.p-5px {
  padding: 5px !important;
}
.mt-5px,
.my-5px {
  margin-top: 5px !important;
}
.mb-5px,
.my-5px {
  margin-bottom: 5px !important;
}
.ml-5px,
.mx-5px {
  margin-left: 5px !important;
}
.mr-5px,
.mx-5px {
  margin-right: 5px !important;
}
.m-5px {
  margin: 5px !important;
}
.pt-10px,
.py-10px {
  padding-top: 10px !important;
}
.pb-10px,
.py-10px {
  padding-bottom: 10px !important;
}
.pl-10px,
.px-10px {
  padding-left: 10px !important;
}
.pr-10px,
.px-10px {
  padding-right: 10px !important;
}
.p-10px {
  padding: 10px !important;
}
.mt-10px,
.my-10px {
  margin-top: 10px !important;
}
.mb-10px,
.my-10px {
  margin-bottom: 10px !important;
}
.ml-10px,
.mx-10px {
  margin-left: 10px !important;
}
.mr-10px,
.mx-10px {
  margin-right: 10px !important;
}
.m-10px {
  margin: 10px !important;
}
.pt-15px,
.py-15px {
  padding-top: 15px !important;
}
.pb-15px,
.py-15px {
  padding-bottom: 15px !important;
}
.pl-15px,
.px-15px {
  padding-left: 15px !important;
}
.pr-15px,
.px-15px {
  padding-right: 15px !important;
}
.p-15px {
  padding: 15px !important;
}
.mt-15px,
.my-15px {
  margin-top: 15px !important;
}
.mb-15px,
.my-15px {
  margin-bottom: 15px !important;
}
.ml-15px,
.mx-15px {
  margin-left: 15px !important;
}
.mr-15px,
.mx-15px {
  margin-right: 15px !important;
}
.m-15px {
  margin: 15px !important;
}
.pt-20px,
.py-20px {
  padding-top: 20px !important;
}
.pb-20px,
.py-20px {
  padding-bottom: 20px !important;
}
.pl-20px,
.px-20px {
  padding-left: 20px !important;
}
.pr-20px,
.px-20px {
  padding-right: 20px !important;
}
.p-20px {
  padding: 20px !important;
}
.mt-20px,
.my-20px {
  margin-top: 20px !important;
}
.mb-20px,
.my-20px {
  margin-bottom: 20px !important;
}
.ml-20px,
.mx-20px {
  margin-left: 20px !important;
}
.mr-20px,
.mx-20px {
  margin-right: 20px !important;
}
.m-20px {
  margin: 20px !important;
}
.pt-25px,
.py-25px {
  padding-top: 25px !important;
}
.pb-25px,
.py-25px {
  padding-bottom: 25px !important;
}
.pl-25px,
.px-25px {
  padding-left: 25px !important;
}
.pr-25px,
.px-25px {
  padding-right: 25px !important;
}
.p-25px {
  padding: 25px !important;
}
.mt-25px,
.my-25px {
  margin-top: 25px !important;
}
.mb-25px,
.my-25px {
  margin-bottom: 25px !important;
}
.ml-25px,
.mx-25px {
  margin-left: 25px !important;
}
.mr-25px,
.mx-25px {
  margin-right: 25px !important;
}
.m-25px {
  margin: 25px !important;
}
.pt-30px,
.py-30px {
  padding-top: 30px !important;
}
.pb-30px,
.py-30px {
  padding-bottom: 30px !important;
}
.pl-30px,
.px-30px {
  padding-left: 30px !important;
}
.pr-30px,
.px-30px {
  padding-right: 30px !important;
}
.p-30px {
  padding: 30px !important;
}
.mt-30px,
.my-30px {
  margin-top: 30px !important;
}
.mb-30px,
.my-30px {
  margin-bottom: 30px !important;
}
.ml-30px,
.mx-30px {
  margin-left: 30px !important;
}
.mr-30px,
.mx-30px {
  margin-right: 30px !important;
}
.m-30px {
  margin: 30px !important;
}
.pt-35px,
.py-35px {
  padding-top: 35px !important;
}
.pb-35px,
.py-35px {
  padding-bottom: 35px !important;
}
.pl-35px,
.px-35px {
  padding-left: 35px !important;
}
.pr-35px,
.px-35px {
  padding-right: 35px !important;
}
.p-35px {
  padding: 35px !important;
}
.mt-35px,
.my-35px {
  margin-top: 35px !important;
}
.mb-35px,
.my-35px {
  margin-bottom: 35px !important;
}
.ml-35px,
.mx-35px {
  margin-left: 35px !important;
}
.mr-35px,
.mx-35px {
  margin-right: 35px !important;
}
.m-35px {
  margin: 35px !important;
}
.pt-40px,
.py-40px {
  padding-top: 40px !important;
}
.pb-40px,
.py-40px {
  padding-bottom: 40px !important;
}
.pl-40px,
.px-40px {
  padding-left: 40px !important;
}
.pr-40px,
.px-40px {
  padding-right: 40px !important;
}
.p-40px {
  padding: 40px !important;
}
.mt-40px,
.my-40px {
  margin-top: 40px !important;
}
.mb-40px,
.my-40px {
  margin-bottom: 40px !important;
}
.ml-40px,
.mx-40px {
  margin-left: 40px !important;
}
.mr-40px,
.mx-40px {
  margin-right: 40px !important;
}
.m-40px {
  margin: 40px !important;
}
.pt-45px,
.py-45px {
  padding-top: 45px !important;
}
.pb-45px,
.py-45px {
  padding-bottom: 45px !important;
}
.pl-45px,
.px-45px {
  padding-left: 45px !important;
}
.pr-45px,
.px-45px {
  padding-right: 45px !important;
}
.p-45px {
  padding: 45px !important;
}
.mt-45px,
.my-45px {
  margin-top: 45px !important;
}
.mb-45px,
.my-45px {
  margin-bottom: 45px !important;
}
.ml-45px,
.mx-45px {
  margin-left: 45px !important;
}
.mr-45px,
.mx-45px {
  margin-right: 45px !important;
}
.m-45px {
  margin: 45px !important;
}
.pt-50px,
.py-50px {
  padding-top: 50px !important;
}
.pb-50px,
.py-50px {
  padding-bottom: 50px !important;
}
.pl-50px,
.px-50px {
  padding-left: 50px !important;
}
.pr-50px,
.px-50px {
  padding-right: 50px !important;
}
.p-50px {
  padding: 50px !important;
}
.mt-50px,
.my-50px {
  margin-top: 50px !important;
}
.mb-50px,
.my-50px {
  margin-bottom: 50px !important;
}
.ml-50px,
.mx-50px {
  margin-left: 50px !important;
}
.mr-50px,
.mx-50px {
  margin-right: 50px !important;
}
.m-50px {
  margin: 50px !important;
}
@media (min-width: 576px) {
  .pt-sm-0px,
  .py-sm-0px {
    padding-top: 0px !important;
  }
  .pb-sm-0px,
  .py-sm-0px {
    padding-bottom: 0px !important;
  }
  .pl-sm-0px,
  .px-sm-0px {
    padding-left: 0px !important;
  }
  .pr-sm-0px,
  .px-sm-0px {
    padding-right: 0px !important;
  }
  .p-sm-0px {
    padding: 0px !important;
  }
  .mt-sm-0px,
  .my-sm-0px {
    margin-top: 0px !important;
  }
  .mb-sm-0px,
  .my-sm-0px {
    margin-bottom: 0px !important;
  }
  .ml-sm-0px,
  .mx-sm-0px {
    margin-left: 0px !important;
  }
  .mr-sm-0px,
  .mx-sm-0px {
    margin-right: 0px !important;
  }
  .m-sm-0px {
    margin: 0px !important;
  }
  .pt-sm-5px,
  .py-sm-5px {
    padding-top: 5px !important;
  }
  .pb-sm-5px,
  .py-sm-5px {
    padding-bottom: 5px !important;
  }
  .pl-sm-5px,
  .px-sm-5px {
    padding-left: 5px !important;
  }
  .pr-sm-5px,
  .px-sm-5px {
    padding-right: 5px !important;
  }
  .p-sm-5px {
    padding: 5px !important;
  }
  .mt-sm-5px,
  .my-sm-5px {
    margin-top: 5px !important;
  }
  .mb-sm-5px,
  .my-sm-5px {
    margin-bottom: 5px !important;
  }
  .ml-sm-5px,
  .mx-sm-5px {
    margin-left: 5px !important;
  }
  .mr-sm-5px,
  .mx-sm-5px {
    margin-right: 5px !important;
  }
  .m-sm-5px {
    margin: 5px !important;
  }
  .pt-sm-10px,
  .py-sm-10px {
    padding-top: 10px !important;
  }
  .pb-sm-10px,
  .py-sm-10px {
    padding-bottom: 10px !important;
  }
  .pl-sm-10px,
  .px-sm-10px {
    padding-left: 10px !important;
  }
  .pr-sm-10px,
  .px-sm-10px {
    padding-right: 10px !important;
  }
  .p-sm-10px {
    padding: 10px !important;
  }
  .mt-sm-10px,
  .my-sm-10px {
    margin-top: 10px !important;
  }
  .mb-sm-10px,
  .my-sm-10px {
    margin-bottom: 10px !important;
  }
  .ml-sm-10px,
  .mx-sm-10px {
    margin-left: 10px !important;
  }
  .mr-sm-10px,
  .mx-sm-10px {
    margin-right: 10px !important;
  }
  .m-sm-10px {
    margin: 10px !important;
  }
  .pt-sm-15px,
  .py-sm-15px {
    padding-top: 15px !important;
  }
  .pb-sm-15px,
  .py-sm-15px {
    padding-bottom: 15px !important;
  }
  .pl-sm-15px,
  .px-sm-15px {
    padding-left: 15px !important;
  }
  .pr-sm-15px,
  .px-sm-15px {
    padding-right: 15px !important;
  }
  .p-sm-15px {
    padding: 15px !important;
  }
  .mt-sm-15px,
  .my-sm-15px {
    margin-top: 15px !important;
  }
  .mb-sm-15px,
  .my-sm-15px {
    margin-bottom: 15px !important;
  }
  .ml-sm-15px,
  .mx-sm-15px {
    margin-left: 15px !important;
  }
  .mr-sm-15px,
  .mx-sm-15px {
    margin-right: 15px !important;
  }
  .m-sm-15px {
    margin: 15px !important;
  }
  .pt-sm-20px,
  .py-sm-20px {
    padding-top: 20px !important;
  }
  .pb-sm-20px,
  .py-sm-20px {
    padding-bottom: 20px !important;
  }
  .pl-sm-20px,
  .px-sm-20px {
    padding-left: 20px !important;
  }
  .pr-sm-20px,
  .px-sm-20px {
    padding-right: 20px !important;
  }
  .p-sm-20px {
    padding: 20px !important;
  }
  .mt-sm-20px,
  .my-sm-20px {
    margin-top: 20px !important;
  }
  .mb-sm-20px,
  .my-sm-20px {
    margin-bottom: 20px !important;
  }
  .ml-sm-20px,
  .mx-sm-20px {
    margin-left: 20px !important;
  }
  .mr-sm-20px,
  .mx-sm-20px {
    margin-right: 20px !important;
  }
  .m-sm-20px {
    margin: 20px !important;
  }
  .pt-sm-25px,
  .py-sm-25px {
    padding-top: 25px !important;
  }
  .pb-sm-25px,
  .py-sm-25px {
    padding-bottom: 25px !important;
  }
  .pl-sm-25px,
  .px-sm-25px {
    padding-left: 25px !important;
  }
  .pr-sm-25px,
  .px-sm-25px {
    padding-right: 25px !important;
  }
  .p-sm-25px {
    padding: 25px !important;
  }
  .mt-sm-25px,
  .my-sm-25px {
    margin-top: 25px !important;
  }
  .mb-sm-25px,
  .my-sm-25px {
    margin-bottom: 25px !important;
  }
  .ml-sm-25px,
  .mx-sm-25px {
    margin-left: 25px !important;
  }
  .mr-sm-25px,
  .mx-sm-25px {
    margin-right: 25px !important;
  }
  .m-sm-25px {
    margin: 25px !important;
  }
  .pt-sm-30px,
  .py-sm-30px {
    padding-top: 30px !important;
  }
  .pb-sm-30px,
  .py-sm-30px {
    padding-bottom: 30px !important;
  }
  .pl-sm-30px,
  .px-sm-30px {
    padding-left: 30px !important;
  }
  .pr-sm-30px,
  .px-sm-30px {
    padding-right: 30px !important;
  }
  .p-sm-30px {
    padding: 30px !important;
  }
  .mt-sm-30px,
  .my-sm-30px {
    margin-top: 30px !important;
  }
  .mb-sm-30px,
  .my-sm-30px {
    margin-bottom: 30px !important;
  }
  .ml-sm-30px,
  .mx-sm-30px {
    margin-left: 30px !important;
  }
  .mr-sm-30px,
  .mx-sm-30px {
    margin-right: 30px !important;
  }
  .m-sm-30px {
    margin: 30px !important;
  }
  .pt-sm-35px,
  .py-sm-35px {
    padding-top: 35px !important;
  }
  .pb-sm-35px,
  .py-sm-35px {
    padding-bottom: 35px !important;
  }
  .pl-sm-35px,
  .px-sm-35px {
    padding-left: 35px !important;
  }
  .pr-sm-35px,
  .px-sm-35px {
    padding-right: 35px !important;
  }
  .p-sm-35px {
    padding: 35px !important;
  }
  .mt-sm-35px,
  .my-sm-35px {
    margin-top: 35px !important;
  }
  .mb-sm-35px,
  .my-sm-35px {
    margin-bottom: 35px !important;
  }
  .ml-sm-35px,
  .mx-sm-35px {
    margin-left: 35px !important;
  }
  .mr-sm-35px,
  .mx-sm-35px {
    margin-right: 35px !important;
  }
  .m-sm-35px {
    margin: 35px !important;
  }
  .pt-sm-40px,
  .py-sm-40px {
    padding-top: 40px !important;
  }
  .pb-sm-40px,
  .py-sm-40px {
    padding-bottom: 40px !important;
  }
  .pl-sm-40px,
  .px-sm-40px {
    padding-left: 40px !important;
  }
  .pr-sm-40px,
  .px-sm-40px {
    padding-right: 40px !important;
  }
  .p-sm-40px {
    padding: 40px !important;
  }
  .mt-sm-40px,
  .my-sm-40px {
    margin-top: 40px !important;
  }
  .mb-sm-40px,
  .my-sm-40px {
    margin-bottom: 40px !important;
  }
  .ml-sm-40px,
  .mx-sm-40px {
    margin-left: 40px !important;
  }
  .mr-sm-40px,
  .mx-sm-40px {
    margin-right: 40px !important;
  }
  .m-sm-40px {
    margin: 40px !important;
  }
  .pt-sm-45px,
  .py-sm-45px {
    padding-top: 45px !important;
  }
  .pb-sm-45px,
  .py-sm-45px {
    padding-bottom: 45px !important;
  }
  .pl-sm-45px,
  .px-sm-45px {
    padding-left: 45px !important;
  }
  .pr-sm-45px,
  .px-sm-45px {
    padding-right: 45px !important;
  }
  .p-sm-45px {
    padding: 45px !important;
  }
  .mt-sm-45px,
  .my-sm-45px {
    margin-top: 45px !important;
  }
  .mb-sm-45px,
  .my-sm-45px {
    margin-bottom: 45px !important;
  }
  .ml-sm-45px,
  .mx-sm-45px {
    margin-left: 45px !important;
  }
  .mr-sm-45px,
  .mx-sm-45px {
    margin-right: 45px !important;
  }
  .m-sm-45px {
    margin: 45px !important;
  }
  .pt-sm-50px,
  .py-sm-50px {
    padding-top: 50px !important;
  }
  .pb-sm-50px,
  .py-sm-50px {
    padding-bottom: 50px !important;
  }
  .pl-sm-50px,
  .px-sm-50px {
    padding-left: 50px !important;
  }
  .pr-sm-50px,
  .px-sm-50px {
    padding-right: 50px !important;
  }
  .p-sm-50px {
    padding: 50px !important;
  }
  .mt-sm-50px,
  .my-sm-50px {
    margin-top: 50px !important;
  }
  .mb-sm-50px,
  .my-sm-50px {
    margin-bottom: 50px !important;
  }
  .ml-sm-50px,
  .mx-sm-50px {
    margin-left: 50px !important;
  }
  .mr-sm-50px,
  .mx-sm-50px {
    margin-right: 50px !important;
  }
  .m-sm-50px {
    margin: 50px !important;
  }
}
@media (min-width: 768px) {
  .pt-md-0px,
  .py-md-0px {
    padding-top: 0px !important;
  }
  .pb-md-0px,
  .py-md-0px {
    padding-bottom: 0px !important;
  }
  .pl-md-0px,
  .px-md-0px {
    padding-left: 0px !important;
  }
  .pr-md-0px,
  .px-md-0px {
    padding-right: 0px !important;
  }
  .p-md-0px {
    padding: 0px !important;
  }
  .mt-md-0px,
  .my-md-0px {
    margin-top: 0px !important;
  }
  .mb-md-0px,
  .my-md-0px {
    margin-bottom: 0px !important;
  }
  .ml-md-0px,
  .mx-md-0px {
    margin-left: 0px !important;
  }
  .mr-md-0px,
  .mx-md-0px {
    margin-right: 0px !important;
  }
  .m-md-0px {
    margin: 0px !important;
  }
  .pt-md-5px,
  .py-md-5px {
    padding-top: 5px !important;
  }
  .pb-md-5px,
  .py-md-5px {
    padding-bottom: 5px !important;
  }
  .pl-md-5px,
  .px-md-5px {
    padding-left: 5px !important;
  }
  .pr-md-5px,
  .px-md-5px {
    padding-right: 5px !important;
  }
  .p-md-5px {
    padding: 5px !important;
  }
  .mt-md-5px,
  .my-md-5px {
    margin-top: 5px !important;
  }
  .mb-md-5px,
  .my-md-5px {
    margin-bottom: 5px !important;
  }
  .ml-md-5px,
  .mx-md-5px {
    margin-left: 5px !important;
  }
  .mr-md-5px,
  .mx-md-5px {
    margin-right: 5px !important;
  }
  .m-md-5px {
    margin: 5px !important;
  }
  .pt-md-10px,
  .py-md-10px {
    padding-top: 10px !important;
  }
  .pb-md-10px,
  .py-md-10px {
    padding-bottom: 10px !important;
  }
  .pl-md-10px,
  .px-md-10px {
    padding-left: 10px !important;
  }
  .pr-md-10px,
  .px-md-10px {
    padding-right: 10px !important;
  }
  .p-md-10px {
    padding: 10px !important;
  }
  .mt-md-10px,
  .my-md-10px {
    margin-top: 10px !important;
  }
  .mb-md-10px,
  .my-md-10px {
    margin-bottom: 10px !important;
  }
  .ml-md-10px,
  .mx-md-10px {
    margin-left: 10px !important;
  }
  .mr-md-10px,
  .mx-md-10px {
    margin-right: 10px !important;
  }
  .m-md-10px {
    margin: 10px !important;
  }
  .pt-md-15px,
  .py-md-15px {
    padding-top: 15px !important;
  }
  .pb-md-15px,
  .py-md-15px {
    padding-bottom: 15px !important;
  }
  .pl-md-15px,
  .px-md-15px {
    padding-left: 15px !important;
  }
  .pr-md-15px,
  .px-md-15px {
    padding-right: 15px !important;
  }
  .p-md-15px {
    padding: 15px !important;
  }
  .mt-md-15px,
  .my-md-15px {
    margin-top: 15px !important;
  }
  .mb-md-15px,
  .my-md-15px {
    margin-bottom: 15px !important;
  }
  .ml-md-15px,
  .mx-md-15px {
    margin-left: 15px !important;
  }
  .mr-md-15px,
  .mx-md-15px {
    margin-right: 15px !important;
  }
  .m-md-15px {
    margin: 15px !important;
  }
  .pt-md-20px,
  .py-md-20px {
    padding-top: 20px !important;
  }
  .pb-md-20px,
  .py-md-20px {
    padding-bottom: 20px !important;
  }
  .pl-md-20px,
  .px-md-20px {
    padding-left: 20px !important;
  }
  .pr-md-20px,
  .px-md-20px {
    padding-right: 20px !important;
  }
  .p-md-20px {
    padding: 20px !important;
  }
  .mt-md-20px,
  .my-md-20px {
    margin-top: 20px !important;
  }
  .mb-md-20px,
  .my-md-20px {
    margin-bottom: 20px !important;
  }
  .ml-md-20px,
  .mx-md-20px {
    margin-left: 20px !important;
  }
  .mr-md-20px,
  .mx-md-20px {
    margin-right: 20px !important;
  }
  .m-md-20px {
    margin: 20px !important;
  }
  .pt-md-25px,
  .py-md-25px {
    padding-top: 25px !important;
  }
  .pb-md-25px,
  .py-md-25px {
    padding-bottom: 25px !important;
  }
  .pl-md-25px,
  .px-md-25px {
    padding-left: 25px !important;
  }
  .pr-md-25px,
  .px-md-25px {
    padding-right: 25px !important;
  }
  .p-md-25px {
    padding: 25px !important;
  }
  .mt-md-25px,
  .my-md-25px {
    margin-top: 25px !important;
  }
  .mb-md-25px,
  .my-md-25px {
    margin-bottom: 25px !important;
  }
  .ml-md-25px,
  .mx-md-25px {
    margin-left: 25px !important;
  }
  .mr-md-25px,
  .mx-md-25px {
    margin-right: 25px !important;
  }
  .m-md-25px {
    margin: 25px !important;
  }
  .pt-md-30px,
  .py-md-30px {
    padding-top: 30px !important;
  }
  .pb-md-30px,
  .py-md-30px {
    padding-bottom: 30px !important;
  }
  .pl-md-30px,
  .px-md-30px {
    padding-left: 30px !important;
  }
  .pr-md-30px,
  .px-md-30px {
    padding-right: 30px !important;
  }
  .p-md-30px {
    padding: 30px !important;
  }
  .mt-md-30px,
  .my-md-30px {
    margin-top: 30px !important;
  }
  .mb-md-30px,
  .my-md-30px {
    margin-bottom: 30px !important;
  }
  .ml-md-30px,
  .mx-md-30px {
    margin-left: 30px !important;
  }
  .mr-md-30px,
  .mx-md-30px {
    margin-right: 30px !important;
  }
  .m-md-30px {
    margin: 30px !important;
  }
  .pt-md-35px,
  .py-md-35px {
    padding-top: 35px !important;
  }
  .pb-md-35px,
  .py-md-35px {
    padding-bottom: 35px !important;
  }
  .pl-md-35px,
  .px-md-35px {
    padding-left: 35px !important;
  }
  .pr-md-35px,
  .px-md-35px {
    padding-right: 35px !important;
  }
  .p-md-35px {
    padding: 35px !important;
  }
  .mt-md-35px,
  .my-md-35px {
    margin-top: 35px !important;
  }
  .mb-md-35px,
  .my-md-35px {
    margin-bottom: 35px !important;
  }
  .ml-md-35px,
  .mx-md-35px {
    margin-left: 35px !important;
  }
  .mr-md-35px,
  .mx-md-35px {
    margin-right: 35px !important;
  }
  .m-md-35px {
    margin: 35px !important;
  }
  .pt-md-40px,
  .py-md-40px {
    padding-top: 40px !important;
  }
  .pb-md-40px,
  .py-md-40px {
    padding-bottom: 40px !important;
  }
  .pl-md-40px,
  .px-md-40px {
    padding-left: 40px !important;
  }
  .pr-md-40px,
  .px-md-40px {
    padding-right: 40px !important;
  }
  .p-md-40px {
    padding: 40px !important;
  }
  .mt-md-40px,
  .my-md-40px {
    margin-top: 40px !important;
  }
  .mb-md-40px,
  .my-md-40px {
    margin-bottom: 40px !important;
  }
  .ml-md-40px,
  .mx-md-40px {
    margin-left: 40px !important;
  }
  .mr-md-40px,
  .mx-md-40px {
    margin-right: 40px !important;
  }
  .m-md-40px {
    margin: 40px !important;
  }
  .pt-md-45px,
  .py-md-45px {
    padding-top: 45px !important;
  }
  .pb-md-45px,
  .py-md-45px {
    padding-bottom: 45px !important;
  }
  .pl-md-45px,
  .px-md-45px {
    padding-left: 45px !important;
  }
  .pr-md-45px,
  .px-md-45px {
    padding-right: 45px !important;
  }
  .p-md-45px {
    padding: 45px !important;
  }
  .mt-md-45px,
  .my-md-45px {
    margin-top: 45px !important;
  }
  .mb-md-45px,
  .my-md-45px {
    margin-bottom: 45px !important;
  }
  .ml-md-45px,
  .mx-md-45px {
    margin-left: 45px !important;
  }
  .mr-md-45px,
  .mx-md-45px {
    margin-right: 45px !important;
  }
  .m-md-45px {
    margin: 45px !important;
  }
  .pt-md-50px,
  .py-md-50px {
    padding-top: 50px !important;
  }
  .pb-md-50px,
  .py-md-50px {
    padding-bottom: 50px !important;
  }
  .pl-md-50px,
  .px-md-50px {
    padding-left: 50px !important;
  }
  .pr-md-50px,
  .px-md-50px {
    padding-right: 50px !important;
  }
  .p-md-50px {
    padding: 50px !important;
  }
  .mt-md-50px,
  .my-md-50px {
    margin-top: 50px !important;
  }
  .mb-md-50px,
  .my-md-50px {
    margin-bottom: 50px !important;
  }
  .ml-md-50px,
  .mx-md-50px {
    margin-left: 50px !important;
  }
  .mr-md-50px,
  .mx-md-50px {
    margin-right: 50px !important;
  }
  .m-md-50px {
    margin: 50px !important;
  }
}
@media (min-width: 992px) {
  .pt-lg-0px,
  .py-lg-0px {
    padding-top: 0px !important;
  }
  .pb-lg-0px,
  .py-lg-0px {
    padding-bottom: 0px !important;
  }
  .pl-lg-0px,
  .px-lg-0px {
    padding-left: 0px !important;
  }
  .pr-lg-0px,
  .px-lg-0px {
    padding-right: 0px !important;
  }
  .p-lg-0px {
    padding: 0px !important;
  }
  .mt-lg-0px,
  .my-lg-0px {
    margin-top: 0px !important;
  }
  .mb-lg-0px,
  .my-lg-0px {
    margin-bottom: 0px !important;
  }
  .ml-lg-0px,
  .mx-lg-0px {
    margin-left: 0px !important;
  }
  .mr-lg-0px,
  .mx-lg-0px {
    margin-right: 0px !important;
  }
  .m-lg-0px {
    margin: 0px !important;
  }
  .pt-lg-5px,
  .py-lg-5px {
    padding-top: 5px !important;
  }
  .pb-lg-5px,
  .py-lg-5px {
    padding-bottom: 5px !important;
  }
  .pl-lg-5px,
  .px-lg-5px {
    padding-left: 5px !important;
  }
  .pr-lg-5px,
  .px-lg-5px {
    padding-right: 5px !important;
  }
  .p-lg-5px {
    padding: 5px !important;
  }
  .mt-lg-5px,
  .my-lg-5px {
    margin-top: 5px !important;
  }
  .mb-lg-5px,
  .my-lg-5px {
    margin-bottom: 5px !important;
  }
  .ml-lg-5px,
  .mx-lg-5px {
    margin-left: 5px !important;
  }
  .mr-lg-5px,
  .mx-lg-5px {
    margin-right: 5px !important;
  }
  .m-lg-5px {
    margin: 5px !important;
  }
  .pt-lg-10px,
  .py-lg-10px {
    padding-top: 10px !important;
  }
  .pb-lg-10px,
  .py-lg-10px {
    padding-bottom: 10px !important;
  }
  .pl-lg-10px,
  .px-lg-10px {
    padding-left: 10px !important;
  }
  .pr-lg-10px,
  .px-lg-10px {
    padding-right: 10px !important;
  }
  .p-lg-10px {
    padding: 10px !important;
  }
  .mt-lg-10px,
  .my-lg-10px {
    margin-top: 10px !important;
  }
  .mb-lg-10px,
  .my-lg-10px {
    margin-bottom: 10px !important;
  }
  .ml-lg-10px,
  .mx-lg-10px {
    margin-left: 10px !important;
  }
  .mr-lg-10px,
  .mx-lg-10px {
    margin-right: 10px !important;
  }
  .m-lg-10px {
    margin: 10px !important;
  }
  .pt-lg-15px,
  .py-lg-15px {
    padding-top: 15px !important;
  }
  .pb-lg-15px,
  .py-lg-15px {
    padding-bottom: 15px !important;
  }
  .pl-lg-15px,
  .px-lg-15px {
    padding-left: 15px !important;
  }
  .pr-lg-15px,
  .px-lg-15px {
    padding-right: 15px !important;
  }
  .p-lg-15px {
    padding: 15px !important;
  }
  .mt-lg-15px,
  .my-lg-15px {
    margin-top: 15px !important;
  }
  .mb-lg-15px,
  .my-lg-15px {
    margin-bottom: 15px !important;
  }
  .ml-lg-15px,
  .mx-lg-15px {
    margin-left: 15px !important;
  }
  .mr-lg-15px,
  .mx-lg-15px {
    margin-right: 15px !important;
  }
  .m-lg-15px {
    margin: 15px !important;
  }
  .pt-lg-20px,
  .py-lg-20px {
    padding-top: 20px !important;
  }
  .pb-lg-20px,
  .py-lg-20px {
    padding-bottom: 20px !important;
  }
  .pl-lg-20px,
  .px-lg-20px {
    padding-left: 20px !important;
  }
  .pr-lg-20px,
  .px-lg-20px {
    padding-right: 20px !important;
  }
  .p-lg-20px {
    padding: 20px !important;
  }
  .mt-lg-20px,
  .my-lg-20px {
    margin-top: 20px !important;
  }
  .mb-lg-20px,
  .my-lg-20px {
    margin-bottom: 20px !important;
  }
  .ml-lg-20px,
  .mx-lg-20px {
    margin-left: 20px !important;
  }
  .mr-lg-20px,
  .mx-lg-20px {
    margin-right: 20px !important;
  }
  .m-lg-20px {
    margin: 20px !important;
  }
  .pt-lg-25px,
  .py-lg-25px {
    padding-top: 25px !important;
  }
  .pb-lg-25px,
  .py-lg-25px {
    padding-bottom: 25px !important;
  }
  .pl-lg-25px,
  .px-lg-25px {
    padding-left: 25px !important;
  }
  .pr-lg-25px,
  .px-lg-25px {
    padding-right: 25px !important;
  }
  .p-lg-25px {
    padding: 25px !important;
  }
  .mt-lg-25px,
  .my-lg-25px {
    margin-top: 25px !important;
  }
  .mb-lg-25px,
  .my-lg-25px {
    margin-bottom: 25px !important;
  }
  .ml-lg-25px,
  .mx-lg-25px {
    margin-left: 25px !important;
  }
  .mr-lg-25px,
  .mx-lg-25px {
    margin-right: 25px !important;
  }
  .m-lg-25px {
    margin: 25px !important;
  }
  .pt-lg-30px,
  .py-lg-30px {
    padding-top: 30px !important;
  }
  .pb-lg-30px,
  .py-lg-30px {
    padding-bottom: 30px !important;
  }
  .pl-lg-30px,
  .px-lg-30px {
    padding-left: 30px !important;
  }
  .pr-lg-30px,
  .px-lg-30px {
    padding-right: 30px !important;
  }
  .p-lg-30px {
    padding: 30px !important;
  }
  .mt-lg-30px,
  .my-lg-30px {
    margin-top: 30px !important;
  }
  .mb-lg-30px,
  .my-lg-30px {
    margin-bottom: 30px !important;
  }
  .ml-lg-30px,
  .mx-lg-30px {
    margin-left: 30px !important;
  }
  .mr-lg-30px,
  .mx-lg-30px {
    margin-right: 30px !important;
  }
  .m-lg-30px {
    margin: 30px !important;
  }
  .pt-lg-35px,
  .py-lg-35px {
    padding-top: 35px !important;
  }
  .pb-lg-35px,
  .py-lg-35px {
    padding-bottom: 35px !important;
  }
  .pl-lg-35px,
  .px-lg-35px {
    padding-left: 35px !important;
  }
  .pr-lg-35px,
  .px-lg-35px {
    padding-right: 35px !important;
  }
  .p-lg-35px {
    padding: 35px !important;
  }
  .mt-lg-35px,
  .my-lg-35px {
    margin-top: 35px !important;
  }
  .mb-lg-35px,
  .my-lg-35px {
    margin-bottom: 35px !important;
  }
  .ml-lg-35px,
  .mx-lg-35px {
    margin-left: 35px !important;
  }
  .mr-lg-35px,
  .mx-lg-35px {
    margin-right: 35px !important;
  }
  .m-lg-35px {
    margin: 35px !important;
  }
  .pt-lg-40px,
  .py-lg-40px {
    padding-top: 40px !important;
  }
  .pb-lg-40px,
  .py-lg-40px {
    padding-bottom: 40px !important;
  }
  .pl-lg-40px,
  .px-lg-40px {
    padding-left: 40px !important;
  }
  .pr-lg-40px,
  .px-lg-40px {
    padding-right: 40px !important;
  }
  .p-lg-40px {
    padding: 40px !important;
  }
  .mt-lg-40px,
  .my-lg-40px {
    margin-top: 40px !important;
  }
  .mb-lg-40px,
  .my-lg-40px {
    margin-bottom: 40px !important;
  }
  .ml-lg-40px,
  .mx-lg-40px {
    margin-left: 40px !important;
  }
  .mr-lg-40px,
  .mx-lg-40px {
    margin-right: 40px !important;
  }
  .m-lg-40px {
    margin: 40px !important;
  }
  .pt-lg-45px,
  .py-lg-45px {
    padding-top: 45px !important;
  }
  .pb-lg-45px,
  .py-lg-45px {
    padding-bottom: 45px !important;
  }
  .pl-lg-45px,
  .px-lg-45px {
    padding-left: 45px !important;
  }
  .pr-lg-45px,
  .px-lg-45px {
    padding-right: 45px !important;
  }
  .p-lg-45px {
    padding: 45px !important;
  }
  .mt-lg-45px,
  .my-lg-45px {
    margin-top: 45px !important;
  }
  .mb-lg-45px,
  .my-lg-45px {
    margin-bottom: 45px !important;
  }
  .ml-lg-45px,
  .mx-lg-45px {
    margin-left: 45px !important;
  }
  .mr-lg-45px,
  .mx-lg-45px {
    margin-right: 45px !important;
  }
  .m-lg-45px {
    margin: 45px !important;
  }
  .pt-lg-50px,
  .py-lg-50px {
    padding-top: 50px !important;
  }
  .pb-lg-50px,
  .py-lg-50px {
    padding-bottom: 50px !important;
  }
  .pl-lg-50px,
  .px-lg-50px {
    padding-left: 50px !important;
  }
  .pr-lg-50px,
  .px-lg-50px {
    padding-right: 50px !important;
  }
  .p-lg-50px {
    padding: 50px !important;
  }
  .mt-lg-50px,
  .my-lg-50px {
    margin-top: 50px !important;
  }
  .mb-lg-50px,
  .my-lg-50px {
    margin-bottom: 50px !important;
  }
  .ml-lg-50px,
  .mx-lg-50px {
    margin-left: 50px !important;
  }
  .mr-lg-50px,
  .mx-lg-50px {
    margin-right: 50px !important;
  }
  .m-lg-50px {
    margin: 50px !important;
  }
}
@media (min-width: 1200px) {
  .pt-xl-0px,
  .py-xl-0px {
    padding-top: 0px !important;
  }
  .pb-xl-0px,
  .py-xl-0px {
    padding-bottom: 0px !important;
  }
  .pl-xl-0px,
  .px-xl-0px {
    padding-left: 0px !important;
  }
  .pr-xl-0px,
  .px-xl-0px {
    padding-right: 0px !important;
  }
  .p-xl-0px {
    padding: 0px !important;
  }
  .mt-xl-0px,
  .my-xl-0px {
    margin-top: 0px !important;
  }
  .mb-xl-0px,
  .my-xl-0px {
    margin-bottom: 0px !important;
  }
  .ml-xl-0px,
  .mx-xl-0px {
    margin-left: 0px !important;
  }
  .mr-xl-0px,
  .mx-xl-0px {
    margin-right: 0px !important;
  }
  .m-xl-0px {
    margin: 0px !important;
  }
  .pt-xl-5px,
  .py-xl-5px {
    padding-top: 5px !important;
  }
  .pb-xl-5px,
  .py-xl-5px {
    padding-bottom: 5px !important;
  }
  .pl-xl-5px,
  .px-xl-5px {
    padding-left: 5px !important;
  }
  .pr-xl-5px,
  .px-xl-5px {
    padding-right: 5px !important;
  }
  .p-xl-5px {
    padding: 5px !important;
  }
  .mt-xl-5px,
  .my-xl-5px {
    margin-top: 5px !important;
  }
  .mb-xl-5px,
  .my-xl-5px {
    margin-bottom: 5px !important;
  }
  .ml-xl-5px,
  .mx-xl-5px {
    margin-left: 5px !important;
  }
  .mr-xl-5px,
  .mx-xl-5px {
    margin-right: 5px !important;
  }
  .m-xl-5px {
    margin: 5px !important;
  }
  .pt-xl-10px,
  .py-xl-10px {
    padding-top: 10px !important;
  }
  .pb-xl-10px,
  .py-xl-10px {
    padding-bottom: 10px !important;
  }
  .pl-xl-10px,
  .px-xl-10px {
    padding-left: 10px !important;
  }
  .pr-xl-10px,
  .px-xl-10px {
    padding-right: 10px !important;
  }
  .p-xl-10px {
    padding: 10px !important;
  }
  .mt-xl-10px,
  .my-xl-10px {
    margin-top: 10px !important;
  }
  .mb-xl-10px,
  .my-xl-10px {
    margin-bottom: 10px !important;
  }
  .ml-xl-10px,
  .mx-xl-10px {
    margin-left: 10px !important;
  }
  .mr-xl-10px,
  .mx-xl-10px {
    margin-right: 10px !important;
  }
  .m-xl-10px {
    margin: 10px !important;
  }
  .pt-xl-15px,
  .py-xl-15px {
    padding-top: 15px !important;
  }
  .pb-xl-15px,
  .py-xl-15px {
    padding-bottom: 15px !important;
  }
  .pl-xl-15px,
  .px-xl-15px {
    padding-left: 15px !important;
  }
  .pr-xl-15px,
  .px-xl-15px {
    padding-right: 15px !important;
  }
  .p-xl-15px {
    padding: 15px !important;
  }
  .mt-xl-15px,
  .my-xl-15px {
    margin-top: 15px !important;
  }
  .mb-xl-15px,
  .my-xl-15px {
    margin-bottom: 15px !important;
  }
  .ml-xl-15px,
  .mx-xl-15px {
    margin-left: 15px !important;
  }
  .mr-xl-15px,
  .mx-xl-15px {
    margin-right: 15px !important;
  }
  .m-xl-15px {
    margin: 15px !important;
  }
  .pt-xl-20px,
  .py-xl-20px {
    padding-top: 20px !important;
  }
  .pb-xl-20px,
  .py-xl-20px {
    padding-bottom: 20px !important;
  }
  .pl-xl-20px,
  .px-xl-20px {
    padding-left: 20px !important;
  }
  .pr-xl-20px,
  .px-xl-20px {
    padding-right: 20px !important;
  }
  .p-xl-20px {
    padding: 20px !important;
  }
  .mt-xl-20px,
  .my-xl-20px {
    margin-top: 20px !important;
  }
  .mb-xl-20px,
  .my-xl-20px {
    margin-bottom: 20px !important;
  }
  .ml-xl-20px,
  .mx-xl-20px {
    margin-left: 20px !important;
  }
  .mr-xl-20px,
  .mx-xl-20px {
    margin-right: 20px !important;
  }
  .m-xl-20px {
    margin: 20px !important;
  }
  .pt-xl-25px,
  .py-xl-25px {
    padding-top: 25px !important;
  }
  .pb-xl-25px,
  .py-xl-25px {
    padding-bottom: 25px !important;
  }
  .pl-xl-25px,
  .px-xl-25px {
    padding-left: 25px !important;
  }
  .pr-xl-25px,
  .px-xl-25px {
    padding-right: 25px !important;
  }
  .p-xl-25px {
    padding: 25px !important;
  }
  .mt-xl-25px,
  .my-xl-25px {
    margin-top: 25px !important;
  }
  .mb-xl-25px,
  .my-xl-25px {
    margin-bottom: 25px !important;
  }
  .ml-xl-25px,
  .mx-xl-25px {
    margin-left: 25px !important;
  }
  .mr-xl-25px,
  .mx-xl-25px {
    margin-right: 25px !important;
  }
  .m-xl-25px {
    margin: 25px !important;
  }
  .pt-xl-30px,
  .py-xl-30px {
    padding-top: 30px !important;
  }
  .pb-xl-30px,
  .py-xl-30px {
    padding-bottom: 30px !important;
  }
  .pl-xl-30px,
  .px-xl-30px {
    padding-left: 30px !important;
  }
  .pr-xl-30px,
  .px-xl-30px {
    padding-right: 30px !important;
  }
  .p-xl-30px {
    padding: 30px !important;
  }
  .mt-xl-30px,
  .my-xl-30px {
    margin-top: 30px !important;
  }
  .mb-xl-30px,
  .my-xl-30px {
    margin-bottom: 30px !important;
  }
  .ml-xl-30px,
  .mx-xl-30px {
    margin-left: 30px !important;
  }
  .mr-xl-30px,
  .mx-xl-30px {
    margin-right: 30px !important;
  }
  .m-xl-30px {
    margin: 30px !important;
  }
  .pt-xl-35px,
  .py-xl-35px {
    padding-top: 35px !important;
  }
  .pb-xl-35px,
  .py-xl-35px {
    padding-bottom: 35px !important;
  }
  .pl-xl-35px,
  .px-xl-35px {
    padding-left: 35px !important;
  }
  .pr-xl-35px,
  .px-xl-35px {
    padding-right: 35px !important;
  }
  .p-xl-35px {
    padding: 35px !important;
  }
  .mt-xl-35px,
  .my-xl-35px {
    margin-top: 35px !important;
  }
  .mb-xl-35px,
  .my-xl-35px {
    margin-bottom: 35px !important;
  }
  .ml-xl-35px,
  .mx-xl-35px {
    margin-left: 35px !important;
  }
  .mr-xl-35px,
  .mx-xl-35px {
    margin-right: 35px !important;
  }
  .m-xl-35px {
    margin: 35px !important;
  }
  .pt-xl-40px,
  .py-xl-40px {
    padding-top: 40px !important;
  }
  .pb-xl-40px,
  .py-xl-40px {
    padding-bottom: 40px !important;
  }
  .pl-xl-40px,
  .px-xl-40px {
    padding-left: 40px !important;
  }
  .pr-xl-40px,
  .px-xl-40px {
    padding-right: 40px !important;
  }
  .p-xl-40px {
    padding: 40px !important;
  }
  .mt-xl-40px,
  .my-xl-40px {
    margin-top: 40px !important;
  }
  .mb-xl-40px,
  .my-xl-40px {
    margin-bottom: 40px !important;
  }
  .ml-xl-40px,
  .mx-xl-40px {
    margin-left: 40px !important;
  }
  .mr-xl-40px,
  .mx-xl-40px {
    margin-right: 40px !important;
  }
  .m-xl-40px {
    margin: 40px !important;
  }
  .pt-xl-45px,
  .py-xl-45px {
    padding-top: 45px !important;
  }
  .pb-xl-45px,
  .py-xl-45px {
    padding-bottom: 45px !important;
  }
  .pl-xl-45px,
  .px-xl-45px {
    padding-left: 45px !important;
  }
  .pr-xl-45px,
  .px-xl-45px {
    padding-right: 45px !important;
  }
  .p-xl-45px {
    padding: 45px !important;
  }
  .mt-xl-45px,
  .my-xl-45px {
    margin-top: 45px !important;
  }
  .mb-xl-45px,
  .my-xl-45px {
    margin-bottom: 45px !important;
  }
  .ml-xl-45px,
  .mx-xl-45px {
    margin-left: 45px !important;
  }
  .mr-xl-45px,
  .mx-xl-45px {
    margin-right: 45px !important;
  }
  .m-xl-45px {
    margin: 45px !important;
  }
  .pt-xl-50px,
  .py-xl-50px {
    padding-top: 50px !important;
  }
  .pb-xl-50px,
  .py-xl-50px {
    padding-bottom: 50px !important;
  }
  .pl-xl-50px,
  .px-xl-50px {
    padding-left: 50px !important;
  }
  .pr-xl-50px,
  .px-xl-50px {
    padding-right: 50px !important;
  }
  .p-xl-50px {
    padding: 50px !important;
  }
  .mt-xl-50px,
  .my-xl-50px {
    margin-top: 50px !important;
  }
  .mb-xl-50px,
  .my-xl-50px {
    margin-bottom: 50px !important;
  }
  .ml-xl-50px,
  .mx-xl-50px {
    margin-left: 50px !important;
  }
  .mr-xl-50px,
  .mx-xl-50px {
    margin-right: 50px !important;
  }
  .m-xl-50px {
    margin: 50px !important;
  }
}
.space-x-0 > * + * {
  margin-left: 0 !important;
}
.space-x-1 > * + * {
  margin-left: 0.25rem !important;
}
.space-x-2 > * + * {
  margin-left: 0.5rem !important;
}
.space-x-3 > * + * {
  margin-left: 1rem !important;
}
.space-x-4 > * + * {
  margin-left: 1.5rem !important;
}
.space-x-5 > * + * {
  margin-left: 3rem !important;
}
.space-y-0 > * + * {
  margin-top: 0 !important;
}
.space-y-1 > * + * {
  margin-top: 0.25rem !important;
}
.space-y-2 > * + * {
  margin-top: 0.5rem !important;
}
.space-y-3 > * + * {
  margin-top: 1rem !important;
}
.space-y-4 > * + * {
  margin-top: 1.5rem !important;
}
.space-y-5 > * + * {
  margin-top: 3rem !important;
}
@media (min-width: 576px) {
  .space-x-sm-0 > * + * {
    margin-left: 0 !important;
  }
  .space-x-sm-1 > * + * {
    margin-left: 0.25rem !important;
  }
  .space-x-sm-2 > * + * {
    margin-left: 0.5rem !important;
  }
  .space-x-sm-3 > * + * {
    margin-left: 1rem !important;
  }
  .space-x-sm-4 > * + * {
    margin-left: 1.5rem !important;
  }
  .space-x-sm-5 > * + * {
    margin-left: 3rem !important;
  }
  .space-y-sm-0 > * + * {
    margin-top: 0 !important;
  }
  .space-y-sm-1 > * + * {
    margin-top: 0.25rem !important;
  }
  .space-y-sm-2 > * + * {
    margin-top: 0.5rem !important;
  }
  .space-y-sm-3 > * + * {
    margin-top: 1rem !important;
  }
  .space-y-sm-4 > * + * {
    margin-top: 1.5rem !important;
  }
  .space-y-sm-5 > * + * {
    margin-top: 3rem !important;
  }
}
@media (min-width: 768px) {
  .space-x-md-0 > * + * {
    margin-left: 0 !important;
  }
  .space-x-md-1 > * + * {
    margin-left: 0.25rem !important;
  }
  .space-x-md-2 > * + * {
    margin-left: 0.5rem !important;
  }
  .space-x-md-3 > * + * {
    margin-left: 1rem !important;
  }
  .space-x-md-4 > * + * {
    margin-left: 1.5rem !important;
  }
  .space-x-md-5 > * + * {
    margin-left: 3rem !important;
  }
  .space-y-md-0 > * + * {
    margin-top: 0 !important;
  }
  .space-y-md-1 > * + * {
    margin-top: 0.25rem !important;
  }
  .space-y-md-2 > * + * {
    margin-top: 0.5rem !important;
  }
  .space-y-md-3 > * + * {
    margin-top: 1rem !important;
  }
  .space-y-md-4 > * + * {
    margin-top: 1.5rem !important;
  }
  .space-y-md-5 > * + * {
    margin-top: 3rem !important;
  }
}
@media (min-width: 992px) {
  .space-x-lg-0 > * + * {
    margin-left: 0 !important;
  }
  .space-x-lg-1 > * + * {
    margin-left: 0.25rem !important;
  }
  .space-x-lg-2 > * + * {
    margin-left: 0.5rem !important;
  }
  .space-x-lg-3 > * + * {
    margin-left: 1rem !important;
  }
  .space-x-lg-4 > * + * {
    margin-left: 1.5rem !important;
  }
  .space-x-lg-5 > * + * {
    margin-left: 3rem !important;
  }
  .space-y-lg-0 > * + * {
    margin-top: 0 !important;
  }
  .space-y-lg-1 > * + * {
    margin-top: 0.25rem !important;
  }
  .space-y-lg-2 > * + * {
    margin-top: 0.5rem !important;
  }
  .space-y-lg-3 > * + * {
    margin-top: 1rem !important;
  }
  .space-y-lg-4 > * + * {
    margin-top: 1.5rem !important;
  }
  .space-y-lg-5 > * + * {
    margin-top: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .space-x-xl-0 > * + * {
    margin-left: 0 !important;
  }
  .space-x-xl-1 > * + * {
    margin-left: 0.25rem !important;
  }
  .space-x-xl-2 > * + * {
    margin-left: 0.5rem !important;
  }
  .space-x-xl-3 > * + * {
    margin-left: 1rem !important;
  }
  .space-x-xl-4 > * + * {
    margin-left: 1.5rem !important;
  }
  .space-x-xl-5 > * + * {
    margin-left: 3rem !important;
  }
  .space-y-xl-0 > * + * {
    margin-top: 0 !important;
  }
  .space-y-xl-1 > * + * {
    margin-top: 0.25rem !important;
  }
  .space-y-xl-2 > * + * {
    margin-top: 0.5rem !important;
  }
  .space-y-xl-3 > * + * {
    margin-top: 1rem !important;
  }
  .space-y-xl-4 > * + * {
    margin-top: 1.5rem !important;
  }
  .space-y-xl-5 > * + * {
    margin-top: 3rem !important;
  }
}
.space-x-5px > * + * {
  margin-left: 5px !important;
}
.space-y-5px > * + * {
  margin-top: 5px !important;
}
@media (min-width: 576px) {
  .space-x-sm-5px > * + * {
    margin-left: 5px;
  }
  .space-y-sm-5px > * + * {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .space-x-md-5px > * + * {
    margin-left: 5px;
  }
  .space-y-md-5px > * + * {
    margin-top: 5px;
  }
}
@media (min-width: 992px) {
  .space-x-lg-5px > * + * {
    margin-left: 5px;
  }
  .space-y-lg-5px > * + * {
    margin-top: 5px;
  }
}
@media (min-width: 1200px) {
  .space-x-xl-5px > * + * {
    margin-left: 5px;
  }
  .space-y-xl-5px > * + * {
    margin-top: 5px;
  }
}
.space-x-10px > * + * {
  margin-left: 10px !important;
}
.space-y-10px > * + * {
  margin-top: 10px !important;
}
@media (min-width: 576px) {
  .space-x-sm-10px > * + * {
    margin-left: 10px;
  }
  .space-y-sm-10px > * + * {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .space-x-md-10px > * + * {
    margin-left: 10px;
  }
  .space-y-md-10px > * + * {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .space-x-lg-10px > * + * {
    margin-left: 10px;
  }
  .space-y-lg-10px > * + * {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .space-x-xl-10px > * + * {
    margin-left: 10px;
  }
  .space-y-xl-10px > * + * {
    margin-top: 10px;
  }
}
.space-x-15px > * + * {
  margin-left: 15px !important;
}
.space-y-15px > * + * {
  margin-top: 15px !important;
}
@media (min-width: 576px) {
  .space-x-sm-15px > * + * {
    margin-left: 15px;
  }
  .space-y-sm-15px > * + * {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .space-x-md-15px > * + * {
    margin-left: 15px;
  }
  .space-y-md-15px > * + * {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .space-x-lg-15px > * + * {
    margin-left: 15px;
  }
  .space-y-lg-15px > * + * {
    margin-top: 15px;
  }
}
@media (min-width: 1200px) {
  .space-x-xl-15px > * + * {
    margin-left: 15px;
  }
  .space-y-xl-15px > * + * {
    margin-top: 15px;
  }
}
.space-x-20px > * + * {
  margin-left: 20px !important;
}
.space-y-20px > * + * {
  margin-top: 20px !important;
}
@media (min-width: 576px) {
  .space-x-sm-20px > * + * {
    margin-left: 20px;
  }
  .space-y-sm-20px > * + * {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .space-x-md-20px > * + * {
    margin-left: 20px;
  }
  .space-y-md-20px > * + * {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .space-x-lg-20px > * + * {
    margin-left: 20px;
  }
  .space-y-lg-20px > * + * {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .space-x-xl-20px > * + * {
    margin-left: 20px;
  }
  .space-y-xl-20px > * + * {
    margin-top: 20px;
  }
}
.container {
  max-width: 1680px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.table {
  display: table;
  width: 100%;
  border-top: 1px solid #fff;
}
.table .thead {
  display: table-header-group;
}
.table .tbody {
  display: table-row-group;
}
.table .tr {
  display: table-row;
}
.table .th,
.table .td {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding: 13px 10px;
  border-top-color: transparent;
  border-bottom: 1px solid #191919;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .table .th,
  .table .td {
    padding: 30px 25px;
  }
}
.table .th {
  background-color: #191919;
  color: #fff;
}
@media (max-width: 768px) {
  .table.style-rwd .thead {
    display: none;
  }
  .table.style-rwd .tr {
    display: block;
  }
  .table.style-rwd .tr .th {
    display: block;
  }
  .table.style-rwd .td {
    text-align: left;
    display: block;
    width: 100%;
  }
  .table.style-rwd .td:before {
    content: attr(data-label);
    display: inline-block;
    min-width: 50%;
  }
}
.imgframe {
  position: relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.imgframe::before {
  content: '';
  display: block;
}
.imgframe-16to9::before {
  padding-top: 56.25%;
}
.imgframe-4to3::before {
  padding-top: 75%;
}
.imgframe-3to2::before {
  padding-top: 66.67%;
}
.imgframe-1to1::before {
  padding-top: 100%;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-grid {
  display: grid;
}
.d-inline-grid {
  display: inline-grid;
}
@media (min-width: 576px) {
  .d-sm-grid {
    display: grid;
  }
  .d-sm-inline-grid {
    display: inline-grid;
  }
}
@media (min-width: 768px) {
  .d-md-grid {
    display: grid;
  }
  .d-md-inline-grid {
    display: inline-grid;
  }
}
@media (min-width: 992px) {
  .d-lg-grid {
    display: grid;
  }
  .d-lg-inline-grid {
    display: inline-grid;
  }
}
@media (min-width: 1200px) {
  .d-xl-grid {
    display: grid;
  }
  .d-xl-inline-grid {
    display: inline-grid;
  }
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.col-span-1 {
  grid-column: span 1/span 1 !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.col-span-2 {
  grid-column: span 2/span 2 !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.col-span-3 {
  grid-column: span 3/span 3 !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.col-span-4 {
  grid-column: span 4/span 4 !important;
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.col-span-5 {
  grid-column: span 5/span 5 !important;
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.col-span-6 {
  grid-column: span 6/span 6 !important;
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.col-span-7 {
  grid-column: span 7/span 7 !important;
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.col-span-8 {
  grid-column: span 8/span 8 !important;
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.col-span-9 {
  grid-column: span 9/span 9 !important;
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.col-span-10 {
  grid-column: span 10/span 10 !important;
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.col-span-11 {
  grid-column: span 11/span 11 !important;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.col-span-12 {
  grid-column: span 12/span 12 !important;
}
.col-start-1 {
  grid-column-start: 1 !important;
}
.col-end-1 {
  grid-column-end: 1 !important;
}
.col-start-2 {
  grid-column-start: 2 !important;
}
.col-end-2 {
  grid-column-end: 2 !important;
}
.col-start-3 {
  grid-column-start: 3 !important;
}
.col-end-3 {
  grid-column-end: 3 !important;
}
.col-start-4 {
  grid-column-start: 4 !important;
}
.col-end-4 {
  grid-column-end: 4 !important;
}
.col-start-5 {
  grid-column-start: 5 !important;
}
.col-end-5 {
  grid-column-end: 5 !important;
}
.col-start-6 {
  grid-column-start: 6 !important;
}
.col-end-6 {
  grid-column-end: 6 !important;
}
.col-start-7 {
  grid-column-start: 7 !important;
}
.col-end-7 {
  grid-column-end: 7 !important;
}
.col-start-8 {
  grid-column-start: 8 !important;
}
.col-end-8 {
  grid-column-end: 8 !important;
}
.col-start-9 {
  grid-column-start: 9 !important;
}
.col-end-9 {
  grid-column-end: 9 !important;
}
.col-start-10 {
  grid-column-start: 10 !important;
}
.col-end-10 {
  grid-column-end: 10 !important;
}
.col-start-11 {
  grid-column-start: 11 !important;
}
.col-end-11 {
  grid-column-end: 11 !important;
}
.col-start-12 {
  grid-column-start: 12 !important;
}
.col-end-12 {
  grid-column-end: 12 !important;
}
.col-auto {
  grid-column: auto;
}
.col-start-auto {
  grid-column-start: auto;
}
.col-end-auto {
  grid-column-end: auto;
}
.grid-cols-none {
  grid-template-columns: none;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.row-span-1 {
  grid-row: span 1/span 1;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.row-span-2 {
  grid-row: span 2/span 2;
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.row-span-3 {
  grid-row: span 3/span 3;
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.row-span-4 {
  grid-row: span 4/span 4;
}
.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.row-span-5 {
  grid-row: span 5/span 5;
}
.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.row-span-6 {
  grid-row: span 6/span 6;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-end-1 {
  grid-row-end: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-end-2 {
  grid-row-end: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.row-end-3 {
  grid-row-end: 3;
}
.row-start-4 {
  grid-row-start: 4;
}
.row-end-4 {
  grid-row-end: 4;
}
.row-start-5 {
  grid-row-start: 5;
}
.row-end-5 {
  grid-row-end: 5;
}
.row-start-6 {
  grid-row-start: 6;
}
.row-end-6 {
  grid-row-end: 6;
}
.row-end-auto {
  grid-row-end: auto;
}
.row-start-auto {
  grid-row-start: auto;
}
.row-auto {
  grid-row: auto;
}
.grid-rows-none {
  grid-template-rows: none;
}
.gap-0 {
  gap: 0rem;
}
.row-gap-0 {
  row-gap: 0rem;
}
.col-gap-0 {
  -moz-column-gap: 0rem;
       column-gap: 0rem;
}
.gap-1 {
  gap: 0.25rem;
}
.row-gap-1 {
  row-gap: 0.25rem;
}
.col-gap-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.row-gap-2 {
  row-gap: 0.5rem;
}
.col-gap-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-3 {
  gap: 1rem;
}
.row-gap-3 {
  row-gap: 1rem;
}
.col-gap-3 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-4 {
  gap: 1.5rem;
}
.row-gap-4 {
  row-gap: 1.5rem;
}
.col-gap-4 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-5 {
  gap: 3rem;
}
.row-gap-5 {
  row-gap: 3rem;
}
.col-gap-5 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.grid-flow-col-dense {
  grid-auto-flow: column dense;
}
.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.inset-y-0 {
  top: 0;
  bottom: 0;
}
.inset-x-0 {
  right: 0;
  left: 0;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.left-0 {
  left: 0;
}
.bottom-0 {
  bottom: 0;
}
.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.left-5px {
  left: 5px !important;
}
.top-5px {
  top: 5px !important;
}
.right-5px {
  right: 5px !important;
}
.bottom-5px {
  bottom: 5px !important;
}
.left-10px {
  left: 10px !important;
}
.top-10px {
  top: 10px !important;
}
.right-10px {
  right: 10px !important;
}
.bottom-10px {
  bottom: 10px !important;
}
.left-15px {
  left: 15px !important;
}
.top-15px {
  top: 15px !important;
}
.right-15px {
  right: 15px !important;
}
.bottom-15px {
  bottom: 15px !important;
}
.left-20px {
  left: 20px !important;
}
.top-20px {
  top: 20px !important;
}
.right-20px {
  right: 20px !important;
}
.bottom-20px {
  bottom: 20px !important;
}
.gutter-20 {
  margin-right: -10px !important;
  margin-left: -10px !important;
}
.gutter-20 > [class*='col-'],
.gutter-20 .col {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.gutter-25 {
  margin-right: -12.5px !important;
  margin-left: -12.5px !important;
}
.gutter-25 > [class*='col-'],
.gutter-25 .col {
  padding-right: 12.5px !important;
  padding-left: 12.5px !important;
}
.gutter-30 {
  margin-right: -15px !important;
  margin-left: -15px !important;
}
.gutter-30 > [class*='col-'],
.gutter-30 .col {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.gutter-35 {
  margin-right: -17.5px !important;
  margin-left: -17.5px !important;
}
.gutter-35 > [class*='col-'],
.gutter-35 .col {
  padding-right: 17.5px !important;
  padding-left: 17.5px !important;
}
.gutter-40 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}
.gutter-40 > [class*='col-'],
.gutter-40 .col {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.gutter-45 {
  margin-right: -22.5px !important;
  margin-left: -22.5px !important;
}
.gutter-45 > [class*='col-'],
.gutter-45 .col {
  padding-right: 22.5px !important;
  padding-left: 22.5px !important;
}
.gutter-50 {
  margin-right: -25px !important;
  margin-left: -25px !important;
}
.gutter-50 > [class*='col-'],
.gutter-50 .col {
  padding-right: 25px !important;
  padding-left: 25px !important;
}
@media (min-width: 576px) {
  .gutter-sm-20 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .gutter-sm-20 > [class*='col-'],
  .gutter-sm-20 .col {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .gutter-sm-25 {
    margin-right: -12.5px !important;
    margin-left: -12.5px !important;
  }
  .gutter-sm-25 > [class*='col-'],
  .gutter-sm-25 .col {
    padding-right: 12.5px !important;
    padding-left: 12.5px !important;
  }
  .gutter-sm-30 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .gutter-sm-30 > [class*='col-'],
  .gutter-sm-30 .col {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .gutter-sm-35 {
    margin-right: -17.5px !important;
    margin-left: -17.5px !important;
  }
  .gutter-sm-35 > [class*='col-'],
  .gutter-sm-35 .col {
    padding-right: 17.5px !important;
    padding-left: 17.5px !important;
  }
  .gutter-sm-40 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .gutter-sm-40 > [class*='col-'],
  .gutter-sm-40 .col {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .gutter-sm-45 {
    margin-right: -22.5px !important;
    margin-left: -22.5px !important;
  }
  .gutter-sm-45 > [class*='col-'],
  .gutter-sm-45 .col {
    padding-right: 22.5px !important;
    padding-left: 22.5px !important;
  }
  .gutter-sm-50 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .gutter-sm-50 > [class*='col-'],
  .gutter-sm-50 .col {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
@media (min-width: 768px) {
  .gutter-md-20 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .gutter-md-20 > [class*='col-'],
  .gutter-md-20 .col {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .gutter-md-25 {
    margin-right: -12.5px !important;
    margin-left: -12.5px !important;
  }
  .gutter-md-25 > [class*='col-'],
  .gutter-md-25 .col {
    padding-right: 12.5px !important;
    padding-left: 12.5px !important;
  }
  .gutter-md-30 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .gutter-md-30 > [class*='col-'],
  .gutter-md-30 .col {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .gutter-md-35 {
    margin-right: -17.5px !important;
    margin-left: -17.5px !important;
  }
  .gutter-md-35 > [class*='col-'],
  .gutter-md-35 .col {
    padding-right: 17.5px !important;
    padding-left: 17.5px !important;
  }
  .gutter-md-40 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .gutter-md-40 > [class*='col-'],
  .gutter-md-40 .col {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .gutter-md-45 {
    margin-right: -22.5px !important;
    margin-left: -22.5px !important;
  }
  .gutter-md-45 > [class*='col-'],
  .gutter-md-45 .col {
    padding-right: 22.5px !important;
    padding-left: 22.5px !important;
  }
  .gutter-md-50 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .gutter-md-50 > [class*='col-'],
  .gutter-md-50 .col {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
@media (min-width: 992px) {
  .gutter-lg-20 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .gutter-lg-20 > [class*='col-'],
  .gutter-lg-20 .col {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .gutter-lg-25 {
    margin-right: -12.5px !important;
    margin-left: -12.5px !important;
  }
  .gutter-lg-25 > [class*='col-'],
  .gutter-lg-25 .col {
    padding-right: 12.5px !important;
    padding-left: 12.5px !important;
  }
  .gutter-lg-30 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .gutter-lg-30 > [class*='col-'],
  .gutter-lg-30 .col {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .gutter-lg-35 {
    margin-right: -17.5px !important;
    margin-left: -17.5px !important;
  }
  .gutter-lg-35 > [class*='col-'],
  .gutter-lg-35 .col {
    padding-right: 17.5px !important;
    padding-left: 17.5px !important;
  }
  .gutter-lg-40 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .gutter-lg-40 > [class*='col-'],
  .gutter-lg-40 .col {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .gutter-lg-45 {
    margin-right: -22.5px !important;
    margin-left: -22.5px !important;
  }
  .gutter-lg-45 > [class*='col-'],
  .gutter-lg-45 .col {
    padding-right: 22.5px !important;
    padding-left: 22.5px !important;
  }
  .gutter-lg-50 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .gutter-lg-50 > [class*='col-'],
  .gutter-lg-50 .col {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
@media (min-width: 1200px) {
  .gutter-xl-20 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .gutter-xl-20 > [class*='col-'],
  .gutter-xl-20 .col {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .gutter-xl-25 {
    margin-right: -12.5px !important;
    margin-left: -12.5px !important;
  }
  .gutter-xl-25 > [class*='col-'],
  .gutter-xl-25 .col {
    padding-right: 12.5px !important;
    padding-left: 12.5px !important;
  }
  .gutter-xl-30 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .gutter-xl-30 > [class*='col-'],
  .gutter-xl-30 .col {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .gutter-xl-35 {
    margin-right: -17.5px !important;
    margin-left: -17.5px !important;
  }
  .gutter-xl-35 > [class*='col-'],
  .gutter-xl-35 .col {
    padding-right: 17.5px !important;
    padding-left: 17.5px !important;
  }
  .gutter-xl-40 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .gutter-xl-40 > [class*='col-'],
  .gutter-xl-40 .col {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .gutter-xl-45 {
    margin-right: -22.5px !important;
    margin-left: -22.5px !important;
  }
  .gutter-xl-45 > [class*='col-'],
  .gutter-xl-45 .col {
    padding-right: 22.5px !important;
    padding-left: 22.5px !important;
  }
  .gutter-xl-50 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .gutter-xl-50 > [class*='col-'],
  .gutter-xl-50 .col {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
}
@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .mw-sm-25 {
    max-width: 25% !important;
  }
  .mw-sm-auto {
    max-width: auto !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .mw-sm-50 {
    max-width: 50% !important;
  }
  .mw-sm-auto {
    max-width: auto !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .mw-sm-75 {
    max-width: 75% !important;
  }
  .mw-sm-auto {
    max-width: auto !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .mw-sm-100 {
    max-width: 100% !important;
  }
  .mw-sm-auto {
    max-width: auto !important;
  }
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .mw-md-25 {
    max-width: 25% !important;
  }
  .mw-md-auto {
    max-width: auto !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .mw-md-50 {
    max-width: 50% !important;
  }
  .mw-md-auto {
    max-width: auto !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .mw-md-75 {
    max-width: 75% !important;
  }
  .mw-md-auto {
    max-width: auto !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .mw-md-100 {
    max-width: 100% !important;
  }
  .mw-md-auto {
    max-width: auto !important;
  }
}
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .mw-lg-25 {
    max-width: 25% !important;
  }
  .mw-lg-auto {
    max-width: auto !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .mw-lg-50 {
    max-width: 50% !important;
  }
  .mw-lg-auto {
    max-width: auto !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .mw-lg-75 {
    max-width: 75% !important;
  }
  .mw-lg-auto {
    max-width: auto !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .mw-lg-100 {
    max-width: 100% !important;
  }
  .mw-lg-auto {
    max-width: auto !important;
  }
}
@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .mw-xl-25 {
    max-width: 25% !important;
  }
  .mw-xl-auto {
    max-width: auto !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .mw-xl-50 {
    max-width: 50% !important;
  }
  .mw-xl-auto {
    max-width: auto !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .mw-xl-75 {
    max-width: 75% !important;
  }
  .mw-xl-auto {
    max-width: auto !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .mw-xl-100 {
    max-width: 100% !important;
  }
  .mw-xl-auto {
    max-width: auto !important;
  }
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-search {
  z-index: 9996;
}
.z-header {
  z-index: 9997;
}
.z-top {
  z-index: 9998;
}
.z-auto {
  z-index: auto;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.object-none {
  -o-object-fit: none;
     object-fit: none;
}
.object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.divide-x-0 > * + * {
  border-left-width: 0px;
}
.divide-y-0 > * + * {
  border-top-width: 0px;
}
.divide-x-1 > * + * {
  border-left-width: 2px;
}
.divide-y-1 > * + * {
  border-top-width: 2px;
}
.divide-x > * + * {
  border-left-width: 1px;
}
.divide-y > * + * {
  border-top-width: 1px;
}
.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
}
.translate-x-1-2 {
  --transform-translate-x: 50% !important;
}
.translate-x-full {
  --transform-translate-x: 100% !important;
}
.translate-y-1-2 {
  --transform-translate-y: 50% !important;
}
.translate-y-full {
  --transform-translate-y: 100% !important;
}
.-translate-x-1-2 {
  --transform-translate-x: -50% !important;
}
.-translate-x-full {
  --transform-translate-x: -100% !important;
}
.-translate-y-1-2 {
  --transform-translate-y: -50% !important;
}
.-translate-y-full {
  --transform-translate-y: -100% !important;
}
/* Modules */
.letter-spacing-n2 {
  letter-spacing: -0.05em;
}
.letter-spacing-n1 {
  letter-spacing: -0.025em;
}
.letter-spacing-0 {
  letter-spacing: 0;
}
.letter-spacing-1 {
  letter-spacing: 0.025em;
}
.letter-spacing-2 {
  letter-spacing: 0.05em;
}
.letter-spacing-3 {
  letter-spacing: 0.1em;
}
.letter-spacing-2px {
  letter-spacing: 2px;
}
.letter-spacing-4px {
  letter-spacing: 4px;
}
.line-height-1 {
  line-height: 1em;
}
.line-height-2 {
  line-height: 1.25em;
}
.line-height-3 {
  line-height: 1.375em;
}
.line-height-4 {
  line-height: 1.5em;
}
.line-height-5 {
  line-height: 1.625em;
}
.line-height-6 {
  line-height: 1.875em;
}
.line-height-7 {
  line-height: 2.15em;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.style-disc,
.style-decimal,
article ul,
article ol,
article ol ol ol {
  margin-left: 1.5em;
}
.style-disc,
article ul,
article ol ol ol {
  list-style: disc;
}
.style-decimal,
article ol {
  list-style: decimal;
}
.style-loweralpha,
article ol ol {
  list-style: lower-alpha;
}
.list-style-custom {
  list-style: none;
  list-style-type: none;
}
.list-style-custom li:before {
  content: attr(data-label);
  margin-left: -20px;
  margin-right: 10px;
}
.font-weight-bold {
  font-weight: 500 !important;
}
.text-justify {
  text-align: justify;
/* IE */
  text-justify: inter-ideograph;
/* 沒加這行的話windows的chrome只會對文內的空白格作分散 */
  word-break: break-all;
}
.style-underline {
  text-decoration: underline;
}
.style-link-black,
article a,
.style-link-black:visited,
article a:visited,
.style-link-black:link,
article a:link {
  color: #191919;
  text-decoration: none;
  cursor: pointer;
}
html.desktop .style-link-black:hover,
html.desktop article a:hover,
html.desktop .style-link-black:active,
html.desktop article a:active {
  color: #c80421;
}
.style-link-feature-black,
.style-link-feature-black:visited,
.style-link-feature-black:link {
  color: #191919;
  text-decoration: none;
  cursor: pointer;
}
html.desktop .style-link-feature-black:hover,
html.desktop .style-link-feature-black:active {
  color: #32227b;
}
.style-link-grey,
.style-link-grey:visited,
.style-link-grey:link {
  color: #727171;
  text-decoration: none;
  cursor: pointer;
}
html.desktop .style-link-grey:hover,
html.desktop .style-link-grey:active {
  color: #c80421;
}
.style-link-feature-grey,
.style-link-feature-grey:visited,
.style-link-feature-grey:link {
  color: #727171;
  text-decoration: none;
  cursor: pointer;
}
html.desktop .style-link-feature-grey:hover,
html.desktop .style-link-feature-grey:active {
  color: #32227b;
}
.h1 {
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  .h1 {
    font-size: 1.875rem;
  }
}
.h2 {
  font-size: 1.75rem;
}
.h3 {
  font-size: 1.125rem;
}
.h3.style-fixed-size {
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  .h3 {
    font-size: 1.5rem;
  }
}
.h4 {
  font-size: 0.875rem;
}
.h4.style-fixed-size {
  font-size: 1.125rem;
}
@media (min-width: 576px) {
  .h4 {
    font-size: 1.125rem;
  }
}
.h5 {
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .h5 {
    font-size: 1rem;
  }
}
.h6 {
  font-size: 1rem;
}
.h7 {
  font-size: 0.875rem;
}
article.font-sm p {
  font-size: 0.875rem;
}
article p {
  line-height: 2.215em;
}
article b,
article strong {
  font-weight: bold;
}
article small {
  font-size: 12px;
}
article em {
  background-color: #ddd;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
  font-weight: normal;
  margin-bottom: 0;
}
button:focus {
  outline: 0;
}
.button {
  color: #fff;
  border: 0;
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.5em 1em;
  border: 1px solid transparent;
  line-height: 1.2;
  cursor: pointer;
}
.button.style-primary {
  background-color: #c80421;
  border-color: #c80421;
}
.button.style-primary:hover {
  background-color: #af041d;
}
.button.style-primary:hover {
  border-color: #af041d;
}
.button.style-secondary {
  background-color: #727171;
  border-color: #727171;
}
.button.style-secondary:hover {
  background-color: #656464;
}
.button.style-secondary:hover {
  border-color: #656464;
}
.button.style-warning {
  background-color: #e67e22;
  border-color: #e67e22;
}
.button.style-warning:hover {
  background-color: #d67118;
}
.button.style-warning:hover {
  border-color: #d67118;
}
.button.style-success {
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.button.style-success:hover {
  background-color: #17a689;
}
.button.style-success:hover {
  border-color: #17a689;
}
.button.style-danger {
  background-color: #c80421;
  border-color: #c80421;
}
.button.style-danger:hover {
  background-color: #af041d;
}
.button.style-danger:hover {
  border-color: #af041d;
}
.button.style-info {
  background-color: #727171;
  border-color: #727171;
}
.button.style-info:hover {
  background-color: #656464;
}
.button.style-info:hover {
  border-color: #656464;
}
.button.style-black {
  background-color: #191919;
  border-color: #191919;
}
.button.style-black:hover {
  background-color: #0c0c0c;
}
.button.style-black:hover {
  border-color: #0c0c0c;
}
.button.style-transparent {
  background-color: transparent;
  border-color: transparent;
}
.button.style-transparent:hover {
  background-color: rgba(0,0,0,0);
}
.button.style-transparent:hover {
  border-color: rgba(0,0,0,0);
}
.button.style-dark {
  background-color: #343a40;
  border-color: #343a40;
}
.button.style-dark:hover {
  background-color: #292d32;
}
.button.style-dark:hover {
  border-color: #292d32;
}
.button.style-light {
  background-color: #c9caca;
  border-color: #c9caca;
}
.button.style-light:hover {
  background-color: #bcbdbd;
}
.button.style-light:hover {
  border-color: #bcbdbd;
}
.button.style-purple {
  background-color: #32227b;
  border-color: #32227b;
}
.button.style-purple:hover {
  background-color: #2a1c67;
}
.button.style-purple:hover {
  border-color: #2a1c67;
}
.button.style-outline-primary {
  background-color: transparent;
  color: #c80421;
  border: 1px solid #c80421;
}
.button.style-outline-primary:hover {
  background-color: #c80421;
  color: #fff;
}
.button.style-outline-secondary {
  background-color: transparent;
  color: #727171;
  border: 1px solid #727171;
}
.button.style-outline-secondary:hover {
  background-color: #727171;
  color: #fff;
}
.button.style-outline-warning {
  background-color: transparent;
  color: #e67e22;
  border: 1px solid #e67e22;
}
.button.style-outline-warning:hover {
  background-color: #e67e22;
  color: #fff;
}
.button.style-outline-success {
  background-color: transparent;
  color: #1abc9c;
  border: 1px solid #1abc9c;
}
.button.style-outline-success:hover {
  background-color: #1abc9c;
  color: #fff;
}
.button.style-outline-danger {
  background-color: transparent;
  color: #c80421;
  border: 1px solid #c80421;
}
.button.style-outline-danger:hover {
  background-color: #c80421;
  color: #fff;
}
.button.style-outline-info {
  background-color: transparent;
  color: #727171;
  border: 1px solid #727171;
}
.button.style-outline-info:hover {
  background-color: #727171;
  color: #fff;
}
.button.style-outline-black {
  background-color: transparent;
  color: #191919;
  border: 1px solid #191919;
}
.button.style-outline-black:hover {
  background-color: #191919;
  color: #fff;
}
.button.style-outline-transparent {
  background-color: transparent;
  color: transparent;
  border: 1px solid transparent;
}
.button.style-outline-transparent:hover {
  background-color: transparent;
  color: #fff;
}
.button.style-outline-dark {
  background-color: transparent;
  color: #343a40;
  border: 1px solid #343a40;
}
.button.style-outline-dark:hover {
  background-color: #343a40;
  color: #fff;
}
.button.style-outline-light {
  background-color: transparent;
  color: #c9caca;
  border: 1px solid #c9caca;
}
.button.style-outline-light:hover {
  background-color: #c9caca;
  color: #fff;
}
.button.style-outline-purple {
  background-color: transparent;
  color: #32227b;
  border: 1px solid #32227b;
}
.button.style-outline-purple:hover {
  background-color: #32227b;
  color: #fff;
}
.button.style-disabled {
  opacity: 0.65;
  pointer-events: none;
}
.button-fixed-width {
  width: 240px;
}
input,
textarea,
select,
button {
  font-size: 1rem;
}
::-ms-clear {
  display: none;
}
input,
textarea,
select {
  border-width: 0;
  border-radius: 0px;
  color: inherit;
  background-color: #fff;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
button,
input[type="submit"],
input[type="reset"] {
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select::-ms-expand {
  opacity: 0;
}
.form-title {
  line-height: 1;
  margin: 0 0 10px 0;
}
@media (min-width: 576px) {
  .form-title {
    margin: 22px 0;
  }
}
.error-msg {
  margin-top: 10px;
  color: #c80421;
  line-height: 1.2;
}
.error-msg.style-ic:before {
  display: inline-block;
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9Im5vbmUiPgogICAgPGNpcmNsZSBmaWxsPSIjOWQyYTFlIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDYgOSkiIGN4PSI2IiBjeT0iOSIgcj0iMSIvPgogICAgPHJlY3QgZmlsbD0iIzlkMmExZSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCA2IDUpIiB4PSI1IiB5PSIzIiB3aWR0aD0iMiIgaGVpZ2h0PSI0IiByeD0iMSIvPgogICAgPGNpcmNsZSBzdHJva2U9IiNFMTAwMDAiIGN4PSI2IiBjeT0iNiIgcj0iNiIvPgogIDwvZz4KPC9zdmc+");
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.module-radiogroup {
  line-height: 2;
}
.form-wrap {
  width: 100%;
}
input+input,
textarea+input,
.module-radio+input,
.select-wrap+input,
input+textarea,
textarea+textarea,
.module-radio+textarea,
.select-wrap+textarea,
input+.error-msg,
textarea+.error-msg,
.module-radio+.error-msg,
.select-wrap+.error-msg,
input+.select-wrap,
textarea+.select-wrap,
.module-radio+.select-wrap,
.select-wrap+.select-wrap {
  margin-top: 10px;
}
.form.style-readonly {
  pointer-events: none;
}
.form.style-readonly input.input {
  font-size: 14px;
  pointer-events: none;
  padding: 0;
  border: 0;
  background-color: transparent;
  height: auto;
  line-height: initial !important;
}
.form.style-readonly .select-wrap:after {
  display: none;
}
.form.style-readonly .select-wrap select.select {
  background-color: transparent;
  font-size: 14px;
  height: auto;
  line-height: initial !important;
  border: 0;
}
input.input[type=number]::-webkit-inner-spin-button,
input.input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.input[type=number] {
  -moz-appearance: textfield;
}
input.input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input.input,
textarea.textarea {
  -webkit-appearance: none;
  width: 100%;
  display: block;
  border: 1px solid #323130;
  padding-left: 10px;
  color: #323130;
}
input.input:focus,
textarea.textarea:focus {
  border: 1px solid #191919;
}
input.input.is-error,
textarea.textarea.is-error {
  border: 1px solid #c80421;
  color: #c80421;
  background-color: #fef6f6;
}
input.input.is-error::-moz-placeholder, textarea.textarea.is-error::-moz-placeholder {
  color: #c80421;
}
input.input.is-error:-ms-input-placeholder, textarea.textarea.is-error:-ms-input-placeholder {
  color: #c80421;
}
input.input.is-error::-ms-input-placeholder, textarea.textarea.is-error::-ms-input-placeholder {
  color: #c80421;
}
input.input.is-error::placeholder,
textarea.textarea.is-error::placeholder {
  color: #c80421;
}
input.input+.error-msg,
textarea.textarea+.error-msg {
  padding-left: 11px;
}
input.input {
  height: 60px;
  line-height: 60px;
}
textarea.textarea {
  padding-top: 10px;
  max-width: 100%;
  min-width: 60px;
  min-height: 60px;
  line-height: 1.2;
}
::-moz-placeholder {
  color: #bbb;
}
:-ms-input-placeholder {
  color: #bbb;
}
::-ms-input-placeholder {
  color: #bbb;
}
::placeholder {
  color: #bbb;
}
select.select {
  width: 100%;
  min-width: 4em;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 60px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: 1px solid #323130;
  height: 60px;
  line-height: 60px;
}
select.select:focus {
  border: 1px solid #191919;
}
select.select::-ms-expand {
  display: none;
}
select.select option {
  max-width: 100%;
  border: 0;
}
select.select[required]:invalid {
  color: #bbb;
}
select.select[required] option {
  color: #323130;
}
.select-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #323130;
}
.select-wrap.is-error {
  color: #c80421;
}
.select-wrap.is-error::after {
  border-color: #c80421 transparent transparent transparent;
}
.select-wrap.is-error select.select {
  background-color: #fef6f6;
  color: #c80421;
  border: 1px solid #c80421;
}
.select-wrap.is-error select.select[required] option {
  color: #c80421;
}
.select-wrap.is-error select.select::-moz-placeholder {
  color: #c80421;
}
.select-wrap.is-error select.select:-ms-input-placeholder {
  color: #c80421;
}
.select-wrap.is-error select.select::-ms-input-placeholder {
  color: #c80421;
}
.select-wrap.is-error select.select::placeholder {
  color: #c80421;
}
.select-wrap.is-error .select-icon {
  border-left: 1px solid #c80421;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QTkyODFGN0QtN0YzQS00N0VGLUJERTktNzAxOEMwNERGREFGPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDb250YWN0LXVzLWVycm9yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMxNy4wMDAwMDAsIC05MzIuMDAwMDAwKSIgZmlsbD0iI0M4MDQyMSI+CiAgICAgICAgICAgIDxnIGlkPSJjb250ZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2MC4wMDAwMDAsIDE2OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJGb3JtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDk4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03NzcsMjc2IEw3NjEsMjc2IEw3NjEsMjc0IEw3NzUsMjc0IEw3NzUsMjYwIEw3NzcsMjYwIEw3NzcsMjc2IFoiIGlkPSJhcnJvd19pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjkuMDAwMDAwLCAyNjguMDAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTc2OS4wMDAwMDAsIC0yNjguMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}
.select-wrap+.error-msg {
  padding-left: 11px;
}
.select-wrap.style-autowidth {
  width: auto;
}
.select-icon {
  position: absolute;
  pointer-events: none;
  right: 1em;
  margin-top: -2px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NTYzMTg2ODctNjAwNC00NjY4LTk3NkQtMTVFMTEyQjVFNDVCPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDb250YWN0LXVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMxNy4wMDAwMDAsIC05MzIuMDAwMDAwKSIgZmlsbD0iIzE5MTkxOSI+CiAgICAgICAgICAgIDxnIGlkPSJjb250ZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2MC4wMDAwMDAsIDE2OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJGb3JtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDk4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03NzcsMjc2IEw3NjEsMjc2IEw3NjEsMjc0IEw3NzUsMjc0IEw3NzUsMjYwIEw3NzcsMjYwIEw3NzcsMjc2IFoiIGlkPSJhcnJvd19pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjkuMDAwMDAwLCAyNjguMDAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTc2OS4wMDAwMDAsIC0yNjguMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  width: 60px;
  background-size: auto;
  background-position: center;
  top: 10px;
  bottom: 10px;
  margin: auto;
  right: 20px;
  border-left: 1px solid #191919;
}
.module-radio {
  position: relative;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  min-width: calc(3em + 20px);
  vertical-align: middle;
}
.module-radio input {
  z-index: 3;
  position: absolute;
  margin: 0;
  width: 20px;
  height: 20px;
  opacity: 0;
  cursor: pointer;
}
.module-radio span {
  display: inline-block;
  padding-left: calc(0.5em + 20px);
  padding-right: 0.5em;
  color: #323130;
  line-height: 1.2;
}
.is-error .module-radio span {
  color: #c80421;
}
.module-radio:hover input:not(:checked) + .module-symbol:before {
  opacity: 0.35;
}
.module-radio.style-disabled {
  pointer-events: none;
}
.module-radio.style-disabled span {
  color: #a19f9d !important;
}
.module-radio.style-disabled .module-symbol {
  border-color: #a19f9d !important;
}
.module-radio.style-error span {
  color: #c80421 !important;
}
.module-radio.style-error .module-symbol {
  border-color: #c80421 !important;
}
.module-symbol {
  border: 1px solid #323130;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 20px;
  z-index: 0;
}
.module-symbol::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #323130;
  transition: all 0.2s;
  transform: rotate(-45deg);
  opacity: 0;
}
input[type="radio"]:checked + .module-symbol {
  border-color: #c80421;
}
input[type="radio"]:checked + .module-symbol::before {
  opacity: 1;
  background-color: #c80421;
}
.module-radio.style-error input[type="radio"]:checked + .module-symbol::before {
  background-color: #c80421;
}
.module-radio.style-disabled input[type="radio"]:checked + .module-symbol::before {
  background-color: #a19f9d;
}
input[type="radio"]:checked + .module-symbol.style-brand-feature {
  border-color: #32227b;
}
input[type="radio"]:checked + .module-symbol.style-brand-feature::before {
  background-color: #32227b;
}
input[type="checkbox"] + .module-symbol {
  border-radius: 0;
}
input[type="checkbox"] + .module-symbol::before {
  border-radius: 0;
  top: 0;
  left: 3px;
  width: 18px;
  height: 12px;
  border: 3px solid #323130;
  background-color: transparent;
  border-top: none;
  border-right: none;
  transform: scale(0.65) translate(-5px, 2px) rotate(-45deg);
}
input[type="checkbox"]:checked + .module-symbol {
  background-color: #c80421;
  border-color: #c80421;
}
.module-radio.style-disabled input[type="checkbox"]:checked + .module-symbol {
  background-color: #a19f9d;
}
.module-radio.style-error input[type="checkbox"]:checked + .module-symbol {
  background-color: #c80421;
}
input[type="checkbox"]:checked + .module-symbol::before {
  transform: scale(0.65) translate(-5px, 2px) rotate(-45deg);
  opacity: 1;
  border-color: #fff;
}
.swiper-container + .swiper-pagination {
  position: relative;
  margin: 15px auto 0 auto;
  left: 0;
  right: 0;
}
.swiper-container + .swiper-pagination > .swiper-pagination-bullet {
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  width: 12px;
  height: 12px;
  background: #d3d3d3;
  margin-right: 12px;
  opacity: 1;
}
.swiper-container + .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #c80421;
}
.swiper-container + .swiper-pagination.style-1 > .swiper-pagination-bullet {
  width: 30px;
  height: 4px;
  border-radius: 0;
  background-color: #e8e8e8;
}
.swiper-container + .swiper-pagination.style-1 > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #32227b;
}
.swiper-container .swiper-button-prev {
  display: none;
}
@media (min-width: 576px) {
  .swiper-container .swiper-button-prev {
    transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: flex;
    left: 10px;
  }
}
.swiper-container .swiper-button-prev:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjNweCIgaGVpZ2h0PSI4M3B4IiB2aWV3Qm94PSIwIDAgMjMgODMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Rjg1N0Y1MEQtOTVBOC00MzU5LUFBRTgtQzExREJERjlBQjhFPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpbmRleCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjAwMDAwMCwgLTQ2OS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9ImFkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTUwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9ImFycm93X2wiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxLjUxMzAwMCwgMzYwLjQ2ODUwMCkgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjEuNTEzMDAwLCAtMzYwLjQ2ODUwMCkgIiBwb2ludHM9IjExLjc4IDMxOSAxMCAzMTkuOTEzIDMwLjc3OCAzNjAuNDY4IDEwIDQwMS4wMjUgMTEuNzggNDAxLjkzNyAzMi43OTEgMzYwLjkyNCAzMy4wMjYgMzYwLjQ2OCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.swiper-container .swiper-button-prev.style-1:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjcwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNi45IDYwLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2LjkgNjAuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzMjIyN0I7fQo8L3N0eWxlPgo8ZyBpZD0iUGFnZS0xIj4KCTxnIGlkPSJuZXdzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYxNy4wMDAwMDAsIC01MzguMDAwMDAwKSI+CgkJPGcgaWQ9Imxpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4MC4wMDAwMDAsIDM3Ny4wMDAwMDApIj4KCQkJPGcgaWQ9Il94MzBfMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMxLjAwMDAwMCkiPgoJCQkJPHBvbHlnb24gaWQ9ImFycm93X3IiIGNsYXNzPSJzdDAiIHBvaW50cz0iMTM1Mi42LDE5MC45IDEzNTMuOSwxOTAuMyAxMzM4LjcsMTYwLjUgMTM1My45LDEzMC43IDEzNTIuNiwxMzAgMTMzNy4yLDE2MC4xCgkJCQkJMTMzNywxNjAuNSAJCQkJIi8+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==);
}
.swiper-container .swiper-button-next {
  display: none;
}
@media (min-width: 576px) {
  .swiper-container .swiper-button-next {
    transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: flex;
    right: 10px;
  }
}
.swiper-container .swiper-button-next:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMyA4MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjMgODM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9IlBhZ2UtMSI+Cgk8ZyBpZD0iaW5kZXgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4wMDAwMDAsIC00NjkuMDAwMDAwKSI+CgkJPGcgaWQ9ImFkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTUwLjAwMDAwMCkiPgoJCQk8cG9seWdvbiBpZD0iYXJyb3dfbCIgY2xhc3M9InN0MCIgcG9pbnRzPSIxMS44LDMxOSAxMCwzMTkuOSAzMC44LDM2MC41IDEwLDQwMSAxMS44LDQwMS45IDMyLjgsMzYwLjkgMzMsMzYwLjUgCQkJIi8+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
}
.swiper-container .swiper-button-next.style-1:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjcwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNi45IDYwLjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2LjkgNjAuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzMjIyN0I7fQo8L3N0eWxlPgo8ZyBpZD0iUGFnZS0xIj4KCTxnIGlkPSJuZXdzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYxNy4wMDAwMDAsIC01MzguMDAwMDAwKSI+CgkJPGcgaWQ9Imxpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4MC4wMDAwMDAsIDM3Ny4wMDAwMDApIj4KCQkJPGcgaWQ9Il94MzBfMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMxLjAwMDAwMCkiPgoJCQkJPHBvbHlnb24gaWQ9ImFycm93X3IiIGNsYXNzPSJzdDAiIHBvaW50cz0iMTMzOC4zLDEzMCAxMzM3LDEzMC43IDEzNTIuMywxNjAuNSAxMzM3LDE5MC4zIDEzMzguMywxOTAuOSAxMzUzLjcsMTYwLjgKCQkJCQkxMzUzLjksMTYwLjUgCQkJCSIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
}
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after {
  content: '';
  width: 23px;
  height: 83px;
}
.swiper-container .swiper-button-prev.style-1:after,
.swiper-container .swiper-button-next.style-1:after {
  width: 17px;
  height: 70px;
}
.swiper-slide {
  height: auto;
  min-height: 150px;
}
.swiper-lazy-preloader {
  width: 100%;
  height: 100%;
  position: absolute;
  left: initial;
  top: 0;
  bottom: 0;
  margin: 0;
  -webkit-animation: none;
          animation: none;
  border: none;
  border-radius: 0;
  overflow: hidden;
  background: #ddd;
}
.swiper-lazy-preloader:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(75deg, rgba(250,250,250,0) 0%, rgba(250,250,250,0.5) 60%, rgba(250,250,250,0) 100%);
  -webkit-animation: skeleton 1s ease-in-out infinite;
          animation: skeleton 1s ease-in-out infinite;
}
/* 該專案客製化的組件 */
.header {
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  position: relative;
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
.header + main {
  padding-top: 50px;
}
@media (min-width: 992px) {
  .header + main {
    padding-top: 150px;
  }
}
.header-container {
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  .header-container {
    justify-content: center;
    align-items: initial;
  }
}
@media (min-width: 992px) {
  .header.is-down .logo {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header.is-down .logo a {
    position: absolute;
    left: 20px;
    top: 50%;
    opacity: 0;
    transform: translateY(-50%);
    -webkit-animation: fadeIn 0.8s ease 0s forwards normal;
            animation: fadeIn 0.8s ease 0s forwards normal;
  }
}
@media (min-width: 1680px) {
  .header.is-down .logo a {
    left: 134px;
  }
}
@media (min-width: 768px) {
  .header.is-down .nav {
    margin: 0 50px 0 auto;
  }
}
@media (min-width: 992px) {
  .header.is-down .nav {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .header.is-down .nav-item > a {
    padding: 32px 10px;
  }
}
@media (min-width: 992px) {
  .header.is-down .nav-item > a {
    padding: 32px 20px;
  }
}
@media (min-width: 992px) {
  .header.is-down .nav-utils {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1680px) {
  .header.is-down .nav-utils {
    right: 140px;
  }
}
@media (min-width: 992px) {
  .header.is-down .nav-utils-list .nav-utils-item {
    border: none;
  }
  .header.is-down .nav-utils-list .nav-utils-item:first-child {
    display: none;
  }
}
.header:before {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  background-color: #c80421;
}
@media (min-width: 768px) {
  .header:before {
    height: 4px;
  }
}
.nav {
  margin: 0 auto;
  position: fixed;
  width: 100%;
  top: 0;
  left: -100%;
  right: initial;
  bottom: 0;
  background: #fff;
  overflow: scroll;
  transition: left 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  display: block;
}
@media (min-width: 992px) {
  .nav {
    overflow: initial;
    display: flex;
    position: static;
    width: auto;
    background: transparent;
  }
}
.nav.is-mobile-active {
  left: 0;
  z-index: 1;
}
.nav-list {
  flex-direction: column;
  width: 100%;
  align-items: center;
}
@media (min-width: 992px) {
  .nav-list {
    flex-direction: row;
    align-items: initial;
  }
}
.nav-item {
  width: 100%;
}
@media (min-width: 992px) {
  .nav-item {
    width: auto;
  }
}
@media (min-width: 992px) {
  .nav-item.is-active > a {
    color: #c80421;
  }
}
.nav-item > a {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 20px;
  color: #191919;
  border-bottom: 1px solid #c9caca;
}
@media (min-width: 992px) {
  .nav-item > a {
    padding: 7px 20px 19px 20px;
    border-bottom: none;
    z-index: 3;
  }
}
html.desktop .nav-item > a:hover:after {
  opacity: 1;
  width: 100%;
}
.nav-item > a:after {
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  background-color: #c80421;
}
.nav-item-mb-icon {
  width: 18px;
  height: 18px;
  right: 20px;
}
.nav-item-mb-icon.style-block {
  top: 0;
  bottom: 0;
  margin: auto;
}
.nav-item-mb-icon.is-active:after {
  transform: rotate(90deg);
  opacity: 0;
}
.nav-item-mb-icon.is-active:before {
  transform: rotate(90deg);
}
.nav-item-mb-icon:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 1px;
  background-color: #c9caca;
  top: 50%;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.nav-item-mb-icon:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 18px;
  background-color: #c9caca;
  left: 50%;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.nav-sub-box {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  display: none;
}
@media (min-width: 992px) {
  .nav-sub-box {
    position: absolute;
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
    height: auto;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.1);
    transition-property: opacity, visibility;
    transition-duration: 0.25s;
    transition-timing-function: ease-in;
    display: block;
    border-top: 1px solid #c9caca;
    bottom: 1px;
    z-index: -1;
    max-height: 60vh;
    overflow-y: auto;
  }
}
@media (min-width: 1440px) {
  .nav-sub-box {
    max-height: initial;
  }
}
.nav-sub-box.is-nav-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.nav-sub-list {
  text-align: center;
}
@media (min-width: 992px) {
  .nav-sub-list {
    padding: 0 0 30px 0;
  }
}
.nav-sub-item {
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.nav-sub-title {
  font-size: 14px;
  color: #191919;
  letter-spacing: 2px;
  padding: 20px 0 20px 20px;
  border-bottom: 1px solid #c9caca;
}
.nav-sub-title.is-show-third-menu + .nav-third-list {
  height: auto;
}
@media (min-width: 992px) {
  .nav-sub-title {
    color: #727171;
    letter-spacing: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 16px;
    border-bottom: none;
  }
}
.nav-third-list {
  font-size: 14px;
  color: #727171;
  display: none;
  margin: 20px;
}
@media (min-width: 992px) {
  .nav-third-list {
    display: block;
    transition: height 0.35s ease-in;
    margin: 0;
  }
}
.nav-third-list > * + * {
  padding-top: 25px;
}
@media (min-width: 992px) {
  .nav-third-list > * + * {
    padding-top: 16px;
  }
}
@media (min-width: 992px) {
  .nav-utils {
    position: absolute;
    right: 40px;
    top: 20px;
  }
}
.nav-utils-list > * + * {
  margin-left: 20px;
}
@media (min-width: 992px) {
  .nav-utils-list > * + * {
    padding-left: 20px;
    border-left: 1px solid #e8e8e8;
  }
}
.nav-utils-list .nav-utils-item:first-child {
  display: none;
}
@media (min-width: 992px) {
  .nav-utils-list .nav-utils-item:first-child {
    display: inline-block;
  }
}
.nav-utils-list .nav-utils-item:first-child a {
  position: relative;
}
.nav-utils-list .nav-utils-item:first-child a > span {
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.nav-utils-list .nav-utils-item:first-child a > span:nth-child(2) {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
html.desktop .nav-utils-list .nav-utils-item:first-child a:hover > span:nth-child(1) {
  opacity: 0;
}
html.desktop .nav-utils-list .nav-utils-item:first-child a:hover > span:nth-child(2) {
  opacity: 1;
}
.nav-utils-item {
  display: inline-block;
  cursor: pointer;
}
.nav-search.is-active .nav-close {
  opacity: 1;
}
.nav-search.is-active .nav-open {
  opacity: 0;
}
.nav-close {
  width: 20px;
  height: 20px;
  top: -3px;
  right: 0;
  opacity: 0;
}
.nav-close.style-show {
  opacity: 1;
}
.nav-close span {
  width: 100%;
  height: 1px;
  background: #191919;
  display: block;
  transform-origin: center;
}
.nav-close span:nth-child(1) {
  transform: rotate(45deg) translateY(8px) translateX(8px);
}
.nav-close span:nth-child(2) {
  transform: rotate(-45deg) translateY(8px) translateX(-7px);
}
.nav-m-wrapper {
  width: 26px;
  height: 15px;
}
.nav-m-wrapper div {
  width: 100%;
  height: 1px;
  background: #191919;
  margin-bottom: 6px;
}
.nav-m-wrapper div:last-child {
  width: 18px;
  margin-bottom: 0;
}
.logo {
  transition-property: height, padding;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-duration: 0.35s;
  flex: 0 1 auto;
  padding: 12px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .logo {
    flex: 0 1 100%;
    padding: 30px 0;
  }
}
.logo a {
  width: 120px;
}
@media (min-width: 1200px) {
  .logo a {
    width: auto;
  }
}
.footer {
  padding-top: 80px;
  padding-bottom: 90px;
}
.footer.style-brand-feature:before {
  background-image: url(/assets/img/bg-footer-brand-feature.png);
}
@media (min-width: 576px) {
  .footer {
    padding-top: 220px;
    padding-bottom: 200px;
  }
}
.footer-copyright.h7 {
  font-size: 0.75rem;
}
@media (min-width: 576px) {
  .footer-copyright.h7 {
    font-size: 0.875rem;
  }
}
.footer:before {
  content: '';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTkyMyAyODUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MjMgMjg1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6dXJsKCNGaWxsLTFfMV8pO30KPC9zdHlsZT4KPGcgaWQ9IlBhZ2UtMSI+Cgk8ZyBpZD0iQkciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyMy4wMDAwMDApIj4KCQk8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE4LjAwMDAwMCkiPgoJCQk8ZyBpZD0iQ2xpcC0yIj4KCQkJPC9nPgoJCQkKCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0iRmlsbC0xXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE5Ni44OTgzIiB5MT0iNC4yOTgzIiB4Mj0iMTk1Ljg5NzciIHkyPSI0LjI5ODMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTkyMS4yOTY4IDAgMCAyNjUuOTAxNyAtMzc2Mzc3LjAzMTIgLTEwMzEuODg2NSkiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0YyOTJBMSIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6Izk4MDAwMCIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cGF0aCBpZD0iRmlsbC0xIiBjbGFzcz0ic3QwIiBkPSJNMC42LDIuNVYyNDRIMTkyM1YtMjEuOUMxOTIzLTIxLjksMTE1MC45LDI2NS43LDAuNiwyLjUiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  background-size: 170%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position-x: center;
  background-position-y: bottom;
  z-index: -2;
  transition: all ease-in-out 0.5s 0.5s;
}
@media (min-width: 576px) {
  .footer:before {
    background-size: 101%;
  }
}
.footer-canvas {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  bottom: 0;
}
.goback {
  right: 10px;
  bottom: 200px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 1px solid #191919;
  opacity: 0;
  transform: translateY(100px);
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  background: rgba(255,255,255,0.5);
}
@media (min-width: 576px) {
  .goback {
    width: 60px;
    height: 60px;
    right: 20px;
  }
}
@media (min-width: 1680px) {
  .goback {
    width: 80px;
    height: 80px;
  }
}
.goback.is-active {
  opacity: 1;
  transform: translateY(0px);
}
.goback img {
  max-width: 50%;
}
.index-search-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  background-color: rgba(255,255,255,0.96);
  visibility: hidden;
  opacity: 0;
  pointer-event: none;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.index-search-box.is-active {
  visibility: visible;
  opacity: 1;
}
.index-search-wrapper {
  max-width: 520px;
  margin-top: 100px;
}
.index-search-wrapper.style-mt-sm {
  margin-top: 90px;
}
.index-search-title-en {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .index-search-title-en {
    font-size: 1.5rem;
  }
}
.index-search-form input.input {
  border-width: 0px 0px 1px 0px;
  border-bottom: 1px solid #191919;
  background: transparent;
}
@media (max-width: 576px) {
  .index-search-form input.input {
    height: 50px;
    line-height: 50px;
    padding-left: 0;
  }
}
.index-search-form input.input:focus {
  border: none;
  border-bottom: 1px solid #191919;
}
.index-search-icon {
  background: transparent;
  top: 0;
}
.index-search-icon img {
  width: 24px;
  height: 24px;
}
@media (min-width: 576px) {
  .index-search-icon img {
    width: 34px;
    height: 34px;
  }
}
.search-num {
  color: #727171;
}
.search-result-container .shiseido-tab-result-content {
  margin-top: 75px;
}
@media (min-width: 576px) {
  .search-result-container .shiseido-tab-result-content {
    margin-top: 40px;
  }
}
.background-pseudo,
.brand-hover.style-2 .brand-brand-logo:before,
.brand-hover.style-2 .brand-brand-text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.brand-hover.is-hover .brand-social-item {
  transition: all 0.3s ease-in 0s;
}
.brand-hover.style-1 .brand-img {
  margin-bottom: 20px;
}
.brand-hover.style-1 .brand-text {
  margin-top: 0;
}
.brand-hover.style-1 .brand-logo {
  min-height: 70px;
  max-width: 100%;
}
@media (min-width: 576px) {
  .brand-hover.style-1 .brand-logo {
    max-width: calc(100% - 80px);
  }
}
.brand-hover.style-1 .brand-social {
  bottom: -20px;
}
@media (min-width: 576px) {
  .brand-hover.style-1 .brand-social {
    bottom: 20px;
  }
}
.brand-hover.style-1 .brand-line {
  display: none;
}
@media (min-width: 576px) {
  .brand-hover.style-1 .brand-line {
    display: block;
  }
}
html.desktop .brand-hover.style-1:hover .brand-img img {
  transform: scale(1.15);
}
html.desktop .brand-hover.style-1:hover .brand-line {
  height: 0px;
}
html.desktop .brand-hover.style-1:hover .brand-logo img {
  opacity: 0;
}
html.desktop .brand-hover.style-1:hover .brand-text span {
  opacity: 0;
}
html.desktop .brand-hover.style-1:hover .brand-social {
  z-index: 3;
}
html.desktop .brand-hover.style-1:hover .brand-social .brand-social-item {
  opacity: 1;
  visibility: visible;
}
.brand-hover.style-2 .brand-brand-img {
  margin-bottom: -30px;
}
.brand-hover.style-2 .brand-brand-logo {
  min-height: 100px;
  background: #fff;
}
.brand-hover.style-2 .brand-brand-logo:before {
  transition: all 0.2s cubic-bezier(0.18, 1.02, 0.63, 1.01) 0s;
}
.brand-hover.style-2 .brand-brand-text:before {
  transition: all 0.2s cubic-bezier(0.18, 1.02, 0.63, 1.01) 0s;
}
html.desktop .brand-hover.style-2:hover .brand-brand-img img {
  transform: scale(1.15);
}
html.desktop .brand-hover.style-2:hover .brand-brand-line {
  height: 0px;
  top: -30%;
}
html.desktop .brand-hover.style-2:hover .brand-brand-logo img {
  opacity: 0;
  transform: translateX(-10px);
}
html.desktop .brand-hover.style-2:hover .brand-brand-logo:before {
  height: 130%;
}
html.desktop .brand-hover.style-2:hover .brand-brand-text span {
  opacity: 0;
  transform: translateX(10px);
}
html.desktop .brand-hover.style-2:hover .brand-brand-text:before {
  height: 130%;
}
html.desktop .brand-hover.style-2:hover .brand-brand-social {
  z-index: 3;
}
html.desktop .brand-hover.style-2:hover .brand-brand-social .brand-brand-social-item {
  opacity: 1;
  visibility: visible;
}
.brand-item {
  margin-bottom: 50px;
  cursor: pointer;
}
@media (min-width: 576px) {
  .brand-item {
    margin-bottom: 20px;
  }
}
.brand-img img {
  transition: transform 1s cubic-bezier(0.32, 0.6, 0.58, 0.82) 0s;
}
.brand-logo {
  position: relative;
  max-width: calc(100% - 80px);
  width: 100%;
  z-index: 1;
}
.brand-logo img {
  transition: all 0.6s cubic-bezier(0.18, 1.02, 0.63, 1.01) 0.2s;
  max-width: 70%;
  max-height: 60px;
}
.brand-text {
  width: 80px;
  max-height: 70px;
  margin-top: 30px;
  color: #524e4d;
  z-index: 1;
}
.brand-text span {
  visibility: hidden;
  transition: all 0.6s cubic-bezier(0.18, 1.02, 0.63, 1.01) 0.2s;
}
@media (min-width: 576px) {
  .brand-text span {
    visibility: visible;
  }
}
.brand-line {
  background: #e8e8e8;
  width: 1px;
  height: 60px;
  transform-origin: top left;
  transform: rotate(30deg);
  transition: all 0.35s cubic-bezier(0.18, 1.02, 0.63, 1.01) 0s;
  z-index: 2;
}
@media (min-width: 576px) {
  .brand-line {
    height: 80px;
  }
}
@media (min-width: 992px) {
  .brand-line {
    left: 10px;
  }
}
@media (min-width: 1200px) {
  .brand-line {
    left: 0;
  }
}
.brand-social {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -40px;
  z-index: 3;
}
@media (min-width: 576px) {
  .brand-social {
    bottom: 50px;
    z-index: 0;
  }
}
.brand-social-item {
  opacity: 1;
  visibility: visible;
}
.brand-social-item.style-visible {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 576px) {
  .brand-social-item {
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in 0s;
  }
}
.page-title {
  max-width: 200px;
  margin: 70px auto 50px auto;
}
@media (min-width: 576px) {
  .page-title {
    margin: 70px auto;
    max-width: 300px;
  }
}
.page-title .h6 {
  opacity: 0;
}
.page-title-line {
  height: 4px;
  margin-top: 30px;
  background-color: #c80421;
  width: 0px;
}
html.desktop .banner-container:hover .swiper-button-prev {
  left: 10px;
}
html.desktop .banner-container:hover .swiper-button-next {
  right: 10px;
}
.banner-container .swiper-button-prev {
  left: -30px;
}
.banner-container .swiper-button-next {
  right: -30px;
}
@media (min-width: 576px) {
  .back-btn {
    border: 1px solid #c9caca;
  }
}
html.desktop .news-item:hover .news-item-icon {
  -webkit-animation: shake 1.4s linear 0s infinite;
          animation: shake 1.4s linear 0s infinite;
}
.news-item-img {
  flex: 0 1 100%;
}
@media (min-width: 576px) {
  .news-item-img {
    flex: 0 1 38%;
  }
}
@media (min-width: 1440px) {
  .news-item-img {
    flex-shrink: 0;
  }
}
.news-item-img > img {
  vertical-align: middle;
}
.news-item-title.h3 {
  font-size: 1.125rem;
}
@media (min-width: 992px) {
  .news-item-title.h3 {
    font-size: 1.5rem;
  }
}
.news-item-article {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
/* autoprefixer: off */
  -webkit-box-orient: vertical;
}
@media (min-width: 576px) {
  .news-item-article {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1200px) {
  .news-item-article {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.news-item-content {
  flex: 0 1 100%;
}
@media (min-width: 576px) {
  .news-item-content {
    flex: 0 1 52%;
  }
}
.news-list {
  border-top: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
}
.news-list > * + * {
  border-top: 1px solid #c9caca;
}
.pagination-box {
  font-size: 14px;
  margin-top: 60px;
  margin-bottom: 50px;
}
@media (min-width: 576px) {
  .pagination-box {
    margin-bottom: 0px;
  }
}
.pagination-item.is-active {
  border: 1px solid #c9caca;
}
.pagination-item > a,
.pagination-item > span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.pagination-control svg {
  fill: #191919;
}
.pagination-control.style-disable {
  color: #c9caca;
}
.pagination-control.style-disable svg {
  fill: #c9caca;
}
.pagination-control.style-disable:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pagination-main {
  margin: 0 20px;
}
@media (max-width: 320px) {
  .pagination-main {
    margin: 0 10px;
  }
}
.brands-img {
  padding: 10px 0;
  min-height: 150px;
}
@media (min-width: 576px) {
  .brands-img {
    min-height: 200px;
  }
}
.brands-img img {
  max-height: 110px;
  max-width: 90%;
}
@media (min-width: 576px) {
  .brands-img img {
    max-height: 180px;
  }
}
.othr-brands-item {
  margin-bottom: 70px;
  position: relative;
}
@media (min-width: 576px) {
  .othr-brands-item {
    margin-bottom: 50px;
  }
}
.othr-brands-item:hover .brand-social-list {
  opacity: 1;
  visibility: visible;
}
.othr-brands-item .brand-social-list {
  position: absolute;
  left: 0;
  right: 0;
}
@media (min-width: 769px) {
  .othr-brands-item .brand-social-list {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    bottom: 0;
    transform: translateY(100%) translateY(10px);
  }
}
.shiseido-tab.is-active {
  cursor: pointer;
  border-bottom: 2px solid #c80421;
}
.shiseido-tab-result-content {
  position: relative;
}
.shiseido-tab-result-content > * {
  display: none;
}
.shiseido-tab-result-content > *.is-show {
  display: flex;
}
@media (min-width: 576px) {
  .location {
    border-top: 1px solid #c9caca;
  }
}
.location-center-info-title {
  font-size: 1.125rem;
}
@media (min-width: 992px) {
  .location-center-info-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 576px) {
  .location-center-img {
    flex: 0 1 42%;
  }
}
@media (min-width: 576px) {
  .location-center-info {
    flex: 0 1 58%;
  }
}
.not-found-container {
  margin-top: 220px;
  margin-bottom: 220px;
}
@media (min-width: 576px) {
  .not-found-container {
    margin-top: 280px;
    margin-bottom: 280px;
  }
}
.not-found-container .h3 {
  font-family: '微軟正黑體修正', '微軟正黑體', 'Microsoft JhengHei', 'PingFang TC', '儷黑 Pro', 'LiHei Pro', sans-serif;
  border-bottom: 4px solid #c80421;
}
.gdpr {
  background: #fff;
  border-top: 1px solid #979797;
}
.gdpr p {
  flex-shrink: 0;
  width: 180px;
}
.gdpr-close {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
@media (min-width: 576px) {
  .gdpr-close {
    position: static;
  }
}
.gdpr-close span {
  width: 100%;
  height: 1px;
  background: #191919;
  display: block;
  transform-origin: center;
}
.gdpr-close span:nth-child(1) {
  transform: rotate(45deg) translateY(8px) translateX(8px);
}
.gdpr-close span:nth-child(2) {
  transform: rotate(-45deg) translateY(8px) translateX(-7px);
}
.common-close {
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
}
@media (min-width: 576px) {
  .common-close {
    position: static;
  }
}
.common-close span {
  width: 100%;
  height: 1px;
  background: #191919;
  display: block;
  transform-origin: center;
}
.common-close span:nth-child(1) {
  transform: rotate(45deg) translateY(8px) translateX(8px);
}
.common-close span:nth-child(2) {
  transform: rotate(-45deg) translateY(8px) translateX(-7px);
}