@charset "UTF-8";

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, em, img, ins, kbd, q, s, samp, small, strike, strong, 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, video2023 {
				margin: 0;
				padding: 0;
				border: 0;
				vertical-align: baseline;
}

ol, ul {
				list-style: none;
}

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

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

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

[hidden] {
				display: none;
}

a {
				text-decoration: none;
				color: initial;
}
a:focus {
				text-decoration: none;
				outline: 0;
				color: initial;
}
a:active, a:hover {
				outline: 0;
				text-decoration: none;
				color: initial;
}

abbr[title] {
				border-bottom: 1px dotted;
}

b, strong {
				font-weight: bold;
}

dfn {
				font-style: italic;
}

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

mark {
				background: #ff0;
				color: #000;
}

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

pre {
				white-space: pre-wrap;
}

q {
				quotes: "“" "”" "‘" "’";
}

small {
				font-size: 80%;
}

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

sup {
				font-size: 75%;
				line-height: 0;
				position: relative;
				vertical-align: baseline;
				top: -0.5em;
}

sub {
				bottom: -0.25em;
}

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

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

figure {
				margin: 0;
}

fieldset {
				border: 1px solid #c0c0c0;
				margin: 0 2px;
				padding: 0.35em 0.625em 0.75em;
}

legend {
				border: 0;
				padding: 0;
}

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

button, input {
				line-height: normal;
}

button, select {
				text-transform: none;
}

button, html input[type=button] {
				-webkit-appearance: button;
				cursor: pointer;
}

input[type=reset], input[type=submit] {
				-webkit-appearance: button;
				cursor: pointer;
}

button[disabled], html input[disabled] {
				cursor: default;
}

input[type=checkbox], input[type=radio] {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding: 0;
}
input[type=search] {
				-webkit-appearance: textfield;
				-webkit-box-sizing: content-box;
				box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
				-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
				border: 0;
				padding: 0;
}

textarea {
				overflow: auto;
				vertical-align: top;
}

table {
				border-collapse: collapse;
				border-spacing: 0;
}

.clearfix {
				zoom: 1;
}
.clearfix:before {
				content: "";
				display: table;
}
.clearfix:after {
				content: "";
				display: table;
				clear: both;
}

html {
				font-family: sans-serif;
				line-height: 1;
				font-size: 16px;
}

a {
				text-decoration: none;
				color: black;
}

input[type=text],
input[type=submit],
input[type=search] {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
}

.no-mg {
				margin: 0 !important;
}

.mg-4 {
				margin: 4px;
}

.mg-8 {
				margin: 8px;
}

.mg-12 {
				margin: 12px;
}

.mg-16 {
				margin: 16px;
}

.mg-20 {
				margin: 20px;
}

.mg-24 {
				margin: 24px;
}

.mg-28 {
				margin: 28px;
}

.mg-32 {
				margin: 32px;
}

.mg-36 {
				margin: 36px;
}

.mg-t-4 {
				margin-top: 4px;
}

.mg-t-8 {
				margin-top: 8px;
}

.mg-t-12 {
				margin-top: 12px;
}

.mg-t-16 {
				margin-top: 16px;
}

.mg-t-20 {
				margin-top: 20px;
}

.mg-t-24 {
				margin-top: 24px;
}

.mg-t-28 {
				margin-top: 28px;
}

.mg-t-32 {
				margin-top: 32px;
}

.mg-t-36 {
				margin-top: 36px;
}

.mg-t-42 {
				margin-top: 42px;
}

.mg-t-48 {
				margin-top: 48px;
}

.mg-b-4 {
				margin-bottom: 4px;
}

.mg-b-8 {
				margin-bottom: 8px;
}

.mg-b-12 {
				margin-bottom: 12px;
}

.mg-b-16 {
				margin-bottom: 16px;
}

.mg-b-20 {
				margin-bottom: 20px;
}

.mg-b-24 {
				margin-bottom: 24px;
}

.mg-b-28 {
				margin-bottom: 28px;
}

.mg-b-32 {
				margin-bottom: 32px;
}

.mg-b-36 {
				margin-bottom: 36px;
}

.mg-l-4 {
				margin-left: 4px;
}

.mg-l-8 {
				margin-left: 8px;
}

.mg-l-12 {
				margin-left: 12px;
}

.mg-l-16 {
				margin-left: 16px;
}

.mg-l-20 {
				margin-left: 20px;
}

.mg-l-24 {
				margin-left: 24px;
}

.mg-l-28 {
				margin-left: 28px;
}

.mg-l-32 {
				margin-left: 32px;
}

.mg-l-36 {
				margin-left: 36px;
}

.mg-r-4 {
				margin-right: 4px;
}

.mg-r-8 {
				margin-right: 8px;
}

.mg-r-12 {
				margin-right: 12px;
}

.mg-r-16 {
				margin-right: 16px;
}

.mg-r-20 {
				margin-right: 20px;
}

.mg-r-24 {
				margin-right: 24px;
}

.mg-r-28 {
				margin-right: 28px;
}

.mg-r-32 {
				margin-right: 32px;
}

.mg-r-36 {
				margin-right: 36px;
}

.no-pd {
				padding: 0 !important;
}

.pd-4 {
				padding: 4px;
}

.pd-8 {
				padding: 8px;
}

.pd-12 {
				padding: 12px;
}

.pd-16 {
				padding: 16px;
}

.pd-20 {
				padding: 20px;
}

.pd-24 {
				padding: 24px;
}

.pd-28 {
				padding: 28px;
}

.pd-32 {
				padding: 32px;
}

.pd-36 {
				padding: 36px;
}

.pd-t-4 {
				padding-top: 4px;
}

.pd-t-8 {
				padding-top: 8px;
}

.pd-t-12 {
				padding-top: 12px;
}

.pd-t-16 {
				padding-top: 16px;
}

.pd-t-20 {
				padding-top: 20px;
}

.pd-t-24 {
				padding-top: 24px;
}

.pd-t-28 {
				padding-top: 28px;
}

.pd-t-32 {
				padding-top: 32px;
}

.pd-t-36 {
				padding-top: 36px;
}

.pd-t-42 {
				padding-top: 42px;
}

.pd-t-48 {
				padding-top: 48px;
}

.pd-b-4 {
				padding-bottom: 4px;
}

.pd-b-8 {
				padding-bottom: 8px;
}

.pd-b-12 {
				padding-bottom: 12px;
}

.pd-b-16 {
				padding-bottom: 16px;
}

.pd-b-20 {
				padding-bottom: 20px;
}

.pd-b-24 {
				padding-bottom: 24px;
}

.pd-b-28 {
				padding-bottom: 28px;
}

.pd-b-32 {
				padding-bottom: 32px;
}

.pd-b-36 {
				padding-bottom: 36px;
}

.pd-l-4 {
				padding-left: 4px;
}

.pd-l-8 {
				padding-left: 8px;
}

.pd-l-12 {
				padding-left: 12px;
}

.pd-l-16 {
				padding-left: 16px;
}

.pd-l-20 {
				padding-left: 20px;
}

.pd-l-24 {
				padding-left: 24px;
}

.pd-l-28 {
				padding-left: 28px;
}

.pd-l-32 {
				padding-left: 32px;
}

.pd-l-36 {
				padding-left: 36px;
}

.pd-r-4 {
				padding-right: 4px;
}

.pd-r-8 {
				padding-right: 8px;
}

.pd-r-12 {
				padding-right: 12px;
}

.pd-r-16 {
				padding-right: 16px;
}

.pd-r-20 {
				padding-right: 20px;
}

.pd-r-24 {
				padding-right: 24px;
}

.pd-r-28 {
				padding-right: 28px;
}

.pd-r-32 {
				padding-right: 32px;
}

.pd-r-36 {
				padding-right: 36px;
}

.iconText {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-ms-flex-line-pack: center;
				    align-content: center;
}
.iconText > i {
				margin-right: 6px;
}

.pos-r {
				position: relative;
}

.pos-a {
				position: absolute;
}

.fl-l {
				float: left;
}

.fl-r {
				float: right;
}

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

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

.flex-right {
				margin-left: auto;
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;padding-right: 20px;
}

.no-flex {
				display: inline-block !important;
}

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

.flex-nowrap {
				-ms-flex-wrap: nowrap;
				    flex-wrap: nowrap;
}

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

.tal {
				text-align: left;
}

.tac {
				text-align: center;
}

.tar {
				text-align: right;
}

.fw-l {
				font-weight: lighter;
}

.fw-b {
				font-weight: bold;
}

.td-underline {
				text-decoration: underline;
}

.d-block {
				display: block;
}

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

.cursor-p {
				cursor: pointer;
}

*, html, body {
				font-family: 微软雅黑, arial;
				font-size: 100%;
}

.color-price {
				color: #D61518 !important;
}

.color-main {
				color: #D61518;
}

.color-link-blue {
				color: #0C5FCB !important;
}

.color-gold {
				color: #CEBE88 !important;
}

.color-green {
				color: #db0706 !important;
}

.color-gradient {
				background-image: -webkit-gradient(linear, right top, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to left, #db0706, #e5de0b);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
}

.color-dark-gray {
				color: #8B8B8B;
}

.color-disabled {
				color: #8B8B8B;
}

a {
				color: #242424;
				cursor: pointer;
}
a:hover {
				color: #db0706;
}

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

@keyframes fadeIn {
				0% {
								opacity: 0;
				}
				100% {
								opacity: 1;
				}
}
@-webkit-keyframes fadeInTop {
				20% {
								opacity: 0;
								-webkit-transform: translate(0, 6px);
								        transform: translate(0, 6px);
				}
				100% {
								opacity: 1;
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
@keyframes fadeInTop {
				20% {
								opacity: 0;
								-webkit-transform: translate(0, 6px);
								        transform: translate(0, 6px);
				}
				100% {
								opacity: 1;
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
@-webkit-keyframes moveTop {
				0% {
								opacity: 0;
								-webkit-transform: translate(0, 50px);
								        transform: translate(0, 50px);
				}
				100% {
								opacity: 1;
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
@keyframes moveTop {
				0% {
								opacity: 0;
								-webkit-transform: translate(0, 50px);
								        transform: translate(0, 50px);
				}
				100% {
								opacity: 1;
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
h1 {
				color: #3e3e3e;
}

h2 {
				font-size: 1.875rem;
				line-height: 1.875rem;
				font-weight: 700;
				color: #3e3e3e;
}
@media (min-width: 768px) {
				h2 {
								font-size: 2rem;
								letter-spacing: 0.1rem;
				}
}

h3 {
				font-size: 1.5rem;
				font-weight: 500;
				line-height: 2rem;
				color: #3e3e3e;
}

h4 {
				font-size: 1.125rem;
				font-weight: 500;
				line-height: 1.5rem;
				color: #3e3e3e;
}
@media (min-width: 768px) {
				h4 {
								font-size: 1.25rem;
								line-height: 1.875rem;
				}
}

h5 {
				font-size: 1rem;
				font-weight: 500;
				line-height: 1.5rem;
				color: #3e3e3e;
}
@media (min-width: 768px) {
				h5 {
								font-size: 1.25rem;
								line-height: 1.875rem;
				}
}

p {
				font-size: 1.25rem;
				line-height: 2.25rem;
				color: #3e3e3e;
				word-break: break-all;
				letter-spacing: 0.5px;
}

.text-notice {
				font-size: 0.875rem;
				line-height: 1.5rem;
				color: #a5a5a5;
}

.link {
				display: inline-block;
				color: #db0706;
				text-decoration: underline;
}
.link:hover, .link:actve, .linkfocus {
				color: #92ce59;
				text-decoration: underline;
}

@media (min-width: 992px) {
				.container, .container-fluid {
								padding: 0 30px 0 30px ;
				}
}



@media (min-width: 992px) {
				.container1, .container-fluid1 {
								padding: 0 300px 0 300px ;
				}
}




@media (min-width: 768px) {
				.container {
								width: 100%;
				}
}
@media (min-width: 1199px) {
				.container {
								width: 1170px;
				}
}
@media (min-width: 1400px) {
				.container {
								width: 1360px;
				}
}

.section {
				margin-bottom: 0.5rem;
}
@media (min-width: 1199px) {
				.section {
								padding-top: 10px;
				}
}

.section-title {
				margin-top: 1.5rem;
				margin-bottom: 1.5rem;
				text-align: center;
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.section-title h2 {
								font-size: 1.5rem;
				}
}
@media (min-width: 1199px) {
				.section-title {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								text-align: left;
				}
				.section-title h2 {
								font-size: 1.875rem;
								line-height: 1.875rem;
				}
}
@media (min-width: 1199px) {
				.section-title .divider {
								margin: 0 1.25rem;
								margin-top: 0.25rem;
								width: 0.375rem;
								height: 28px;
								background-image: -webkit-gradient(linear, left bottom, left top, from(#db0706), to(#db0706));
								background-image: linear-gradient(to top, #db0706, #db0706);
				}
}
.section-title .title-en {
				margin-top: 0.5rem;
				font-size: 1.25rem;
				font-family: "Russo One", sans-serif;
				text-transform: uppercase;
				background-image: -webkit-gradient(linear, right top, left top, from(#db0706), to(#db0706));
				background-image: linear-gradient(to left, #db0706, #db0706);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.section-title .title-en {
								margin-top: 0;
								font-size: 1rem;
				}
}
@media (min-width: 1199px) {
				.section-title .title-en {
								font-size: 2.625rem;
								line-height: 2.625rem;font-weight: bold;
				}
}

.section-text-container {
				margin-bottom: 0.275rem;
}

.section-img-container {
				margin: 0.475rem 0;
				text-align: center;
}
.section-img-container img {
				display: inline-block;
				width: 100%;
				max-width: 100%;
				height: auto;
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.section-img-container img {
								width: 70vh;
				}
}

.card {
				background-color: #fff;
				border-radius: 0.5rem;
				background-clip: padding-box;
				-webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				-ms-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				-webkit-transition: 0.2s all ease-in;
				transition: 0.2s all ease-in;
}
@media (min-width: 1199px) {
				.card {
								border-radius: 1rem;
								background-clip: padding-box;
				}
}
.card:hover {
				background-color: #f9fef6;
				-webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(202, 228, 186, 0.75);
				-ms-box-shadow: 0 0.25rem 0.75rem 0 rgba(202, 228, 186, 0.75);
				box-shadow: 0 0.25rem 0.75rem 0 rgba(202, 228, 186, 0.75);
}

.border-box {
				padding-bottom: 5rem;
}
@media (min-width: 768px) {
				.border-box {
								margin-bottom: 5rem;
								padding: 30px;
								border: 1px solid #efefef;
								border-radius: 0.75rem;
								background-clip: padding-box;
				}
				.border-box .container {
								max-width: 700px;
				}
}
@media (min-width: 992px) {
				.border-box {
								padding: 40px;
				}
}
@media (min-width: 1599px) {
				.border-box {
								padding: 40px 40px;
				}
				.border-box .container {
								max-width: 1300px;
								padding: 4rem 4rem;
				}
}

.bg-dialogue {
				padding: 1.25rem 0rem;
				font-size: 1.15rem;
				line-height: 1.5rem;
				color: #db0706;
				background-color: #fce7a8;text-align: center;font-weight: bold;
}
.bg-dialogue.notice {
				font-size: 0.9375rem;
				color: #61a324;
}
@media (min-width: 768px) {
				.bg-dialogue.notice {
								padding: 1.25rem;
				}
}
.bg-dialogue.warning {
				font-size: 0.9375rem;
				color: #61a324;
				background-color: #fef6de;
}
@media (min-width: 768px) {
				.bg-dialogue.warning {
								padding: 1.25rem;
				}
}
.bg-dialogue .icon-member-badge {
				margin-right: 0.5rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("memberCenter.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}
.bg-dialogue .icon-warning {
				margin-right: 0.25rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("warning.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}
@media (min-width: 768px) {
				.bg-dialogue {
								padding: 2.25rem 1.25rem;
				}
}

.page-banner {
				padding: 20% 0;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: 50% 50%;
}
.page-banner .title {
				font-size: 2rem;
				font-weight: 700;
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.page-banner {
								padding: 15% 0;
								background-size: cover;
				}
				.page-banner .title {
								padding-left: 5%;
				}
}
@media (min-width: 768px) {
				.page-banner {
								padding: 10% 0;
								background-size: cover;
				}
				.page-banner .title {
								padding-left: 5%;
				}
}
@media (min-width: 992px) {
				.page-banner {
								background-size: cover;
				}
				.page-banner .title {
								padding-left: 0;
								font-size: 2.625rem;
				}
}
@media (min-width: 1199px) {
				.page-banner {
								padding: 100px 0;
				}
}

.news-banner {
				background-image: url("banner_news_m.jpg");
}
@media (min-width: 768px) {
				.news-banner {
								background-image: url("banner_news.jpg");
				}
}

.contact-banner {
				background-image: url("banner_contact_m.jpg");
}
@media (min-width: 768px) {
				.contact-banner {
								background-image: url("banner_contact.jpg");
				}
}

.btn {
				padding: 0 2.5em;
				font-size: 1em;
				height: 36px;
				line-height: 36px;
				display: inline-block;
				border-radius: 0.5rem;
				background-clip: padding-box;
				-webkit-transition: 0.3s all ease-in;
				transition: 0.3s all ease-in;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				outline: 0;
				border: 0;
				cursor: pointer;
}

.btn-sm {
				padding: 0 0.75rem;
				font-size: 0.9375rem;
				line-height: 2.125rem;
}

.btn-md {
				padding: 0 1rem;
				height: 2.625rem;
				line-height: 2.625rem;
				text-align: center;
}

.btn-lg {
				padding: 0 1.25rem;
				height: 3.125rem;
				line-height: 3.125rem;
				text-align: center;
}

.btn-radius {
				border-radius: 20px;
				background-clip: padding-box;
}

.btn-default {
				font-weight: 500;
				color: #242424;
				background-color: #ddd;
}
.btn-default:hover {
				color: #242424;
				background-color: #ddd;
}

a[disabled], button[disabled] {
				cursor: not-allowed !important;
				color: #979797;
				background-color: #ddd;
				background-image: none;
}
a[disabled]:hover, a[disabled]:focus, button[disabled]:hover, button[disabled]:focus {
				color: #979797;
				background-color: #ddd;
				-webkit-box-shadow: none;
				-ms-box-shadow: none;
				box-shadow: none;
}

.btn-primary {
				font-weight: 500;
				color: #fff;
				background-image: -webkit-gradient(linear, left bottom, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to top, #db0706, #e5de0b);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
				color: #FFF;
				background-color: transparent;
				outline: 0;
				border: 0;
				background-image: -webkit-gradient(linear, left bottom, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to top, #db0706, #e5de0b);
}

.btn-primary-gradient {
				padding: 0.75rem 3.75rem;
				display: inline-block;
				border-radius: 0.5rem;
				font-size: 1.25rem;
				font-weight: 500;
				color: #fff;
				background-color: transparent;
				background-image: -webkit-gradient(linear, left bottom, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to top, #db0706, #e5de0b);
				cursor: pointer;
				-webkit-transition: 0.2s all ease-in;
				transition: 0.2s all ease-in;
}
.btn-primary-gradient:hover, .btn-primary-gradient:focus, .btn-primary-gradient:active {
				color: #FFF;
				background-color: transparent;
				outline: 0;
				border: 0;
				-webkit-box-shadow: 0 8px 16px rgba(127, 189, 70, 0.5);
				-ms-box-shadow: 0 8px 16px rgba(127, 189, 70, 0.5);
				box-shadow: 0 8px 16px rgba(127, 189, 70, 0.5);
}

.btn-primary-gold {
				color: #FFF;
				background-color: #CEBE88;
}
.btn-primary-gold:hover {
				color: #FFF;
				background-color: #a99a68;
}

.btn-bordered {
				border: 1px solid #d6d6d6;
				background-color: #fff;
}
.btn-bordered:hover, .btn-bordered:active {
				color: #0C5FCB;
				border: 1px solid #0C5FCB;
}
.btn-bordered.has-error {
				color: #D61518;
				border-color: #D61518;
}

.btn-readmore {
				font-size: 0.9375rem;
				font-weight: 500;
				color: #db0706;
}
.btn-readmore .link-arrow {
				margin-left: 0.25rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("link_arrow.png");
				width: 1.125rem;
				height: 0.375rem;
				background-size: 1.125rem 0.375rem;
}
@media (min-width: 992px) {
				.btn-readmore {
								font-size: 1.125rem;
				}
				.btn-readmore .link-arrow {
								margin-left: 0.5rem;
				}
}

.gradient-box {
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				margin: auto;
				position: relative;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				color: #db0706;
				background: #FFF;
				background-clip: padding-box !important;
				border: solid 2px transparent !important;
				border-radius: 2000px;margin-left: 3rem;
}
.gradient-box:hover {
				color: #db0706;
}
.gradient-box:before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: -1;
				margin: -2px;
				border-radius: inherit;
				background: -webkit-gradient(linear, right top, left top, from(#db0706), to(#db0706));
				background: linear-gradient(to left, #db0706, #db0706);
}

.modal .modal-content {
				border-radius: 1rem;
				background-clip: padding-box;
				overflow: hidden;
}
.modal .modal-header {
				background-color: #efefef;
				border: none;
}
.modal .modal-footer {
				border: none;
}
.modal.modal-system-msg .modal-header,
.modal.modal-system-msg .modal-body,
.modal.modal-system-msg .modal-footer {
				text-align: center;
}

.modal.center-modal {
				text-align: center;
				padding: 0 !important;
}
.modal.center-modal:before {
				content: "";
				display: inline-block;
				height: 100%;
				vertical-align: middle;
				margin-right: -4px;
}
.modal.center-modal .modal-dialog {
				display: inline-block;
				text-align: left;
				vertical-align: middle;
}

.modal-up.modal.fade .modal-dialog {
				opacity: 0;
				-webkit-transform: translate(0, 25%);
				        transform: translate(0, 25%);
}
.modal-up .modal-dialog {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				max-width: 100%;
				margin: 0;
				-webkit-transform: translateY(100%);
				        transform: translateY(100%);
}
.modal-up .modal-dialog .modal-content {
				border-radius: 1rem 1rem 0 0;
				background-clip: padding-box;
}
.modal-up .modal-dialog .modal-footer {
				text-align: center;
}
.modal-up .modal-dialog .modal-footer .btn {
				margin: 0 0.5rem;
				width: 50%;
}
.modal-up.modal.fade.in {
				overflow: hidden;
}
.modal-up.modal.fade.in .modal-dialog {
				opacity: 1;
				-webkit-transform: translateY(0%);
				        transform: translateY(0%);
				min-height: 80px;
}
@media (min-width: 768px) {
				.modal-up .modal-dialog {
								margin: 0 auto;
								position: relative;
								bottom: initial;
								left: initial;
								right: initial;
								max-width: auto;
								-webkit-transform: translateY(100%);
								        transform: translateY(100%);
				}
				.modal-up .modal-dialog .modal-content {
								border-radius: 1rem;
								background-clip: padding-box;
				}
				.modal-up .modal-dialog .modal-footer {
								text-align: center;
				}
				.modal-up .modal-dialog .modal-footer .btn {
								margin: 0 0.5rem;
								width: 50%;
				}
				.modal-up.modal.fade.in {
								overflow: hidden;
				}
				.modal-up.modal.fade.in .modal-dialog {
								opacity: 1;
								-webkit-transform: translateY(8vh);
								        transform: translateY(8vh);
								min-height: 80px;
				}
}
.modal-up.full-height.modal.fade.in .modal-dialog {
				min-height: 100%;
				height: 100%;
				overflow-y: auto;
				background-color: #fff;
}
.modal-up.full-height .modal-content {
				-webkit-box-shadow: none;
				-ms-box-shadow: none;
				box-shadow: none;
				border: none;
}
.modal-up.full-height .modal-content .modal-header, .modal-up.full-height .modal-content .modal-body {
				background-color: #fff;
				border: none;
}
.modal-up.full-height .modal-article .modal-header h3.modal-header--title {
				margin-bottom: 0;
				width: calc(100% - 1.875rem - 1rem);
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-height: 1.875rem;
				height: 3.75rem;
				font-size: 1.5rem;
				font-weight: bold;
				line-height: 1.875rem;
				color: #242424;
}
.modal-up.full-height .modal-article .modal-header .btn-modal-close {
				width: 1.875rem;
				height: 1.875rem;
				border: none;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("btn_close_light.svg");
				width: 1.875rem;
				height: 1.875rem;
				background-size: 1.875rem 1.875rem;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select option:first-child,
.placeholder {
				color: #8B8B8B;
				font-weight: 400;
				vertical-align: middle;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select option:first-child {
				color: #8B8B8B;
				font-weight: 400;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select option:first-child {
				color: #8B8B8B;
				font-weight: 400;
}

input:-moz-placeholder,
textarea:-moz-placeholder,
select option:first-child {
				color: #8B8B8B;
				font-weight: 400;
}

.form-horizontal .control-label {
				padding-top: 0;
}

.form-group {
				margin-bottom: 1rem;
}

.has-error .error-text {
				margin-top: 0.5rem;
				width: 100%;
				display: block;
				font-size: 0.875rem;
				color: #a94442;
}

.form-horizontal .has-feedback .form-control-feedback {
				top: 5px;
}

.checkbox.has-error {
				color: #a94442;
}
.checkbox.has-error input {
				color: #a94442;
				border-color: #a94442;
				-webkit-tap-highlight-color: #a94442;
}
.checkbox.has-error .help-block {
				font-size: 14px;
}

.form-group .help-block {
				font-size: 14px;
}

.control-label {
				margin: 0;
				height: 42px;
				line-height: 42px;
}
@media (min-width: 992px) {
				.control-label {
								font-size: 1.125rem;
				}
}

.control-label-sm {
				margin: 0;
				height: 36px;
				line-height: 36px;
}

.required-tag {
				margin-right: 4px;
				color: #D61518;
}

input[type=radio] {
				cursor: pointer;
}

.form-control {
				height: 42px;
				font-size: 16px;
				border-radius: 0.5rem;
				background-clip: padding-box;
				-webkit-box-shadow: none;
				-ms-box-shadow: none;
				box-shadow: none;
				border: 1px solid #d6d6d6;
}
.form-control:focus {
				outline: 0;
				border-color: #83be45;
				-webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				-ms-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
}
@media (min-width: 992px) {
				.form-control {
								height: 50px;
								font-size: 1.125rem;
				}
}

.form-control.form-control-sm {
				height: 36px;
				border-radius: 0.25rem;
				background-clip: padding-box;
}

.form-control-static {
				height: 42px;
				line-height: 42px;
}

.form-control-static-sm {
				height: 36px;
				line-height: 36px;
}

.form-control.select {
				padding: 6px 0;
				position: relative;
}
.form-control.select.disabled {
				background-color: #eee;
}
.form-control.select.disabled select {
				cursor: not-allowed;
}
.form-control.select:after {
				position: absolute;
				right: 0.75rem;
				top: 1rem;
				content: "";
				background-image: url("select_arrow.png");
				background-size: 0.984375rem 0.546875rem;
				background-repeat: no-repeat;
				width: 0.984375rem;
				height: 0.546875rem;
}
@media (min-width: 992px) {
				.form-control.select:after {
								top: 1.25rem;
				}
}
.form-control.select select {
				padding: 0 12px;
				appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				-ms-progress-appearance: none;
				background-color: transparent !important;
				cursor: pointer;
				width: 100%;
				height: 100%;
				border: none;
				outline: 0;
}

input[type=radio] + label {
				margin-top: 12px;
				margin-right: 8px;
				padding: 0 8px;
				font-size: 15px;
				cursor: pointer;
				border: 1px solid #d6d6d6;
}

input[type=radio]:checked + label {
				color: #D61518;
				border: 1px solid #D61518;
}

textarea {
				resize: none;
}

.counter-el {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.counter-el button {
				border: 1px solid #d6d6d6;
				width: 38px;
				height: 38px;
				background-color: transparent;
				outline: 0;
}
.counter-el button.counter-el-dec {
				border-right: 0;
				font-size: 20px;
}
.counter-el button.counter-el-inc {
				border-left: 0;
				font-size: 18px;
				line-height: 33px;
}
.counter-el input {
				padding: 0 8px;
				width: 85px;
				height: 38px;
				text-align: center;
				border: 1px solid #d6d6d6;
}
.counter-el input::-webkit-outer-spin-button,
.counter-el input::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
}

.input-wrapper {
				padding: 0 8px;
				border: 1px solid #d6d6d6;
				border-radius: 3px;
				background-clip: padding-box;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.input-wrapper .control-label {
				margin-right: 8px;
}
.input-wrapper .form-control-no-border {
				border: 0;
				outline: 0;
				height: 42px;
}

select.form-control.form-control-sm {
				height: 36px;
}

.icon-calendar {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("calendar.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}

.DR {
				cursor: pointer;
}

.DR + * {
				display: none;
				-webkit-transform: scale(0);
				transform: scale(0);
				-webkit-transition: 0.3s all ease-in;
				transition: 0.3s all ease-in;
}

.DR.active + * {
				display: block;
				position: absolute;
				width: auto;
				height: auto;
				-webkit-transform: scale(1);
				transform: scale(1);
				z-index: 10;
}

.dropBoxWrap {
				-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
				-ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
				box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
				background-color: #FFFFFF;
				z-index: 10;
}

.dropdown .dropdown-menu {
				border: 0;
				border-radius: 3px;
				background-clip: padding-box;
				-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.37);
				-ms-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.37);
				box-shadow: 0 3px 16px rgba(0, 0, 0, 0.37);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select option:first-child,
.placeholder {
				color: #8B8B8B;
				font-weight: 400;
				vertical-align: middle;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select option:first-child {
				color: #8B8B8B;
				font-weight: 400;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select option:first-child {
				color: #8B8B8B;
				font-weight: 400;
}

input:-moz-placeholder,
textarea:-moz-placeholder,
select option:first-child {
				color: #8B8B8B;
				font-weight: 400;
}

.form-horizontal .control-label {
				padding-top: 0;
}

.form-group {
				margin-bottom: 1rem;
}

.has-error .error-text {
				margin-top: 0.5rem;
				width: 100%;
				display: block;
				font-size: 0.875rem;
				color: #a94442;
}

.form-horizontal .has-feedback .form-control-feedback {
				top: 5px;
}

.checkbox.has-error {
				color: #a94442;
}
.checkbox.has-error input {
				color: #a94442;
				border-color: #a94442;
				-webkit-tap-highlight-color: #a94442;
}
.checkbox.has-error .help-block {
				font-size: 14px;
}

.form-group .help-block {
				font-size: 14px;
}

.control-label {
				margin: 0;
				height: 42px;
				line-height: 42px;
}
@media (min-width: 992px) {
				.control-label {
								font-size: 1.125rem;
				}
}

.control-label-sm {
				margin: 0;
				height: 36px;
				line-height: 36px;
}

.required-tag {
				margin-right: 4px;
				color: #D61518;
}

input[type=radio] {
				cursor: pointer;
}

.form-control {
				height: 42px;
				font-size: 16px;
				border-radius: 0.5rem;
				background-clip: padding-box;
				-webkit-box-shadow: none;
				-ms-box-shadow: none;
				box-shadow: none;
				border: 1px solid #d6d6d6;
}
.form-control:focus {
				outline: 0;
				border-color: #83be45;
				-webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				-ms-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
}
@media (min-width: 992px) {
				.form-control {
								height: 50px;
								font-size: 1.125rem;
				}
}

.form-control.form-control-sm {
				height: 36px;
				border-radius: 0.25rem;
				background-clip: padding-box;
}

.form-control-static {
				height: 42px;
				line-height: 42px;
}

.form-control-static-sm {
				height: 36px;
				line-height: 36px;
}

.form-control.select {
				padding: 6px 0;
				position: relative;
}
.form-control.select.disabled {
				background-color: #eee;
}
.form-control.select.disabled select {
				cursor: not-allowed;
}
.form-control.select:after {
				position: absolute;
				right: 0.75rem;
				top: 1rem;
				content: "";
				background-image: url("select_arrow.png");
				background-size: 0.984375rem 0.546875rem;
				background-repeat: no-repeat;
				width: 0.984375rem;
				height: 0.546875rem;
}
@media (min-width: 992px) {
				.form-control.select:after {
								top: 1.25rem;
				}
}
.form-control.select select {
				padding: 0 12px;
				appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				-ms-progress-appearance: none;
				background-color: transparent !important;
				cursor: pointer;
				width: 100%;
				height: 100%;
				border: none;
				outline: 0;
}

input[type=radio] + label {
				margin-top: 12px;
				margin-right: 8px;
				padding: 0 8px;
				font-size: 15px;
				cursor: pointer;
				border: 1px solid #d6d6d6;
}

input[type=radio]:checked + label {
				color: #D61518;
				border: 1px solid #D61518;
}

textarea {
				resize: none;
}

.counter-el {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.counter-el button {
				border: 1px solid #d6d6d6;
				width: 38px;
				height: 38px;
				background-color: transparent;
				outline: 0;
}
.counter-el button.counter-el-dec {
				border-right: 0;
				font-size: 20px;
}
.counter-el button.counter-el-inc {
				border-left: 0;
				font-size: 18px;
				line-height: 33px;
}
.counter-el input {
				padding: 0 8px;
				width: 85px;
				height: 38px;
				text-align: center;
				border: 1px solid #d6d6d6;
}
.counter-el input::-webkit-outer-spin-button,
.counter-el input::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
}

.input-wrapper {
				padding: 0 8px;
				border: 1px solid #d6d6d6;
				border-radius: 3px;
				background-clip: padding-box;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.input-wrapper .control-label {
				margin-right: 8px;
}
.input-wrapper .form-control-no-border {
				border: 0;
				outline: 0;
				height: 42px;
}

select.form-control.form-control-sm {
				height: 36px;
}

.icon-calendar {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("calendar.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}

.editor h1 {
				display: block;
				font-size: 2em;
				margin-top: 0.67em;
				margin-bottom: 0.67em;
				margin-left: 0;
				margin-right: 0;
				font-weight: bold;
}
.editor h2 {
				display: block;
				font-size: 1.5em;
				margin-top: 0.83em;
				margin-bottom: 0.83em;
				margin-left: 0;
				margin-right: 0;
				font-weight: bold;
}
.editor h3 {
				display: block;
				font-size: 1.17em;
				margin-top: 1em;
				margin-bottom: 1em;
				margin-left: 0;
				margin-right: 0;
				font-weight: bold;
}
.editor h4 {
				display: block;
				font-size: 1em;
				margin-top: 1.33em;
				margin-bottom: 1.33em;
				margin-left: 0;
				margin-right: 0;
				font-weight: bold;
}
.editor h5 {
				display: block;
				font-size: 0.83em;
				margin-top: 1.67em;
				margin-bottom: 1.67em;
				margin-left: 0;
				margin-right: 0;
				font-weight: bold;
}
.editor h6 {
				display: block;
				font-size: 0.67em;
				margin-top: 2.33em;
				margin-bottom: 2.33em;
				margin-left: 0;
				margin-right: 0;
				font-weight: bold;
}
.editor p {
				display: block;
				margin-top: 1em;
				margin-bottom: 1em;
				margin-left: 0;
				margin-right: 0;
}
.editor hr {
				display: block;
				margin-top: 0.5em;
				margin-bottom: 0.5em;
				margin-left: auto;
				margin-right: auto;
				border-style: inset;
				border-width: 1px;
}
.editor strong {
				font-weight: bold;
}
.editor a {
				cursor: pointer;
				color: blue;
}
.editor a:link {
				color: blue;
				text-decoration: underline;
				cursor: pointer;
}
.editor a:visited {
				color: blue;
				text-decoration: underline;
				cursor: pointer;
}
.editor a:link:active {
				color: blue;
}
.editor a:visited:active {
				color: blue;
}
.editor b {
				font-weight: bold;
}
.editor i {
				font-style: italic;
}
.editor dd {
				display: block;
				margin-left: 40px;
}
.editor del {
				text-decoration: line-through;
}
.editor details {
				display: block;
}
.editor em {
				font-style: italic;
}
.editor img {
				display: inline-block;
}
.editor ul {
				display: block;
				list-style-type: disc;
				margin-top: 1em;
				margin-bottom: 1 em;
				margin-left: 0;
				margin-right: 0;
				padding-left: 40px;
}
.editor ol {
				display: block;
				list-style-type: decimal;
				margin-top: 1em;
				margin-bottom: 1em;
				margin-left: 0;
				margin-right: 0;
				padding-left: 40px;
}
.editor li {
				display: list-item;
}
.editor fieldset {
				display: block;
				margin-left: 2px;
				margin-right: 2px;
				padding-top: 0.35em;
				padding-bottom: 0.625em;
				padding-left: 0.75em;
				padding-right: 0.75em;
				border: 2px groove internal value;
}
.editor figcaption {
				display: block;
}
.editor figure {
				display: block;
				margin-top: 1em;
				margin-bottom: 1em;
				margin-left: 40px;
				margin-right: 40px;
}
.editor table {
				display: table;
				border-color: gray;
}
.editor tbody {
				display: table-row-group;
				vertical-align: middle;
				border-color: inherit;
}
.editor tr {
				display: table-row;
				vertical-align: inherit;
				border-color: inherit;
}
.editor td {
				display: table-cell;
				vertical-align: inherit;
}

.breadcrumbs {
				margin-bottom: 12px;
				font-size: 13px;
				color: #242424;
}
.breadcrumbs span {
				margin: 0 4px;
}

.reserve-bar {
				margin-top: 5%;
				margin-left: auto;
				margin-right: auto;
				padding: 0.5rem;
				width: 90%;
				display: block;
				background-color: #fff;
				border-radius: 0.5rem;
				background-clip: padding-box;
				-webkit-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				-ms-box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				box-shadow: 0 0.25rem 0.75rem 0 rgba(156, 194, 136, 0.5);
				cursor: pointer;
				-webkit-transition: 0.2s box-shadow ease-in;
				-webkit-transition: 0.2s -webkit-box-shadow ease-in;
				transition: 0.2s -webkit-box-shadow ease-in;
				transition: 0.2s box-shadow ease-in;
				transition: 0.2s box-shadow ease-in, 0.2s -webkit-box-shadow ease-in;
}
.reserve-bar .title {
				margin-right: 0.5rem;
				font-size: 1.0625rem;
				color: #acacac;
}
.reserve-bar .date, .reserve-bar .time {
				font-size: 1.0625rem;
				font-weight: 700;
}
.reserve-bar .time {
				margin-left: 0.5rem;
}
.reserve-bar .btn-reservation {
				margin-left: auto;
				padding: 0.25rem 0.875rem;
				border-radius: 0.5rem;
				font-size: 1rem;
				font-weight: 500;
				color: #fff;
				background-image: -webkit-gradient(linear, left bottom, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to top, #db0706, #e5de0b);
				-webkit-transition: 0.2s all ease-in;
				transition: 0.2s all ease-in;
}
.reserve-bar .btn-reservation:hover {
				color: #FFF;
				-webkit-box-shadow: 0 8px 16px rgba(127, 189, 70, 0.5);
				-ms-box-shadow: 0 8px 16px rgba(127, 189, 70, 0.5);
				box-shadow: 0 8px 16px rgba(127, 189, 70, 0.5);
}
.reserve-bar:hover {
				-webkit-box-shadow: 0 0.25rem 1.25rem 0 rgba(156, 194, 136, 0.75);
				-ms-box-shadow: 0 0.25rem 1.25rem 0 rgba(156, 194, 136, 0.75);
				box-shadow: 0 0.25rem 1.25rem 0 rgba(156, 194, 136, 0.75);
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.reserve-bar {
								margin-left: auto;
								margin-right: auto;
								padding: 0.5rem;
								width: 100%;
				}
}
@media (min-width: 768px) {
				.reserve-bar {
								margin-top: 0.9375rem;
								padding: 0.5rem;
								width: 28.125rem;
				}
				.reserve-bar .title {
								margin-left: 0.5rem;
								margin-right: 0.9375rem;
				}
				.reserve-bar .btn-reservation {
								padding: 0.5rem 0.875rem;
				}
}
@media (min-width: 992px) {
				.reserve-bar {
								margin-left: 0;
								margin-right: 0;
				}
}
@media (min-width: 1199px) {
				.reserve-bar {
								width: 450px;
				}
				.reserve-bar .title, .reserve-bar .date, .reserve-bar .time, .reserve-bar .btn-reservation {
								font-size: 1.25rem;
				}
				.reserve-bar .time {
								margin-left: 12px;
								padding-left: 12px;
								border-left: 1px solid #efefef;
				}
}
@media (min-width: 1599px) {
				.reserve-bar {
								width: 480px;
				}
				.reserve-bar .title, .reserve-bar .date, .reserve-bar .time, .reserve-bar .btn-reservation {
								font-size: 1.5rem;
				}
}

.reservation-calendar-component .calendar .calendar-month {
				margin: 1rem 0;
				font-size: 1.25rem;
				font-weight: 700;
				text-align: center;
}
.reservation-calendar-component .calendar .calendar-weeks {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 14.285% 14.285% 14.285% 14.285% 14.285% 14.285% 14.285%;
				grid-template-columns: 14.285% 14.285% 14.285% 14.285% 14.285% 14.285% 14.285%;
}
.reservation-calendar-component .calendar .calendar-weeks .week {
				margin: 0 0.25rem;
				padding: 1rem 0.25rem;
				position: relative;
				text-align: center;
				font-size: 1rem;
				font-weight: 500;
}
.reservation-calendar-component .calendar .calendar-days {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 14.285% 14.285% 14.285% 14.285% 14.285% 14.285% 14.285%;
				grid-template-columns: 14.285% 14.285% 14.285% 14.285% 14.285% 14.285% 14.285%;
}
.reservation-calendar-component .calendar .calendar-days .day {
				margin: 0 0.25rem;
				padding: 0.5rem 0.25rem;
				position: relative;
				text-align: center;
				font-size: 1.125rem;
				font-weight: 500;
				cursor: pointer;
				outline: 0;
				border-radius: 0.5rem;
				background-clip: padding-box;
}
.reservation-calendar-component .calendar .calendar-days .day.current {
				color: #db0706;
				background-color: #f2f9f1;
				font-weight: 700;
}
.reservation-calendar-component .calendar .calendar-days .day.current:hover {
				background-color: #dfeedd;
}
.reservation-calendar-component .calendar .calendar-days .day.selected, .reservation-calendar-component .calendar .calendar-days .day.selected:hover {
				color: #fff;
				background-color: #db0706;
}
.reservation-calendar-component .calendar .calendar-days .day.disabled {
				color: #b7b7b7;
				cursor: not-allowed;
}
.reservation-calendar-component .calendar .calendar-days .day:focus.current {
				color: #db0706;
				background-color: #f2f9f1;
}
.reservation-calendar-component .calendar .calendar-days .day:after {
				content: "";
				position: absolute;
				right: calc(50% - 0.1875rem);
				top: 6px;
				display: inline-block;
				width: 0.375rem;
				height: 0.375rem;
				border-radius: 2000px;
				background-clip: padding-box;
				border: 1px solid #fff;
}
.reservation-calendar-component .calendar .calendar-days .day.green-light:after {
				background-color: #db0706;
}
.reservation-calendar-component .calendar .calendar-days .day.yellow-light:after {
				background-color: #e5de0b;
}
.reservation-calendar-component .calendar .calendar-days .day.red-light:after {
				background-color: red;
}
@media (min-width: 768px) {
				.reservation-calendar-component .calendar .calendar-days .day:after {
								width: 0.5rem;
								height: 0.5rem;
								right: 1rem;
				}
}
@media (min-width: 992px) {
				.reservation-calendar-component .calendar .calendar-days .day:hover {
								color: #242424;
								background-color: #f5f5f5;
				}
}
.reservation-calendar-component .picktime {
				margin-top: 1.25rem;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 25% 25% 25% 25%;
				grid-template-columns: 25% 25% 25% 25%;
}
.reservation-calendar-component .picktime .time {
				margin: 0.25rem 0;
				padding: 0 0.5rem;
				-webkit-transition: none;
				transition: none;
}
.reservation-calendar-component .picktime .time > .btn {
				padding: 0;
				line-height: 38px;
				width: 100%;
				-webkit-transition: none;
				transition: none;
}
.reservation-calendar-component .picktime .time > .btn:hover {
				color: #242424;
				background-color: #f5f5f5;
				border: 1px solid #ddd;
}
.reservation-calendar-component .picktime .time > .btn:focus, .reservation-calendar-component .picktime .time > .btn:active {
				-webkit-box-shadow: none;
				-ms-box-shadow: none;
				box-shadow: none;
				outline: 0;
}
.reservation-calendar-component .picktime .time.selected > .btn {
				color: #db0706;
				background-color: #fff;
				border-color: #db0706;
}

.coupons {
				background: #fff;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 100%;
				grid-template-columns: 100%;
}
.coupons .coupon {
				margin-bottom: 20px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: stretch;
				    -ms-flex-align: stretch;
				        align-items: stretch;
				-webkit-box-pack: stretch;
				    -ms-flex-pack: stretch;
				        justify-content: stretch;
}
.coupons .coupon > div {
				padding: 10px 20px;
				border-radius: 12px;
}
.coupons .coupon.expired .coupon-intro, .coupons .coupon.used .coupon-intro {
				background-color: #efefef;
}
.coupons .coupon.expired .coupon-intro h4, .coupons .coupon.expired .coupon-intro ul, .coupons .coupon.used .coupon-intro h4, .coupons .coupon.used .coupon-intro ul {
				color: #bdbdbd !important;
}
.coupons .coupon.expired .coupon-value, .coupons .coupon.used .coupon-value {
				color: #afafaf;
				background-color: #d0d0d0;
				background-image: none;
}
.coupons .coupon-intro {
				position: relative;
				background: #f2f7e0;
				-webkit-box-flex: 3;
				    -ms-flex: 3;
				        flex: 3;
}
.coupons .coupon-intro h4 {
				color: #000000;
}
.coupons .coupon-intro ul {
				margin-top: 0.5rem;
				padding-left: 0;
				font-size: 0.8125rem;
				color: #686868;
}
.coupons .coupon-intro ul li {
				margin-bottom: 0.25rem;
}
.coupons .coupon-intro ul li.enabled {
				color: #db0706;
}
.coupons .coupon-intro:after {
				content: "";
				border: 2px dashed #fff;
				height: 100%;
				position: absolute;
				top: 0;
				right: -2px;
				z-index: 2;
}
.coupons .coupon-value {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				position: relative;
				background-image: -webkit-gradient(linear, left bottom, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to top, #db0706, #e5de0b);
				color: #fff;
				font-size: 38px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
.coupons .coupon-value:before {
				content: "";
				width: 24px;
				height: 24px;
				position: absolute;
				top: -12px;
				left: -12px;
				border-radius: 100%;
				background: #fff;
}
.coupons .coupon-value:after {
				content: " ";
				width: 24px;
				height: 24px;
				position: absolute;
				bottom: -12px;
				left: -12px;
				border-radius: 100%;
				background: #fff;
}
@media (min-width: 768px) {
				.coupons {
								margin: 0 -0.5rem;
								-ms-grid-columns: 50% 50%;
								grid-template-columns: 50% 50%;
				}
				.coupons .coupon {
								margin: 0.5rem;
				}
}

.addCoupon {
				margin-bottom: 1.25rem;
}
.addCoupon .control-label {
				margin-right: 0.5rem;
				font-size: 0.9375rem;
				font-weight: normal;
}
.addCoupon .form-control {
				margin-right: 0.5rem;
				width: calc(100% - 5rem - 0.5rem - 5rem - 0.5rem);
				height: 2.625rem;
				font-size: 0.9375rem;
}
@media (min-width: 768px) {
				.addCoupon {
								padding: 1rem;
								border: 1px solid #efefef;
				}
				.addCoupon .form-control {
								width: 300px;
				}
}

.nav-sticky {
				position: sticky;
				top: 0;
				left: 0;
				z-index: 99;
}

.nav {
				padding: 0.625rem 0;
				background-color: #fff;
				-webkit-box-shadow: 0 8px 16px rgba(171, 34, 37, 0.15);
				-ms-box-shadow: 0 8px 16px rgba(171, 34, 37, 0.15);
				box-shadow: 0 8px 16px rgba(171, 34, 37, 0.15);
}
.nav h1 {
				line-height: 0;
}
.nav .logo {
				cursor: pointer;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("0129.png");
		
				background-size: 9.4375rem 2.40625rem;
				width: 9.4375rem;
				height: 2.40625rem;
				background-position: 0 50%;
}
.nav .login-btn--mobile {
				padding: 0 18px;
}
.nav .dropdown-menu--memberCenter .open > a {
				background-color: transparent;
}
.nav .btn-member-center {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("avatar.svg");
				width: 2rem;
				height: 2rem;
				background-size: 2rem 2rem;
				width: 2.5rem;
				height: 2.5rem;
				background-position: 50% 55%;
				border-radius: 2000px;
				background-clip: padding-box;
}
.nav .toggleMenu {
				margin-left: 0.5rem;
				background: transparent;
				border: 0;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("menu.png");
				width: 1.3125rem;
				height: 0.75rem;
				background-size: 2rem 2rem;
				width: 3rem;
				height: 3rem;
				outline: 0;
				-webkit-transition: 0.15s all ease-in-out;
				transition: 0.15s all ease-in-out;
}
.nav .toggleMenu:hover, .nav .toggleMenu:focus, .nav .toggleMenu:active {
			
				background-clip: padding-box;
				background-color: #f7f7f7;
}
.nav .dropdown-menu--memberCenter {
				margin: 0;
				padding: 0;
				position: fixed !important;
				top: 3.75rem;
				left: initial;
				right: 0;
				width: 100%;
				-webkit-box-shadow: 0 0.75rem 1rem 0 #c4d4bc;
				-ms-box-shadow: 0 0.75rem 1rem 0 #c4d4bc;
				box-shadow: 0 0.75rem 1rem 0 #c4d4bc;
}
.nav .dropdown-menu--memberCenter > ul > li > a {
				padding: 0.9375rem 0;
				display: block;
				font-size: 1rem;
				font-weight: 500;
				text-align: center;
				border-bottom: 1px solid #efefef;
}
.nav .dropdown-menu--mainMenu {
				margin: 0 -0.9375rem;
				padding: 1rem 0;
				top: 120%;
				width: calc(100% + 1.875rem);
				-webkit-box-shadow: 0 0.75rem 0.75rem 0 #dbe7d4;
				-ms-box-shadow: 0 0.75rem 0.75rem 0 #dbe7d4;
				box-shadow: 0 0.75rem 0.75rem 0 #dbe7d4;
}
.nav .dropdown-menu--mainMenu > ul > li > a {
				margin-bottom: 1rem;
				padding-bottom: 1rem;
				display: block;
				font-size: 1.25rem;
				font-weight: 500;
				text-align: center;
				border-bottom: 1px solid #efefef;
}
.nav .dropdown-menu--mainMenu .login-register, .nav .dropdown-menu--mainMenu .reservat-now {
				margin-top: 0.75rem;
				text-align: center;
}
.nav .dropdown-menu--mainMenu .login-register a, .nav .dropdown-menu--mainMenu .reservat-now a {
				margin-bottom: 0;
				padding: 0.5rem 1rem;
				display: inline-block !important;
				width: 150px;
				border-radius: 2000px;
				background-clip: padding-box;
}
.nav .dropdown-menu--mainMenu .login-register .reservat-now, .nav .dropdown-menu--mainMenu .reservat-now .reservat-now {
				color: #db0706;
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.nav .dropdown-menu > ul > li > a {
								margin-bottom: 0.5rem;
								padding-bottom: 0.5rem;
								font-size: 1rem;
				}
				.nav .dropdown-menu .reservat-now {
								margin-top: 0.75rem;
				}
				.nav .dropdown-menu .reservat-now a {
								padding: 0.25rem 1rem;
				}
}
@media (min-width: 992px) {
				.nav {
								padding: 0.75rem 0;
				}
				.nav .logo {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("nav/nav_logo.png");
								width: 10.8rem;
								height: 2.75rem;
								background-size: 10.8rem 2.75rem;
								width: 13.5rem;
								height: 3.4375rem;
								background-position: 0 50%;
				}
				.nav .dropdown-menu--mainMenu {
								margin: 0;
								margin-left: auto;
								display: block !important;
								padding: 0;
								position: static;
								width: auto;
								-webkit-box-shadow: none;
								-ms-box-shadow: none;
								box-shadow: none;
				}
				.nav .dropdown-menu--mainMenu > ul {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
				.nav .dropdown-menu--mainMenu > ul > li {
								margin-left: 1.125rem;
				}
				.nav .dropdown-menu--mainMenu > ul > li a {
								margin-bottom: 0;
								padding-bottom: 0;
								font-size: 0.9375rem;
								line-height: 0.9375rem;
								font-weight: 500;
								border: 0;
				}
				.nav .dropdown-menu--mainMenu .login-register, .nav .dropdown-menu--mainMenu .reservat-now {
								margin-top: 0;
								margin-left: 0.625rem;
				}
				.nav .dropdown-menu--mainMenu .login-register > a, .nav .dropdown-menu--mainMenu .reservat-now > a {
								padding: 0 0.75rem;
								width: auto;
								font-size: 0.9375rem;
								line-height: 2.1875rem;
								height: 2.1875rem;
				}
				.nav .dropdown-menu--mainMenu .login-register {
								margin-left: 2rem;
				}
				.nav .dropdown-menu--mainMenu .reservat-now > a {
								line-height: 2rem;
				}
				.nav .dropdown-member-center--pc {
								padding-left: 0.75rem;
								border-left: 1px solid #efefef;
				}
				.nav .dropdown-member-center--pc .btn-member-center--pc {
								padding: 0 12px;
								border-radius: 2000px;
								background-clip: padding-box;
								-ms-user-select: none;
								    user-select: none;
								-webkit-user-select: none;
								-moz-user-select: none;
				}
				.nav .dropdown-member-center--pc .btn-member-center--pc .icon-avatar {
								margin-right: 0.5rem;
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("avatar.svg");
								width: 2rem;
								height: 2rem;
								background-size: 2rem 2rem;
				}
				.nav .dropdown-member-center--pc.open > a {
								background-color: transparent;
				}
				.nav .dropdown-menu--memberCenter---pc {
								padding: 0;
								left: 1rem;
								border-radius: 0.5rem;
								background-clip: padding-box;
								overflow: hidden;
				}
				.nav .dropdown-menu--memberCenter---pc ul > li > a {
								padding: 0.75rem 1rem;
								display: block;
								border-bottom: 1px solid #efefef;
				}
}
@media (min-width: 1599px) {
				.nav {
								padding: 1.25rem 0;
				}
				.nav .logo {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("/index_files/e732abc49aefd6a81d91c45bd62684a.png");
								width: 13.5rem;
								height: 3.4375rem;
								background-size: 13.5rem 3.4375rem;
								width: 13.5rem;
								height: 3.4375rem;
				}
				.nav .dropdown-menu--mainMenu > ul > li {
								margin-left: 2.5rem;
				}
				.nav .dropdown-menu--mainMenu > ul > li a {
								font-size: 1.25rem;
								line-height: 1.125rem;
								font-weight: 500;
				}
				.nav .dropdown-menu--mainMenu .login-register, .nav .dropdown-menu--mainMenu .reservat-now {
								margin-top: 0;
								margin-left: 0.75rem;
				}
				.nav .dropdown-menu--mainMenu .login-register > a, .nav .dropdown-menu--mainMenu .reservat-now > a {
								padding: 0 1.25rem;
								width: auto;
								font-size: 1.25rem;
								line-height: 40px;
								height: 42px;
				}
				.nav .dropdown-menu--mainMenu .login-register {
								margin-left: 3rem;
				}
				.nav .dropdown-menu--mainMenu .reservat-now > a {
								line-height: 37px;
				}
}

.footer {
				padding: 1.875rem 0;
				padding-bottom: 0;
				color: #fff;
				background: -webkit-gradient(linear, right top, left top, from(#db0706), to(#db0706));
				background: linear-gradient(to left, #db0706, #db0706);
}
.footer .footer-logo {
				margin-bottom: 1.5rem;
				display: inline-block;
				background-repeat: no-repeat;
	
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("lfoot.png");
			
				height: 130px;
				background-size: 140px 130px;
				width: 140px;
}




.footer .footer-menu {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 50% 50%;
				grid-template-columns: 50% 50%;
}
.footer .footer-menu li a {
				color: #fff;
				font-size: 1.05rem;line-height: 20px;
}
.footer .contact-info {
				margin-top: 1.25rem;
}

.footer .ewm {
			float: right;width: 200px;height: 65px;margin-right: 50px;
}


.footer .contact-info .contact-info-header {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
.footer .contact-info .fb-link {
				margin-right: 0.9375rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("fb.png");
				width: 1.5625rem;
				height: 1.5625rem;
				background-size: 1.5625rem 1.5625rem;
}
.footer .contact-info .tel {
				font-size: 1.5rem;
				font-family: "Oswald";
				font-weight: 600;
}
.footer .contact-info .info-list {
				margin-top: 0.9375rem;
				text-align: left;
				font-size: 0.9125rem;
				line-height: 1.5rem;
				color: #fff;
}
.footer .contact-info .info-list li {
				margin-bottom: 0.5rem;
}
.footer .contact-info .icon-home {
				margin-right: 0.25rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("home.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}
.footer .contact-info .icon-location {
				margin-right: 0.25rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("location.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}
.footer .contact-info .icon-email {
				margin-right: 0.25rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("email.svg");
				width: 1rem;
				height: 1rem;
				background-size: 1rem 1rem;
				width: 1.5rem;
				height: 1.5rem;
}
.footer .contact-info .icon-phone {
				margin-right: 0.25rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("phone.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}
.footer .copyright {
				margin-top: 1rem;
				padding: 0.75rem 0 1rem 0;
				border-top: 1px solid #fff;
				font-size: 0.75rem;
}
.footer .copyright .social-link .social-link--fb {
				margin-right: 0.5rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("fb.png");
				width: 1.75rem;
				height: 1.75rem;
				background-size: 1.75rem 1.75rem;
}
.footer .copyright .social-link .social-link--line {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("line.svg");
				width: 1.95rem;
				height: 1.95rem;
				background-size: 1.95rem 1.95rem;
				width: 1.75rem;
				height: 1.75rem;
}
@media (min-width: 992px) {
				.footer .responsive-controll {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
				.footer .footer-logo {
								margin-bottom: 0;
								margin-right: 0;
								-webkit-box-ordinal-group: 2;
								    -ms-flex-order: 1;
								        order: 1;
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("ewm.jpg");
								width: 100px;
								height: 100px;
								background-size: 100px 100px;
								background-position: 0 50%;
				}
				.footer .footer-menu {
								margin-left: 10.5rem;
								width: 25%;
								-webkit-box-ordinal-group: 3;
								    -ms-flex-order: 2;
								        order: 2;
				}
				.footer .footer-menu li {
								margin-bottom: 0.5rem;
				}
				.footer .contact-info {
								margin-left: auto;
								-webkit-box-ordinal-group: 3;
								    -ms-flex-order: 2;
								        order: 2;
				}
				.footer .contact-info .info-list {
								text-align: left;
				}
				.footer .contact-us {
								text-align: right;
				}
}

.sections {
				background-image: url("background_m.jpg");
				background-position: center top;
				background-repeat: no-repeat;
				background-size: 100%;
				padding-bottom: 7.5rem;
}
@media (min-width: 992px) {
				.sections {
								padding-bottom: 12.5rem;
								background-image: url("background.jpg");
								background-position: center top;
								background-size: cover;
								background-repeat: no-repeat;
								background-attachment: fixed;
				}
}
@media (min-width: 1199px) {
				.sections {
								padding-bottom: 8.75rem;
				}
}

@media (min-width: 768px) {
				.experienc-now .section-img-container img {
								width: 80vw;
				}
}
@media (min-width: 992px) {
				.experienc-now .section-img-container img {
								width: 60vw;
								max-width: 100%;
				}
}
@media (min-width: 1199px) {
				.experienc-now .section-title {
								margin-bottom: 2.5rem;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
				.experienc-now .section-img-container img {
								width: 760px;
				}
}

.banner {
				padding-top: 2.5rem;
				padding-bottom: 92%;
				position: relative;
				background-color: #f0f7ef;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 50% 100%;
}





.bannermb {
				padding-top: 0.5rem;
				
		
			height: 150px;
			width:100%;
		
			
}









.banner .text-container {
				margin-top: 1.25rem;
				position: relative;
				height: 100%;
}
.banner .background-animation {
				position: absolute;
				left: 0;
				bottom: 0;
				right: 0;
				width: 100%;
}
.banner .animation-landscape {
				display: none;
}
.banner .banner-title {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: start;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				font-size: 2.5rem;
				font-weight: 700;
				font-family: "Noto Sans TC";
				text-align: center;
				color: #353535;
				background-image: -webkit-gradient(linear, right top, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to left, #db0706, #e5de0b);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				opacity: 0;
				-webkit-animation-name: fadeInTop;
				        animation-name: fadeInTop;
				-webkit-animation-duration: 1.5s;
				        animation-duration: 1.5s;
				-webkit-animation-delay: 0.15s;
				        animation-delay: 0.15s;
				-webkit-animation-fill-mode: forwards;
				        animation-fill-mode: forwards;
}
.banner .banner-title .icon-brand-logo {
				margin-top: 0.3125rem;
				margin-right: 0.75rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("logo_v.svg");
				width: 4.0625rem;
				height: 2.8125rem;
				background-size: 4.0625rem 2.8125rem;
}
.banner .banner-sub-title {
				margin-top: 0.3125rem;
				font-size: 1.5rem;
				font-weight: 700;
				color: #383838;
				text-align: center;
				-webkit-animation-name: fadeInTop;
				        animation-name: fadeInTop;
				-webkit-animation-duration: 2.5s;
				        animation-duration: 2.5s;
				-webkit-animation-delay: 0.5s;
				        animation-delay: 0.5s;
				-webkit-animation-fill-mode: forwards;
				        animation-fill-mode: forwards;
				opacity: 0;
}
.banner .reserve-bar {
				-webkit-animation-name: fadeInTop;
				        animation-name: fadeInTop;
				-webkit-animation-duration: 2.8s;
				        animation-duration: 2.8s;
				-webkit-animation-delay: 0.5s;
				        animation-delay: 0.5s;
				-webkit-animation-fill-mode: forwards;
				        animation-fill-mode: forwards;
				opacity: 0;
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.banner {
								padding-top: 0;
								padding-bottom: 0 !important;
								height: calc(100vh - 4.25rem);
				}
				.banner .banner-contents-container {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
				.banner .banner-contents-container .text-container {
								margin-top: calc(50vh - 2.125rem - 4.25rem);
								padding-left: 5%;
								width: 60%;
				}
				.banner .banner-contents-container .banner-title {
								-webkit-box-pack: start;
								    -ms-flex-pack: start;
								        justify-content: start;
				}
				.banner .banner-contents-container .banner-sub-title {
								text-align: left;
				}
				.banner .banner-contents-container .animation-landscape {
								display: block;
				}
				.banner .banner-contents-container .animation-portrait {
								display: none;
				}
}
@media (min-width: 768px) {
				.banner {
								padding-bottom: 100%;
								height: 39vw;
				}
				.banner .banner-title {
								font-size: 3.75rem;
				}
				.banner .banner-title .icon-brand-logo {
								margin-top: 0.5rem;
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("logo_v.svg");
								width: 6.09375rem;
								height: 4.21875rem;
								background-size: 6.09375rem 4.21875rem;
				}
				.banner .banner-sub-title {
								font-size: 1.875rem;
				}
}
@media (min-width: 992px) {
				.banner {
								padding-bottom: 0;
								height: 39vw;
				}
				.banner .banner-contents-container {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
				.banner .banner-contents-container .animation-landscape {
								display: block;
				}
				.banner .banner-contents-container .text-container {
								margin-top: 8%;
								margin-left: 5%;
				}
				.banner .banner-contents-container .banner-title {
								-webkit-box-pack: start;
								    -ms-flex-pack: start;
								        justify-content: start;
				}
				.banner .banner-contents-container .banner-sub-title {
								text-align: left;
				}
}
@media (min-width: 1199px) {
				.banner {
								padding: 0;
								height: 39vw;
				}
				.banner .banner-contents-container {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								height: 60vh;
				}
				.banner .banner-contents-container .text-container {
								margin-top: 20%;
								padding-left: 8vw;
								width: 55%;
				}
				.banner .banner-contents-container .video2023-container {
								width: 45%;
				}
}
@media (min-width: 1599px) {
				.banner {
								height: 35vw;
				}
				.banner .banner-contents-container .banner-title, .banner .banner-contents-container .banner-sub-title {
								text-align: left;
								-webkit-box-pack: start;
								    -ms-flex-pack: start;
								        justify-content: start;
				}
				.banner .banner-contents-container .banner-title {
								font-size: 4.375rem;
				}
				.banner .banner-contents-container .banner-title .icon-brand-logo {
								margin-top: 0;
								margin-right: 1.5rem;
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("logo_v.svg");
								width: 140px;
								height: 97px;
								background-size: 140px 97px;
				}
				.banner .banner-contents-container .banner-sub-title {
								margin-top: 0.9375rem;
								font-size: 2.625rem;
				}
				.banner .banner-contents-container .reserve-bar {
								margin-top: 1.25rem;
								width: 520px;
				}
}

.news {
				padding-top: 0.5rem;
}
@media (min-width: 1199px) {
				.news {
								padding-top: 3vw;
				}
				.news .section-title {
								margin-bottom: 2.5rem;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
				.news .btn-readmore.flex-center {
								-webkit-box-pack: end;
								    -ms-flex-pack: end;
								        justify-content: end;
				}
}

.news-slider {
				margin: 0 -15px;
				margin-top: -0.9375rem;
				margin-bottom: 1.25rem !important;
				padding-left: 0;
}
.news-slider .slick-list {
				padding-right: 12%;
}
.news-slider .slide {
				padding: 0.75rem 0 1rem 1rem;
}
.news-slider .news-item {
				display: block;
				overflow: hidden;
}
.news-slider .news-item .news-thumb {
				padding-bottom: 80%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				background-size: cover;
				background-position: 50% 50%;
				background-repeat: no-repeat;
}
.news-slider .news-item .news-content {
				padding: 0.875rem;
				font-family: "Noto Sans TC";
}
.news-slider .news-item .news-content h5 {
				margin-bottom: 0.5rem;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-height: 1.5rem;
				height: 3rem;
				font-family: "Noto Sans TC";
}
.news-slider .news-item .news-content p {
				color: #7c7c7c;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				line-height: 1.5rem;
				height: 4.5rem;
				font-family: "Noto Sans TC";
}
@media (min-width: 768px) {
				.news-slider {
								padding-left: 1.25rem;
				}
				.news-slider .news-content h5 {
								font-size: 1.125rem;
								line-height: 1.875rem;
				}
				.news-slider .slick-prev {
								left: 0.5rem;
				}
}
@media (min-width: 768px) and (min-width: 1199px) {
				.news-slider .slick-prev {
								left: -12px;
				}
}
@media (min-width: 768px) {
				.news-slider .slick-next {
								right: 0.5rem;
				}
}
@media (min-width: 768px) and (min-width: 1199px) {
				.news-slider .slick-next {
								right: -12px;
				}
}
@media (min-width: 768px) {
				.news-slider .slick-disabled {
								opacity: 0.5;
				}
}
@media (min-width: 768px) {
				.news-slider .slick-next, .news-slider .slick-prev {
								width: 3rem;
								height: 3rem;
								border-radius: 2000px;
								background-clip: padding-box;
								-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
								-ms-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
								box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
								background-color: #f1f9f1;
								z-index: 3;
				}
				.news-slider .slick-next:hover, .news-slider .slick-next:focus, .news-slider .slick-prev:hover, .news-slider .slick-prev:focus {
								background-color: #f1f9f1;
				}
}
@media (min-width: 768px) and (min-width: 1199px) {
				.news-slider .slick-next, .news-slider .slick-prev {
								width: 60px;
								height: 60px;
				}
}
@media (min-width: 768px) {
				.news-slider .slick-prev:before {
								content: "";
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("slide_prev.png");
								width: 0.75rem;
								height: 1.25rem;
								background-size: 0.75rem 1.25rem;
								width: 0.75rem;
								height: 1.25rem;
				}
}
@media (min-width: 768px) {
				.news-slider .slick-next:before {
								content: "";
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("slide_next.png");
								width: 0.75rem;
								height: 1.25rem;
								background-size: 0.75rem 1.25rem;
								width: 0.75rem;
								height: 1.25rem;
				}
}
@media (min-width: 1199px) {
				.news-slider {
								margin-left: 0;
								margin-right: 0;
								padding-left: 0;
				}
				.news-slider .slick-list {
								padding: 0 0.25rem;
				}
				.news-slider .slide {
								padding: 1.25rem 0.75rem;
				}
				.news-slider .news-item .news-content {
								padding: 1rem;
				}
				.news-slider .news-item .news-content h5 {
								margin-bottom: 0.5rem;
								font-size: 1.125rem;
								line-height: 1.875rem;
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
								line-height: 1.875rem;
								height: 1.875rem;
				}
				.news-slider .news-item .news-content p {
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								line-height: 1.875rem;
								height: 3.75rem;
				}
}
@media (min-width: 1599px) {
				.news-slider .news-item .news-content {
								padding: 1.75rem;
				}
}

.news-list {
				margin: 1.5rem -0.5rem;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 50% 50%;
				grid-template-columns: 50% 50%;
}
.news-list .news-item-outer {
				margin-bottom: 1.25rem;
				padding: 0 0.5rem;
}
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.news-list {
								-ms-grid-columns: 33.333% 33.333% 33.333%;
								grid-template-columns: 33.333% 33.333% 33.333%;
				}
}
@media (min-width: 768px) {
				.news-list {
								-ms-grid-columns: 25% 25% 25% 25%;
								grid-template-columns: 25% 25% 25% 25%;
				}
}
@media (min-width: 992px) {
				.news-list {
								margin: 2.5rem -0.75rem;
				}
				.news-list .news-item-outer {
								margin-bottom: 3rem;
								padding: 0 0.75rem;
				}
}

.news-item {
				display: block;
				overflow: hidden;
}
.news-item a {
				display: block;
}
.news-item .news-thumb {
				padding-bottom: 80%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				background-size: cover;
				background-position: 50% 50%;
				background-repeat: no-repeat;
}
.news-item .news-content {
				padding: 0.875rem;
				font-family: "Noto Sans TC";
}
.news-item .news-content h5 {
				margin-bottom: 0.5rem;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-height: 1.5rem;
				height: 3rem;
				font-family: "Noto Sans TC";
}
.news-item .news-content p {
				color: #7c7c7c;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				line-height: 1.5rem;
				height: 4.5rem;
				font-family: "Noto Sans TC";
}
.news-item .news-content .createdDate {
				margin-top: 0.9375rem;
				font-size: 0.8125rem;
				text-align: right;
				color: #7c7c7c;
				font-family: "Noto Sans TC";
}
@media (min-width: 768px) {
				.news-item .news-content h5 {
								font-size: 1.125rem;
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								line-height: 1.875rem;
								height: 3.75rem;
				}
}
@media (min-width: 1199px) {
				.news-item .news-content {
								padding: 1rem;
				}
				.news-item .news-content h5 {
								margin-bottom: 0.5rem;
								font-size: 1.125rem;
								line-height: 1.875rem;
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
								line-height: 1.875rem;
								height: 1.875rem;
				}
				.news-item .news-content p {
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								line-height: 1.875rem;
								height: 3.75rem;
				}
				.news-item .news-content .createdDate {
								font-size: 0.875rem;
				}
}
@media (min-width: 1599px) {
				.news-item .news-content {
								padding: 1.75rem;
				}
}

.news-detail {
				margin-bottom: 5rem;
}
.news-detail h3.news-title {
				margin-bottom: 0.75rem;
				line-height: 2.25rem;
}
.news-detail .createdDate {
				margin-bottom: 0.75rem;
				font-size: 0.875rem;
				color: #7c7c7c;
}
.news-detail .control-bk {
				margin-top: 2.5rem;
}
@media (min-width: 768px) {
				.news-detail .control-bk .btn {
								width: 12.5rem;
				}
}
@media (min-width: 992px) {
				.news-detail {
								margin-top: 2.5rem;
								margin-bottom: 7.5rem;
				}
				.news-detail .control-bk .btn {
								margin-top: 5rem;
				}
				.news-detail h3.news-title {
								font-size: 1.875rem;
								line-height: 2.5rem;
				}
}

.about {
				margin-top: 5.5rem;
}
.about .section-des {
				text-align: center;
}
.about .slogan {
				text-align: center;
}
.about .about-intro {
				margin-bottom: 0.1rem;
}
.about .about-intro .icon {
				border-radius: 2000px;
				background-clip: padding-box;
}
.about .about-intro .about-intro-icon-01 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("about_intro_01.png");
				width: 100px;
				height: 100px;
				background-size: 100px 100px;
}
.about .about-intro .about-intro-icon-02 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("about_intro_02.png");
				width: 100px;
				height: 100px;
				background-size: 100px 100px;
}
.about .about-intro .about-intro-icon-03 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("about_intro_03.png");
				width: 100px;
				height: 100px;
				background-size: 100px 100px;
}
.about .about-intro .about-intro-icon-04 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("about_intro_04.png");
				width: 100px;
				height: 100px;
				background-size: 100px 100px;
}

.about .about-intro .about-intro-icon-05 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("about_intro_05.png");
				width: 100px;
				height: 100px;
				background-size: 100px 100px;
}


@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
				.about .section-des .about-intro {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
				.about .section-des .about-intro > * {
								padding: 0 1.25rem;
								text-align: left;
				}
}
@media (min-width: 768px) {
				.about .section-img-container {
								margin-top: 10%;
				}
				.about .section-des {
								margin-top: 3.25rem;
								display: -ms-grid;
								display: grid;
								-ms-grid-columns: 50% 50%;
								grid-template-columns: 50% 50%;
				}
				.about .section-des .about-intro {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
				.about .section-des .about-intro > * {
								padding-left: 1.25rem;
								text-align: left;
				}
				.about .section-des .about-intro .icon {
								width: 80px;
								height: 80px;
								background-size: cover;
				}
				.about .section-des .about-intro .text {
								width: calc(100% - 80px - 20px);
				}
}
@media (min-width: 1199px) {
				.about {
								margin-top: 4rem;
				}
				.about .section-text-container .section-title {
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
				.about .section-text-container .section-des {
								margin-top: 5rem;
								text-align: left;
				}
				.about .section-text-container .section-des .about-intro .icon {
								width: 100px;
								height: 100px;
								background-size: cover;
				}
				.about .section-text-container .section-des .about-intro .text {
								width: calc(100% - 100px - 20px);
				}
				.about .section-text-container .section-des .about-intro .text p {
								padding-right: 2.5rem;
				}
				.about .section-text-container .slogan {
								margin-bottom: 0;
								text-align: left;
				}
}
.service {
				margin-top: 2rem;
}
@media (min-width: 768px) {
				.service .section-img-container {
								margin-top: 10%;
				}
}
@media (min-width: 992px) {
				.service .section-img-container img {
								max-width: 600px;
				}
}
@media (min-width: 1199px) {
				.service .responsive-controll {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
				.service .section-text-container {
								width: 40%;
								-webkit-box-ordinal-group: 3;
								    -ms-flex-order: 2;
								        order: 2;
				}
				.service .section-img-container {
								margin-top: 0;
								padding-right: 4rem;
								width: 60%;
								-webkit-box-ordinal-group: 2;
								    -ms-flex-order: 1;
								        order: 1;
				}
				.service .section-img-container img {
								max-width: 601px;
				}
}
@media (min-width: 1599px) {
				.service .section-text-container {
								width: 42%;
				}
				.service .section-img-container {
								margin-top: 0;
								padding-right: 6rem;
								width: 58%;
				}
}

.product {
	margin-top: 0.2rem;
}
.product .section-text-container .section-title h2 ,
.product .section-text-container .section-title .title-en {
	white-space:nowrap;
}
@media (min-width: 768px) {
	.product .section-img-container {
		margin-top: 10%;
	}
}
@media (min-width: 992px) {
	.product .section-img-container img {
		max-width: 600px;
	}
}
@media (min-width: 1199px) {
	.product .responsive-controll {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: row-reverse;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
	.product .section-text-container {
		width: 45%;
		-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
				order: 2;
	}
	.product .section-img-container {
		margin-top: 0;
		padding-left: 4rem;
		width: 55%;
		-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
				order: 1;
	}
	.product .section-img-container img {
		max-width: 601px;
	}
}
@media (min-width: 1599px) {
	.product .section-text-container {
		width: 45%;
	}
	.product .section-img-container {
		margin-top: 0;
		padding-left: 6rem;
		width: 55%;
	}
}

.process {
				margin-top: 3.5rem;
}
.process .bg-dialogue {
				margin: 1rem auto;
				max-width: 520px;
}
@media (min-width: 768px) {
				.process .bg-dialogue {
								margin-top: 2.5rem;
				}
}
.process .process-item {
				margin: 0.625rem 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.process .process-item-intro {
				margin-left: 20px;
				width: calc(100% - 120px - 20px);
}
.process .process-item-intro p {
				line-height: 1.5rem;
}
.process .process-item-img-01 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("n7.png");
				width: 120px;
				height: 120px;
				background-size: 120px 120px;
}
.process .process-item-img-02 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("n8.png");
				width: 120px;
				height: 120px;
				background-size: 120px 120px;
}
.process .process-item-img-03 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("n9.png");
				width: 120px;
				height: 120px;
				background-size: 120px 120px;
}
.process .process-item-img-04 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("n10.png");
				width: 120px;
				height: 120px;
				background-size: 120px 120px;
}
.process .process-arrow-01 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("process_arrow_01.png");
				width: 16px;
				height: 44px;
				background-size: 16px 44px;
}
.process .process-arrow-02 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("process_arrow_02.png");
				width: 16px;
				height: 44px;
				background-size: 16px 44px;
}
.process .process-arrow-03 {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("process_arrow_03.png");
				width: 16px;
				height: 44px;
				background-size: 16px 44px;
}
.process .process-arrow {
				width: 100%;
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
}
@media (min-width: 992px) {
				.process .process-list {
								margin-top: 5%;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
				}
				.process .process-item {
								display: block;
								text-align: center;
								width: 20.5%;
				}
				.process .process-item .process-item-intro {
								margin-top: 0.9375rem;
								margin-left: 0;
								min-width: 90%;padding-left:50px;
				}
				.process .process-item .process-item-intro h4 {
								font-size: 1.25rem;
				}
				.process .process-item .process-item-intro p {
								font-size: 0.9375rem;
								text-align: left;
				}
				.process .process-arrow {
								margin-top: 15%;
								width: 6%;
								-webkit-transform: rotate(0deg);
								transform: rotate(0deg);
				}
				.process .process-item-img-01 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_01.png");
								width: 160px;
								height: 160px;
								background-size: 160px 160px;
				}
				.process .process-item-img-02 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_02.png");
								width: 160px;
								height: 160px;
								background-size: 160px 160px;
				}
				.process .process-item-img-03 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_03.png");
								width: 160px;
								height: 160px;
								background-size: 160px 160px;
				}
				.process .process-item-img-04 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_04.png");
								width: 160px;
								height: 160px;
								background-size: 160px 160px;
				}
}
@media (min-width: 1199px) {
				.process .section-title {
								margin-bottom: 2.5rem;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
				.process .process-item-intro h4 {
								margin-top: 1.25rem;
								margin-bottom: 1.25rem;
				}
				.process .process-item-img-01 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_01.png");
								width: 200px;
								height: 200px;
								background-size: 200px 200px;
				}
				.process .process-item-img-02 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_02.png");
								width: 200px;
								height: 200px;
								background-size: 200px 200px;
				}
				.process .process-item-img-03 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_03.png");
								width: 200px;
								height: 200px;
								background-size: 200px 200px;
				}
				.process .process-item-img-04 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("charging_process_img_04.png");
								width: 200px;
								height: 200px;
								background-size: 200px 200px;
				}
}
@media (min-width: 1599px) {
				.process .process-item-img-01 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("n7.png");
								width: 240px;
								height: 240px;
								background-size: 240px 240px;
				}
				.process .process-item-img-02 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("n8.png");
								width: 240px;
								height: 240px;
								background-size: 240px 240px;
				}
				.process .process-item-img-03 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("n9.png");
								width: 240px;
								height: 240px;
								background-size: 240px 240px;
				}
				.process .process-item-img-04 {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("n10.png");
								width: 240px;
								height: 240px;
								background-size: 240px 240px;
				}
}

.modal-car-position .modal-body {
				height: 75vh;
				overflow-y: scroll;
}
@media (min-width: 768px) {
				.modal-car-position .modal-body {
								height: 50vh;
				}
}

.pricing {
				margin: 2rem auto;
				padding: 0rem;
				width: 90%;
				max-width: 1100px;
				background-color: #fff;
}
.pricing .pricing-list {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 100%;
				grid-template-columns: 100%;
}
.pricing .pricing-list .pricing-item {
				margin-bottom: 3rem;
}
.pricing .pricing-list .pricing-item .title {
				font-size: 1rem;
				color: #797979;
				font-weight: 300;
}
.pricing .pricing-list .pricing-item .content {
				line-height: 1;
}
.pricing .pricing-list .pricing-item .content .price {
				font-size: 50px;
				font-weight: 500;
				color: #95c441;
}
.pricing .pricing-list .pricing-item .content .unit {
				margin-left: 0.5rem;
				font-size: 1.5rem;
				font-weight: 500;
				color: #2c2c2c;
}
@media (min-width: 768px) {
				.pricing {
								padding-bottom: 4rem;
				}
				.pricing .section-title {
								margin-bottom: 4.5rem;
								-webkit-box-pack: center !important;
								    -ms-flex-pack: center !important;
								        justify-content: center !important;
				}
				.pricing .pricing-list {
								-ms-grid-columns: 33.333% 33.333% 33.333%;
								grid-template-columns: 33.333% 33.333% 33.333%;
				}
				.pricing .pricing-list .pricing-item {
								-ms-grid-column-align: center;
								    justify-self: center;
				}
				.pricing .pricing-list .pricing-item .title {
								margin-bottom: 0.5rem;
				}
				.pricing .pricing-list .pricing-item .content .price {
								font-size: 50px;
				}
				.pricing .pricing-list .pricing-item .content .unit {
								font-size: 1rem;
				}
				.pricing .text-notice {
								margin: 0 auto;
								margin-top: 1.25rem;
								text-align: center;
								width: 520px;
				}
}
@media (min-width: 992px) {
				.pricing {
								margin-top: 100px;
				}
}

.reservation-view .pricing {
				width: 100%;
}

.recommened-slider {
				margin: 3.5rem -0.9375rem;
}
.recommened-slider .slick-list {
				padding-right: 20%;
}
.recommened-slider .slide {
				padding: 0.75rem 0 1rem 1rem;
}
@media (min-width: 768px) {
				.recommened-slider .slick-list {
								padding-right: 15%;
				}
				.recommened-slider .slick-prev {
								left: 0.5rem;
				}
}
@media (min-width: 768px) and (min-width: 1199px) {
				.recommened-slider .slick-prev {
								left: 30px;
				}
}
@media (min-width: 768px) {
				.recommened-slider .slick-next {
								right: 0.5rem;
				}
}
@media (min-width: 768px) and (min-width: 1199px) {
				.recommened-slider .slick-next {
								right: 30px;
				}
}
@media (min-width: 768px) {
				.recommened-slider .slick-disabled {
								opacity: 0.5;
				}
}
@media (min-width: 768px) {
				.recommened-slider .slick-next, .recommened-slider .slick-prev {
								width: 3rem;
								height: 3rem;
								border-radius: 2000px;
								background-clip: padding-box;
								-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
								-ms-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
								box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
								background-color: #f1f9f1;
								z-index: 3;
				}
				.recommened-slider .slick-next:hover, .recommened-slider .slick-next:focus, .recommened-slider .slick-prev:hover, .recommened-slider .slick-prev:focus {
								background-color: #f1f9f1;
				}
}
@media (min-width: 768px) and (min-width: 1199px) {
				.recommened-slider .slick-next, .recommened-slider .slick-prev {
								width: 60px;
								height: 60px;
				}
}
@media (min-width: 768px) {
				.recommened-slider .slick-prev:before {
								content: "";
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("slide_prev.png");
								width: 0.75rem;
								height: 1.25rem;
								background-size: 0.75rem 1.25rem;
								width: 0.75rem;
								height: 1.25rem;
				}
}
@media (min-width: 768px) {
				.recommened-slider .slick-next:before {
								content: "";
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("slide_next.png");
								width: 0.75rem;
								height: 1.25rem;
								background-size: 0.75rem 1.25rem;
								width: 0.75rem;
								height: 1.25rem;
				}
}
@media (min-width: 1599px) {
				.recommened-slider {
								margin-top: 120px;
								margin-bottom: 120px;
				}
}

.recommened-item {
				padding: 1rem;
}
@media (min-width: 1199px) {
				.recommened-item {
								padding: 1.75rem;
				}
}
.recommened-item .avatar {
				margin-right: 1.125rem;
				width: 4rem;
				height: 4rem;
				background-position: 50% 50%;
				background-size: cover;
				background-repeat: no-repeat;
}
.recommened-item .info .name {
				margin-bottom: 0;
				font-size: 1.25rem;
				font-weight: 700;
				letter-spacing: 0;
				color: #3e3e3e;
}
.recommened-item .info .position {
				font-size: 13px;
				font-weight: 400;
				color: #828282;
}
.recommened-item .content {
				margin-top: 0.9375rem;
}

.recommended {
				margin-top: 5.5rem;
}
@media (min-width: 992px) {
				.recommended {
								margin-top: 6.5rem;
				}
}
@media (min-width: 1199px) {
				.recommended {
								margin-top: 3.5rem;
				}
				.recommended .section-title {
								margin-bottom: 2.5rem;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
}

.reservation-banner {
				background-image: url("banner_reservation_m.jpg");
}
@media (min-width: 768px) {
				.reservation-banner {
								background-image: url("banner_reservation.jpg");
				}
}

.reservation-form {
				padding-bottom: 5rem;
}
.reservation-form .input_datetimepicker {
				cursor: pointer;
}
.reservation-form .form-header {
				margin: 40px 0 20px 0;
				text-align: center;
				font-size: 1.25rem;
				font-weight: 500;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: start;
}
.reservation-form .form-header .icon-take-reservation {
				margin-right: 0.75rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("icon_take_reservation.png");
				width: 1.7rem;
				height: 1.9rem;
				background-size: 1.7rem 1.9rem;
}
@media (min-width: 768px) {
				.reservation-form .form-header {
								margin-top: 0;
				}
}
@media (min-width: 992px) {
				.reservation-form .form-header {
								font-size: 1.5rem;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
				.reservation-form .form-header .icon-take-reservation {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("icon_take_reservation.png");
								width: 2.125rem;
								height: 2.375rem;
								background-size: 2.125rem 2.375rem;
				}
}
@media (min-width: 1199px) {
				.reservation-form .form-header {
								margin-top: 0;
								margin-bottom: 1.5rem;
				}
}
.reservation-form .form-group.address {
				margin-bottom: 0.5rem;
}
.reservation-form .form-group.address .address-select {
				margin: 0 -8px 8px -8px;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 50% 50%;
				grid-template-columns: 50% 50%;
}
.reservation-form .form-group.address .address-select .select-container {
				padding: 0 0.5rem 0.5rem 0.5rem;
}
.reservation-form .address-detail-label {
				display: none;
}
.reservation-form .btn-send-reservation {
				display: block;
				width: 100%;
				text-align: center;
}
@media (min-width: 768px) {
				.reservation-form {
								margin-bottom: 5rem;
								padding: 30px;
								border: 1px solid #efefef;
								border-radius: 0.75rem;
								background-clip: padding-box;
				}
				.reservation-form .container {
								max-width: 700px;
				}
}
@media (min-width: 992px) {
				.reservation-form {
								padding: 30px 60px;
				}
}
@media (min-width: 1599px) {
				.reservation-form {
								padding: 30px 60px;
				}
				.reservation-form .container {
								max-width: 1300px;
								padding: 4rem 4rem;
				}
				.reservation-form .btn-send-reservation {
								width: 100%;
				}
}

.table-payment-info th, .table-payment-info td {
				padding: 8px 0.9375rem !important;
				vertical-align: middle !important;
}
.table-payment-info th {
				width: 150px;
				font-weight: 500;
				text-align: right;
				vertical-align: middle;
				background-color: #f5fff0;
}
.table-payment-info .select-coupon .control-label {
				width: 120px;
				font-size: 15px;
}
.table-payment-info .select-coupon .form-control {
				border-radius: 0;
				background-clip: padding-box;
}
.table-payment-info .count-money li {
				margin-bottom: 0.25rem;
				text-align: right;
}
.table-payment-info .count-money li span:first-child {
				width: 6.25rem;
}
.table-payment-info .count-money li span.num {
				display: inline-block;
				width: 5rem;
}
.table-payment-info .count-money li .color-price {
				font-size: 1.125rem;
				font-weight: bold;
}

.collapse.collapse-lv-2 {
				margin: 0.5rem 0;
				padding: 0.5rem 1.25rem;
				padding-left: 1.5rem;
				background-color: #efefef;
}
.collapse.collapse-lv-2 .radio {
				margin-bottom: 1rem;
}

.myprofile-banner {
				background-image: url("banner_myprofile_m.jpg");
}
@media (min-width: 768px) {
				.myprofile-banner {
								background-image: url("banner_myprofile.jpg");
				}
}

.myprofile-form {
				padding-bottom: 5rem;
}
.myprofile-form .input_datetimepicker {
				cursor: pointer;
}
.myprofile-form .form-header {
				margin: 40px 0 20px 0;
				text-align: center;
				font-size: 1.25rem;
				font-weight: 500;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: start;
}
.myprofile-form .form-header .icon-take-reservation {
				margin-right: 0.75rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("icon_take_reservation.png");
				width: 1.7rem;
				height: 1.9rem;
				background-size: 1.7rem 1.9rem;
}
@media (min-width: 768px) {
				.myprofile-form .form-header {
								margin-top: 0;
				}
}
@media (min-width: 992px) {
				.myprofile-form .form-header {
								font-size: 1.5rem;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
				.myprofile-form .form-header .icon-take-reservation {
								display: inline-block;
								background-repeat: no-repeat;
								background-position: 50% 50%;
								background-size: cover;
								background-position: 50% 50%;
								background-image: url("icon_take_reservation.png");
								width: 2.125rem;
								height: 2.375rem;
								background-size: 2.125rem 2.375rem;
				}
}
@media (min-width: 1199px) {
				.myprofile-form .form-header {
								margin-top: 0;
								margin-bottom: 3.75rem;
				}
}
.myprofile-form .form-group.address {
				margin-bottom: 0.5rem;
}
.myprofile-form .form-group.address .address-select {
				margin: 0 -8px 8px -8px;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 50% 50%;
				grid-template-columns: 50% 50%;
}
.myprofile-form .form-group.address .address-select .select-container {
				padding: 0 0.5rem 0.5rem 0.5rem;
}
.myprofile-form .address-detail-label {
				display: none;
}
.myprofile-form .btn-send-reservation {
				display: block;
				width: 100%;
				text-align: center;
}
@media (min-width: 768px) {
				.myprofile-form {
								margin-bottom: 5rem;
								padding: 30px;
								border: 1px solid #efefef;
								border-radius: 0.75rem;
								background-clip: padding-box;
				}
				.myprofile-form .container {
								max-width: 700px;
				}
}
@media (min-width: 992px) {
				.myprofile-form {
								padding: 40px;
				}
}
@media (min-width: 1599px) {
				.myprofile-form {
								padding: 40px 40px;
				}
				.myprofile-form .container {
								max-width: 1300px;
								padding: 4rem 4rem;
				}
				.myprofile-form .btn-send-reservation {
								width: 100%;
				}
}

.modal-login-register .modal-content {
				width: 100%;
				border: none;
}
.modal-login-register .modal-body {
				padding-bottom: 2rem;
}
.modal-login-register .modal-body .login-modal--logo {
				margin: -1rem;
				padding: 10% 0;
				background-image: -webkit-gradient(linear, left bottom, left top, from(#db0706), to(#e5de0b));
				background-image: linear-gradient(to top, #db0706, #e5de0b);
}
.modal-login-register .modal-body .login-modal--logo .logo {
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("logo_v_w.svg");
				width: 17.8125rem;
				height: 7.5rem;
				background-size: 17.8125rem 7.5rem;
}
.modal-login-register .modal-body .login-modal--des {
				margin-top: 3rem;
				font-weight: bold;
				text-align: center;
}
.modal-login-register .modal-body .login-modal--btns {
				margin-top: 0.75rem;
}
.modal-login-register .modal-body .login-modal--btns .btn {
				margin-bottom: 0.5rem;
				padding-left: 26%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
.modal-login-register .modal-body .login-modal--btns .icon-fb {
				margin-right: 0.5rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("facebook.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}
.modal-login-register .modal-body .login-modal--btns .icon-line {
				margin-right: 0.5rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("line.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}
.modal-login-register .modal-body .login-modal--btns .icon-google {
				margin-right: 0.5rem;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: cover;
				background-position: 50% 50%;
				background-image: url("google.svg");
				width: 1.5rem;
				height: 1.5rem;
				background-size: 1.5rem 1.5rem;
}

.member-sideMenu {
				margin-bottom: 5rem;
				padding: 0;
				border: 1px solid #efefef;
				border-radius: 0.75rem;
				background-clip: padding-box;
}
.member-sideMenu li > a {
				padding: 0.75rem 1.5rem;
				position: relative;
				display: block;
				font-size: 1rem;
				border-bottom: 1px solid #efefef;
}
.member-sideMenu li > a:hover {
				background-color: #f4f4f4;
}
.member-sideMenu li:last-child a {
				border: none;
}
.member-sideMenu li.current a {
				font-weight: bold;
}
.member-sideMenu li.current a:after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 4px;
				height: 45px;
				background-color: #db0706;
}
.member-sideMenu li.current:first-child a:after {
				border-radius: 12px 0 0 0;
}

/* Slider */
.slick-slider {
				position: relative;
				display: block;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				-ms-touch-action: pan-y;
				touch-action: pan-y;
				-webkit-tap-highlight-color: transparent;
}

.slick-list {
				position: relative;
				overflow: hidden;
				display: block;
				margin: 0;
				padding: 0;
}
.slick-list:focus {
				outline: none;
}
.slick-list.dragging {
				cursor: pointer;
				cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
}

.slick-track {
				position: relative;
				left: 0;
				top: 0;
				display: block;
				margin-left: auto;
				margin-right: auto;
}
.slick-track:before, .slick-track:after {
				content: "";
				display: table;
}
.slick-track:after {
				clear: both;
}
.slick-loading .slick-track {
				visibility: hidden;
}

.slick-slide {
				float: left;
				height: 100%;
				min-height: 1px;
				display: none;
}
[dir=rtl] .slick-slide {
				float: right;
}
.slick-slide.slick-loading img {
				display: none;
}
.slick-slide.dragging img {
				pointer-events: none;
}
.slick-initialized .slick-slide {
				display: block;
}
.slick-loading .slick-slide {
				visibility: hidden;
}
.slick-vertical .slick-slide {
				display: block;
				height: auto;
				border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
				display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
				position: absolute;
				display: block;
				width: 30px;
				height: 55px;
				line-height: 0px;
				font-size: 0px;
				cursor: pointer;
				background: transparent;
				color: transparent;
				top: 50%;
				-webkit-transform: translate(0, -50%);
				transform: translate(0, -50%);
				padding: 0;
				border: none;
				outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
				outline: none;
				background: transparent;
				color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
				opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
				opacity: 1;
}
.slick-prev:before,
.slick-next:before {
				font-family: "slick";
				font-size: 20px;
				line-height: 1;
				color: white;
				opacity: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
				left: 0;
}
[dir=rtl] .slick-prev {
				left: auto;
				right: 0;
}
.slick-prev:before {
				content: "←";
}
[dir=rtl] .slick-prev:before {
				content: "→";
}

.slick-next {
				right: 0;
}
[dir=rtl] .slick-next {
				left: 0;
				right: auto;
}
.slick-next:before {
				content: "→";
}
[dir=rtl] .slick-next:before {
				content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
				margin-bottom: 0;
}

.slick-dots {
				position: absolute;
				bottom: 1.875em;
				list-style: none;
				display: block;
				text-align: center;
				padding: 0;
				margin: 0;
				width: 100%;
}
.slick-dots li {
				position: relative;
				display: inline-block;
				height: 12px;
				width: 12px;
				margin: 0 5px;
				padding: 0;
				cursor: pointer;
}
.slick-dots li button {
				border: 0;
				background: transparent;
				display: block;
				height: 12px;
				width: 12px;
				outline: none;
				line-height: 0px;
				font-size: 0px;
				color: transparent;
				padding: 5px;
				cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
				outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
				opacity: 1;
}
.slick-dots li button:before {
				position: absolute;
				top: 0;
				left: 0;
				content: "";
				width: 12px;
				height: 12px;
				line-height: 12px;
				text-align: center;
				border: 1px solid;
				border-color: #fff;
				border-radius: 50%;
				background-clip: padding-box;
}
.slick-dots li.slick-active button:before {
				background-color: #fff;
				opacity: 1;
}

@media (min-width: 768px) {
				.slick-dots {
								bottom: 25px;
				}
}
/*# sourceMappingURL=all.css.map */