@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);*/
@font-face {
  font-family: "Chronicle Display";
  src: url("../eot/chronicledisplay-roman.eot");
  src: url("../eot/chronicledisplay-romand41d.eot#iefix") format("embedded-opentype"), url("../woff2/chronicledisplay-roman.woff2") format("woff2"), url("../woff/chronicledisplay-roman.woff") format("woff"), url("../ttf/chronicledisplay-roman.ttf") format("truetype"), url("../svg/chronicledisplay-roman.svg#ChronicleDisplay-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Chronicle Display";
  src: url("../eot/chronicledisplay-semi.eot");
  src: url("../eot/chronicledisplay-semid41d.eot#iefix") format("embedded-opentype"), url("../woff2/chronicledisplay-semi.woff2") format("woff2"), url("../woff/chronicledisplay-semi.woff") format("woff"), url("../ttf/chronicledisplay-semi.ttf") format("truetype"), url("../svg/chronicledisplay-semi.svg#ChronicleDisplay-Semi") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-black.eot");
  src: url("../eot/urbanist-blackd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-black.woff2") format("woff2"), url("../woff/urbanist-black.woff") format("woff"), url("../ttf/urbanist-black.ttf") format("truetype"), url("../svg/urbanist-black.svg#Urbanist-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-regular.eot");
  src: url("../eot/urbanist-regulard41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-regular.woff2") format("woff2"), url("../woff/urbanist-regular.woff") format("woff"), url("../ttf/urbanist-regular.ttf") format("truetype"), url("../svg/urbanist-regular.svg#Urbanist-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-semibold.eot");
  src: url("../eot/urbanist-semiboldd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-semibold.woff2") format("woff2"), url("../woff/urbanist-semibold.woff") format("woff"), url("../ttf/urbanist-semibold.ttf") format("truetype"), url("../svg/urbanist-semibold.svg#Urbanist-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-thin.eot");
  src: url("../eot/urbanist-thind41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-thin.woff2") format("woff2"), url("../woff/urbanist-thin.woff") format("woff"), url("../ttf/urbanist-thin.ttf") format("truetype"), url("../svg/urbanist-thin.svg#Urbanist-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-thinitalic.eot");
  src: url("../eot/urbanist-thinitalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-thinitalic.woff2") format("woff2"), url("../woff/urbanist-thinitalic.woff") format("woff"), url("../ttf/urbanist-thinitalic.ttf") format("truetype"), url("../svg/urbanist-thinitalic.svg#Urbanist-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-semibolditalic.eot");
  src: url("../eot/urbanist-semibolditalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-semibolditalic.woff2") format("woff2"), url("../woff/urbanist-semibolditalic.woff") format("woff"), url("../ttf/urbanist-semibolditalic.ttf") format("truetype"), url("../svg/urbanist-semibolditalic.svg#Urbanist-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-lightitalic.eot");
  src: url("../eot/urbanist-lightitalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-lightitalic.woff2") format("woff2"), url("../woff/urbanist-lightitalic.woff") format("woff"), url("../ttf/urbanist-lightitalic.ttf") format("truetype"), url("../svg/urbanist-lightitalic.svg#Urbanist-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-mediumitalic.eot");
  src: url("../eot/urbanist-mediumitalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-mediumitalic.woff2") format("woff2"), url("../woff/urbanist-mediumitalic.woff") format("woff"), url("../ttf/urbanist-mediumitalic.ttf") format("truetype"), url("../svg/urbanist-mediumitalic.svg#Urbanist-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-extralightitalic.eot");
  src: url("../eot/urbanist-extralightitalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-extralightitalic.woff2") format("woff2"), url("../woff/urbanist-extralightitalic.woff") format("woff"), url("../ttf/urbanist-extralightitalic.ttf") format("truetype"), url("../index.html#Urbanist-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-italic.eot");
  src: url("../eot/urbanist-italicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-italic.woff2") format("woff2"), url("../woff/urbanist-italic.woff") format("woff"), url("../ttf/urbanist-italic.ttf") format("truetype"), url("../svg/urbanist-italic.svg#Urbanist-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-extrabold.eot");
  src: url("../eot/urbanist-extraboldd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-extrabold.woff2") format("woff2"), url("../woff/urbanist-extrabold.woff") format("woff"), url("../ttf/urbanist-extrabold.ttf") format("truetype"), url("../svg/urbanist-extrabold.svg#Urbanist-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-light.eot");
  src: url("../eot/urbanist-lightd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-light.woff2") format("woff2"), url("../woff/urbanist-light.woff") format("woff"), url("../ttf/urbanist-light.ttf") format("truetype"), url("../svg/urbanist-light.svg#Urbanist-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-bolditalic.eot");
  src: url("../eot/urbanist-bolditalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-bolditalic.woff2") format("woff2"), url("../woff/urbanist-bolditalic.woff") format("woff"), url("../ttf/urbanist-bolditalic.ttf") format("truetype"), url("../svg/urbanist-bolditalic.svg#Urbanist-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-medium.eot");
  src: url("../eot/urbanist-mediumd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-medium.woff2") format("woff2"), url("../woff/urbanist-medium.woff") format("woff"), url("../ttf/urbanist-medium.ttf") format("truetype"), url("../svg/urbanist-medium.svg#Urbanist-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-extrabolditalic.eot");
  src: url("../eot/urbanist-extrabolditalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-extrabolditalic.woff2") format("woff2"), url("../woff/urbanist-extrabolditalic.woff") format("woff"), url("../ttf/urbanist-extrabolditalic.ttf") format("truetype"), url("../svg/urbanist-extrabolditalic.svg#Urbanist-ExtraBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-extralight.eot");
  src: url("../eot/urbanist-extralightd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-extralight.woff2") format("woff2"), url("../woff/urbanist-extralight.woff") format("woff"), url("../ttf/urbanist-extralight.ttf") format("truetype"), url("../svg/urbanist-extralight.svg#Urbanist-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-blackitalic.eot");
  src: url("../eot/urbanist-blackitalicd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-blackitalic.woff2") format("woff2"), url("../woff/urbanist-blackitalic.woff") format("woff"), url("../ttf/urbanist-blackitalic.ttf") format("truetype"), url("../svg/urbanist-blackitalic.svg#Urbanist-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../eot/urbanist-bold.eot");
  src: url("../eot/urbanist-boldd41d.eot#iefix") format("embedded-opentype"), url("../woff2/urbanist-bold.woff2") format("woff2"), url("../woff/urbanist-bold.woff") format("woff"), url("../ttf/urbanist-bold.ttf") format("truetype"), url("../svg/urbanist-bold.svg#Urbanist-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.bg-gray, .content-wrapper.bg-gray {
  background-color: #F6F6F6;
}

.bg-white {
  background-color: #ffffff;
}

.margin-t-0, .content-wrapper .form-wrapper .btn-wrapper.margin-t-0 {
  margin-top: 15px;
}

.margin-t-15, .content-wrapper .form-wrapper .btn-wrapper.margin-t-15 {
  margin-top: 15px;
}

.margin-t-20, .content-wrapper .form-wrapper .btn-wrapper.margin-t-20 {
  margin-top: 20px;
}

.margin-t-50, .content-wrapper .form-wrapper .btn-wrapper.margin-t-50 {
  margin-top: 50px;
}

.margin-b-0, h2.margin-b-0, .form-field-error.margin-b-0, .w1400.margin-b-0, .w1200.margin-b-0, .m-b-0.circle-box-wrapper, .content-wrapper.thank-you .w888.form-wrapper.w-full.margin-b-0 {
  margin-bottom: 0px;
}

.margin-b-10, h2.margin-b-10, h3.margin-b-10 {
  margin-bottom: 10px;
}

.margin-b-15, h2.margin-b-15, h3.margin-b-15 {
  margin-bottom: 15px;
}

.margin-b-20, h2.margin-b-20, h3.margin-b-20 {
  margin-bottom: 20px;
}

.margin-b-30, h2.margin-b-30, h3.margin-b-30 {
  margin-bottom: 30px;
}

.margin-b-50, h2.margin-b-50, h3.margin-b-50, .form-group.margin-b-50 {
  margin-bottom: 50px;
}

.margin-b-80, .my-account-content-wrapper .w791.margin-b-80 {
  margin-bottom: 80px;
}

.margin-b-100, h2.margin-b-100, h3.margin-b-100, .circle-box-wrapper.margin-b-100, .accordion-wrapper.margin-b-100 {
  margin-bottom: 100px;
}

.margin-b-120, .w830.margin-b-120 {
  margin-bottom: 120px;
}

.margin-b-150, .w830.margin-b-150 {
  margin-bottom: 150px;
}

.p-lr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

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

.p-t-0, .button.p-t-0 {
  padding-top: 0px;
}

.content-wrapper.thank-you .w888.form-wrapper.w-full.p-b-0 {
  padding-bottom: 0px;
}

.p-b-20, h1.p-b-20, .content-wrapper h1.p-b-20 {
  padding-bottom: 20px;
}

.p-b-30, .content-wrapper.thank-you .w586.form-wrapper.w-full.p-b-30 {
  padding-bottom: 30px;
}

* {
  box-sizing: border-box;
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none;
}

html {
  margin: 0px;
  padding: 0px;
}

/*html.fixed body { position:fixed; width:100%; height:100%; overflow:hidden; }*/
body {
  margin: 0px;
  padding: 0px;
  color: #111111;
  font-style: normal;
  font-family: "Urbanist", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 30px;
  background-size: 100% auto;
  background-color: #ffffff;
}

a {
  color: #836A09;
}

a:hover {
  color: #111111;
  text-decoration: underline;
}

a:hover .button {
  background-color: #836A09;
  border-color: #836A09;
  color: #ffffff;
}

a:hover .button.style-border {
  border-color: #836A09;
}

.content-wrapper .form-wrapper a.btn-add-guest {
  display: inline-block;
  text-decoration: none;
}

.content-wrapper .form-wrapper a.btn-add-guest .button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
}

.content-wrapper .form-wrapper a.btn-add-guest .icon-add {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: center;
  background-size: contain;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_add.svg");
}

a:hover .icon-add {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_add_white.svg");
}

.upper {
  text-transform: uppercase;
}

.asterisk {
  color: #F53245;
}

.weight-light {
  font-weight: 300;
}

.bold {
  font-weight: bold;
}

.semibold {
  font-weight: 600;
}

.medium {
  font-weight: 500;
}

.underline {
  text-decoration: underline;
}

.clear {
  clear: both;
}

.clearfix:after, .form-group:after, .checkbox-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.align-l, .intro.align-l, .title.align-l, .btn-wrapper.align-l, .registration-details .table-wrapper .table-content.align-l {
  text-align: left;
}

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

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

.justify-c {
  justify-content: center;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.nowrap, .desktop-nowrap {
  white-space: nowrap;
}

.desktop-display {
  display: block;
}

.mobile-display {
  display: none;
}

.ipad-display {
  display: none;
}

.compulsory {
  font-size: 15px;
  font-weight: normal;
}

.btn-close {
  --bs-btn-close-bg:none;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
  float: left;
}

.col-12 .col-12 {
  padding: 0px;
}

.col-12 .col-1, .col-12 .col-2, .col-12 .col-3, .col-12 .col-4, .col-12 .col-5, .col-12 .col-6,
.col-12 .col-7, .col-12 .col-8, .col-12 .col-9, .col-12 .col-10, .col-12 .col-11, .col-12 .col-12 {
  padding: 0px;
}

::-webkit-input-placeholder {
  color: #808080;
  font-size: 13px; /* Chrome/Opera/Safari */
}

::-moz-placeholder {
  color: #808080;
  font-size: 13px; /* Firefox 19+ */
}

:-ms-input-placeholder {
  color: #808080;
  font-size: 13px; /* IE 10+ */
}

:-moz-placeholder {
  color: #808080;
  font-size: 13px; /* Firefox 18- */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input {
  font-family: "Urbanist", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #111111;
  width: 100%;
  line-height: 43px;
  height: 43px;
  border: none;
  outline: none;
  padding: 0px 15px;
  outline: 0;
  text-align: left;
  background-color: transparent;
}

input[disabled=disabled] {
  border: none;
  background-color: #f2f2f2;
  color: #7f7f7f;
}

textarea {
  font-family: "Urbanist", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #111111;
  font-size: 16px;
  width: 100%;
  border: none;
  line-height: 43px;
  height: 160px;
  padding: 5px 15px;
  outline: 0;
  text-align: left;
  background-color: transparent;
  resize: none;
}

select::-ms-expand {
  display: none;
} /* For IE10 */
select.default, select option:first-child {
  color: #CDCDCD;
}

select {
  font-family: "Urbanist", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #111111;
  background-color: transparent;
  width: 100%;
  line-height: 43px;
  height: 43px;
  padding: 0px 15px;
  border: none;
  outline: 0px;
  text-align: left;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/pulldown.svg?v=2309131847?v202104091046");
  background-size: 9px auto;
  background-position: calc(100% - 15px) center;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_down.svg?v=2309131847");
  background-size: 20px 20px;
  background-position: right center;
}

select[disabled=disabled] {
  border: none;
  background-color: #f2f2f2;
  color: #7f7f7f;
  opacity: 1;
}

.no-display, .no-display.radio-wrapper {
  display: none;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

h1 {
  padding: 60px 0px 50px;
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 35px;
  line-height: 35px;
  margin: 0px;
}

h2, h1.h2, .content-wrapper h1.h2 {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 35px;
  line-height: 50px;
  margin-bottom: 14px;
}

.content-wrapper h1.h2 {
  padding: 0px;
}

h3 {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 30px;
}

h4 {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0px;
}

h1.font30, h2.font30 {
  font-size: 30px;
  line-height: 33px;
}

h1.font40, h2.font40 {
  font-size: 40px;
  line-height: 50px;
}

h1.font50, h2.font50 {
  font-size: 50px;
  line-height: 60px;
}

h1.font24, h2.font24, .font24 {
  font-size: 24px;
  line-height: 29px;
}

.font35, h2.font35 {
  font-size: 35px;
  line-height: 35px;
}

.font20 {
  font-size: 20px;
}

.font18 {
  font-size: 18px;
}

.font14 {
  font-size: 14px;
}

.color-brown {
  color: #836A09;
}

.header-wrapper-bg {
  display: none;
}

.header-wrapper {
  position: relative;
  text-transform: uppercase;
  width: 100%;
  background-color: #ffffff;
  font-size: 15px;
  z-index: 3;
}
.header-wrapper .logo-wrapper {
  text-align: center;
  margin-top: 25px;
}
.header-wrapper .logo-wrapper .logo {
  width: 269px;
  height: 16px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icon_logo.svg?v=2309131847");
  background-position: center;
  background-size: contain;
  margin: 0px auto;
}
.header-wrapper .tool-bar-wrapper {
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  font-weight: normal;
  text-align: right;
  line-height: 45px;
  padding: 0px 37px;
}
.header-wrapper .tool-bar-wrapper a {
  color: #ffffff;
  text-decoration: none;
}
.header-wrapper .tool-bar-wrapper .seperater {
  padding: 0px 24px;
}
.header-wrapper .tool-bar-wrapper .icon-language {
  width: 24px;
  height: 24px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_language_white.svg?v=2309131847");
  background-size: contain;
  background-position: center;
  margin: 10px;
}
.header-wrapper .tool-bar-wrapper .current-lang {
  line-height: 46px;
}
.header-wrapper .tool-bar-wrapper .arrow-down {
  width: 24px;
  height: 24px;
  margin: 11px 5px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_down_white.svg?v=2309131847");
  background-size: contain;
  background-position: center;
}
.header-wrapper .menu-wrapper {
  position: relative;
  width: 100%;
  /*max-width:1617px;*/
  padding: 0px;
  text-align: center;
  margin: 0px auto;
  line-height: 15px;
}
.header-wrapper .menu-wrapper .enquire-now-container {
  text-align: center;
  position: absolute;
  right: 37px;
  top: 9px;
}
.header-wrapper .menu-wrapper .enquire-now-container .button {
  background-color: #000000;
  color: #ffffff;
  width: 140px;
  font-size: 14px;
  line-height: 36px;
}
.header-wrapper .menu-wrapper .enquire-now-container a:hover .button {
  background-color: #836A09;
}
.header-wrapper .menu-wrapper .menu-container {
  display: inline-block;
  margin: 0px auto;
  /*overflow:scroll;*/
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile {
  padding: 0px;
  margin-bottom: 0px;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li {
  float: left;
  display: inline-block;
  list-style: none;
  position: relative;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li a, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li a, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li a, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li a {
  color: #111111;
  cursor: pointer;
  text-decoration: none;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li a div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li a div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li a div, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li a div {
  cursor: pointer;
  position: relative;
  padding: 27px 10px;
  line-height: 15px;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li a :hover, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li a :hover, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li a :hover, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li a :hover {
  text-decoration: underline;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li.active ul, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li.active ul, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li.active ul, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li.active ul {
  display: block;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu {
  position: absolute;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
  display: none;
  padding: 10px 0px;
  margin: -15px 50% 0px;
  transform: translate(-50%, 0px);
  z-index: 1;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu li {
  float: none;
  display: block;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu li div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu li div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu li div, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu li div {
  /*max-width:258px;*/
  /*min-width:260px;*/
  white-space: nowrap;
  padding: 10px 20px;
  text-transform: initial;
  text-align: left;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu li.menu-item-has-children {
  font-weight: 600;
  /*margin-bottom:15px;*/
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu li.menu-item-has-children ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu li.menu-item-has-children ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu li.menu-item-has-children ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu li.menu-item-has-children ul.sub-menu {
  position: static;
  display: block;
  width: 100%;
  background-color: transparent;
  transform: none;
  margin: 0px;
  padding: 0px 0px;
  display: block;
  box-shadow: none;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu li.menu-item-has-children ul.sub-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu li.menu-item-has-children ul.sub-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu li.menu-item-has-children ul.sub-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu li.menu-item-has-children ul.sub-menu li {
  margin-bottom: 0px;
  font-weight: 300;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu li.menu-item-has-children:last-child, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu li.menu-item-has-children:last-child, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu li.menu-item-has-children:last-child, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu li.menu-item-has-children:last-child {
  margin-bottom: 0px;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu .menu-item-type-custom, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu .menu-item-type-custom, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu .menu-item-type-custom, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu .menu-item-type-custom {
  font-weight: 600;
  margin-top: 15px;
}
.header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu .menu-item-type-custom:first-child, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu .menu-item-type-custom:first-child, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu .menu-item-type-custom:first-child, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu .menu-item-type-custom:first-child {
  margin-top: 0px;
}
.header-wrapper .call-us-wrapper {
  position: relative;
  text-transform: initial;
}
.header-wrapper .call-us-wrapper .call-us-container {
  display: flex;
}
.header-wrapper .call-us-wrapper .call-us-pool-wrapper {
  position: absolute;
  width: auto;
  background-color: #000000;
  top: 45px;
  left: -20px;
  text-align: center;
  line-height: 30px;
  z-index: 2;
  padding-bottom: 1rem;
}
.header-wrapper .call-us-wrapper .call-us-pool-wrapper div {
  white-space: nowrap;
  padding: 0px 20px;
}
.header-wrapper .call-us-wrapper .call-us-pool-wrapper a {
  text-decoration: underline;
}
.header-wrapper .account-wrapper, .header-wrapper .accounts-wrapper {
  position: relative;
  display: inline-block;
}
.header-wrapper .account-wrapper .account-container, .header-wrapper .account-wrapper .current-account-container, .header-wrapper .accounts-wrapper .account-container, .header-wrapper .accounts-wrapper .current-account-container {
  display: flex;
}
.header-wrapper .account-submenu-wrapper, .header-wrapper .accounts-submenu-wrapper {
  position: absolute;
  /*width:100%;*/
  background-color: #000000;
  top: 45px;
  /*right:0px;*/
  left: -20px;
  text-align: center;
  line-height: 30px;
  z-index: 2;
}
.header-wrapper .account-submenu-wrapper .all-accounts-wrapper ul, .header-wrapper .accounts-submenu-wrapper .all-accounts-wrapper ul {
  list-style: none;
  padding: 0px;
  text-align: left;
}
.header-wrapper .account-submenu-wrapper .all-accounts-wrapper ul li, .header-wrapper .accounts-submenu-wrapper .all-accounts-wrapper ul li {
  white-space: nowrap;
  padding: 0px 20px;
}
.header-wrapper .account-submenu-wrapper .menu-my-account-container ul, .header-wrapper .accounts-submenu-wrapper .menu-my-account-container ul {
  list-style: none;
  padding: 0px;
  text-align: left;
}
.header-wrapper .account-submenu-wrapper .menu-my-account-container ul li, .header-wrapper .accounts-submenu-wrapper .menu-my-account-container ul li {
  white-space: nowrap;
  padding: 0px 20px;
}
.header-wrapper .lang-wrapper .lang-container {
  position: relative;
}
.header-wrapper .lang-wrapper .current-lang-wrapper {
  display: flex;
}
.header-wrapper .lang-wrapper .lang-pool-wrapper {
  position: absolute;
  width: 100%;
  background-color: #000000;
  top: 45px;
  right: 0px;
  text-align: center;
  line-height: 30px;
  z-index: 2;
}

.button {
  transition: background-color 0.3s;
  display: inline-block;
  border: 1px solid #111111;
  background-color: #111111;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
}

.disabled .button, .disabled:hover .button {
  cursor: not-allowed;
  background-color: #E5E5E5;
  color: #727272;
  border-color: #E5E5E5;
}

.button.w-full {
  width: 100%;
}

.button.style-border {
  border: 1px solid #111111;
  background-color: transparent;
  color: #111111;
}

.footer-wrapper {
  width: 100%;
  background-color: #000000;
  color: #ffffff;
}
.footer-wrapper .footer-container {
  font-size: 13px;
  width: 100%;
  max-width: 1617px;
  margin: 0px auto;
  padding: 80px 4vw;
}
.footer-wrapper .footer-container .sub-title {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 10px;
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.footer-wrapper .footer-container .sitemap-wrapper {
  float: left;
  width: 33.33%;
  display: flex;
  justify-content: space-between;
}
.footer-wrapper .footer-container .sitemap-wrapper .col {
  width: auto;
  padding: 0px;
  float: left;
  margin-right: 13px;
}
.footer-wrapper .footer-container .sitemap-wrapper.deskop-display {
  display: flex;
}
.footer-wrapper .footer-container .sitemap-wrapper.mobile-display {
  display: none;
}
.footer-wrapper .footer-container .subscription-wrapper {
  padding-right: 13px;
  float: left;
  width: 430px;
}
.footer-wrapper .footer-container .subscription-wrapper input.email {
  width: 100%;
  height: 36px;
  line-height: 36px;
  max-width: 250px;
  float: left;
  border: 1px solid #333333;
  color: #ffffff;
  margin: 0px 10px 10px 0px;
}
.footer-wrapper .footer-container .subscription-wrapper .button {
  font-size: 14px;
  padding: 3px 13px;
  background-color: #ffffff;
  color: #111111;
}
.footer-wrapper .footer-container .subscription-wrapper a:hover .button {
  background-color: #836A09;
  color: #ffffff;
}
.footer-wrapper .footer-container .subscription-wrapper .icon-success {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_submitted_white.svg?v=2309131847");
  background-size: 18px 18px;
  background-position: left center;
  margin: 10px auto;
  padding-left: 23px;
}
.footer-wrapper .footer-container .app-and-social-media-wrapper {
  float: right;
}
.footer-wrapper .footer-container .social-media-wrapper {
  /*width:128px;*/
  margin-bottom: 50px;
}
.footer-wrapper .footer-container .social-media-wrapper .icon {
  width: 36px;
  height: 36px;
  transition: opacity 0.3s;
  float: left;
  margin-right: 10px;
  background-position: center;
  background-size: contain;
}
.footer-wrapper .footer-container .social-media-wrapper .icon.icon-facebook {
  margin-left: 0px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_facebook.svg?v=2309131847");
}
.footer-wrapper .footer-container .social-media-wrapper .icon.icon-instagram {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_ig.svg?v=2309131847");
}
.footer-wrapper .footer-container .social-media-wrapper .icon.icon-wechat {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_wechat.svg?v=2309131847");
}
.footer-wrapper .footer-container .social-media-wrapper .icon.icon-linkin {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_linkedin.svg?v=2309131847");
}
.footer-wrapper .footer-container .social-media-wrapper a:hover .icon {
  opacity: 0.8;
}
.footer-wrapper .footer-container .app-wrapper .app-icon {
  display: inline-block;
  width: 130px;
  height: 38px;
  margin-right: 15px;
  background-size: contain;
}
.footer-wrapper .footer-container .app-wrapper .app-icon.donwload-ios {
  margin-left: 0px;
  background-image: url("../jpg/test_app_ios645e.jpg");
}
.footer-wrapper .footer-container .app-wrapper .app-icon.donwload-android {
  background-image: url("../jpg/test_app_android645e.jpg");
}
.footer-wrapper .footer-container ul {
  padding: 0px;
  margin: 0px;
}
.footer-wrapper .footer-container ul li {
  line-height: 1px;
  list-style: none;
}
.footer-wrapper .footer-container ul li a {
  font-size: 13px;
  line-height: 26px;
  color: #ffffff;
  text-decoration: none;
}
.footer-wrapper .footer-container ul li a:hover {
  text-decoration: underline;
}
.footer-wrapper .copyright-wrapper {
  width: 100%;
  border-top: 1px solid #333333;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  line-height: 26px;
  padding: 14px 20px;
  font-weight: normal;
}

/* ********************************* footer - floating whatsapp button ********************************* */
.whatsapp-icon-wrapper {
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 2;
}
.whatsapp-icon-wrapper .btn-whatsapp img {
  width: 60px;
  height: 60px;
}

.whatsapp-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 102;
  top: 0px;
  left: 0px;
  /*.limit-content { text-align:left; height:400px; overflow-y:scroll; }*/
}
.whatsapp-wrapper div.btn-close {
  color: #ffffff;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  z-index: 2;
  cursor: pointer;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_close.svg?v=2309131847");
  background-size: 20px 20px;
  background-position: center;
}
.whatsapp-wrapper a {
  color: #111111;
}
.whatsapp-wrapper a:hover {
  text-decoration: none;
}
.whatsapp-wrapper a:hover .location-container {
  background-color: #111111;
  color: #ffffff;
}
.whatsapp-wrapper .bg-overlay {
  width: 100%;
  height: 100%;
  background-color: #111111;
  opacity: 0.4;
  z-index: 1;
}
.whatsapp-wrapper .whatsapp-container-border {
  width: 100%;
  max-width: 640px;
  display: flex;
  height: fit-content; /*max-height:300px;*/
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  padding: 20px;
  z-index: 1;
}
.whatsapp-wrapper .whatsapp-container {
  position: relative;
  width: 100%;
  /*margin:0px auto;*/
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content {
  display: block;
  text-align: center;
  padding: 50px 44px;
  z-index: 1;
  border: none;
  border-radius: 0px; /*max-height:300px;*/
  background-color: #ffffff;
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content ul {
  margin-bottom: 0px;
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content .btn-wrapper {
  margin-top: 30px;
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content .button {
  padding: 8px 20px;
  width: 59%;
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content .location-container {
  padding: 15px;
  text-align: left;
  margin-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content .location-container .title {
  font-family: "Urbanist", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content .location-container .description {
  font-family: "Urbanist", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.whatsapp-wrapper .whatsapp-container .whatsapp-content .location-wrapper a:last-child .location-container {
  margin-bottom: 0px;
}

/* ********************************* loading ********************************* */
.loader-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 101;
  background-color: black;
  opacity: 0.5;
}

/*.loader-wrap.form-process{
     z-index:99999999;
     opacity: 0.9;
 }
 .loader-wrap.form-process .loader{
     width: 300px;
     font-size: 17px;
     margin-left: -150px;
     line-height: 30px;
 }
.loader-wrap.o0{
    display: none;
}*/
.loader {
  position: absolute;
  text-align: center;
  width: 140px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-left: -70px;
  margin-top: -70px;
  padding-top: 0px;
  font-size: 20px;
}

.loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  margin-left: -60px;
  margin-top: -60px;
}

.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  -webkit-animation: rotate 1.2s infinite linear;
  -moz-animation: rotate 1.2s infinite linear;
  -o-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
}

.loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

body .vertical-centered-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  margin-top: -12px;
  margin-left: -20px;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
[not-existing] {
  zoom: 1;
}

/* ********************************* modal ********************************* */
.important-notice-wrapper {
  background-color: #E5CC2D;
  padding: 30px 20px;
  position: relative;
}
.important-notice-wrapper .btn-close div {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_close.svg?v=2309131847");
  background-size: contain;
  background-position: center;
}
.important-notice-wrapper .w1200 {
  margin-bottom: 0px;
  background-color: transparent;
  text-transform: initial;
}
.important-notice-wrapper .w1200 .title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.important-notice-wrapper .w1200 .text {
  font-size: 15px;
  line-height: 24px;
}

/* ********************************* modal ********************************* */
.modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 102;
  top: 0px;
  left: 0px;
}
.modal-wrapper div.btn-close {
  color: #ffffff;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  z-index: 2;
  cursor: pointer;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_close.svg?v=2309131847");
  background-size: 20px 20px;
  background-position: center;
}
.modal-wrapper .modal-container-border {
  width: 100%;
  max-width: 540px;
  display: flex;
  height: fit-content;
  max-height: 300px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  padding: 20px;
  z-index: 1;
}
.modal-wrapper .modal-container {
  position: relative;
  width: 100%;
  /*margin:0px auto;*/
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
}
.modal-wrapper .modal-container .modal-content {
  display: block;
  text-align: center;
  padding: 50px 44px;
  z-index: 1;
  border: none;
  border-radius: 0px;
  max-height: 300px;
  background-color: #ffffff;
}
.modal-wrapper .modal-container .modal-content a {
  text-decoration: none;
}
.modal-wrapper .modal-container .modal-content .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.modal-wrapper .modal-container .modal-content ul {
  margin-bottom: 0px;
}
.modal-wrapper .modal-container .modal-content .btn-wrapper {
  margin-top: 30px;
}
.modal-wrapper .modal-container .modal-content .button {
  padding: 8px 20px;
  width: 59%;
}
.modal-wrapper .limit-content {
  text-align: left;
  height: 400px;
  overflow-y: scroll;
}
.modal-wrapper .bg-modal {
  width: 100%;
  height: 100%;
  background-color: #111111;
  opacity: 0.4;
  z-index: 1;
}

.modal-wrapper.tnc-modal {
  z-index: 103;
}

.modal-wrapper.modal2 {
  z-index: 104;
}

.modal-wrapper[data-class=waiting-list] .modal-container-border {
  max-width: 640px;
  max-height: inherit;
}
.modal-wrapper[data-class=waiting-list] .modal-container .modal-content {
  max-height: inherit;
}
.modal-wrapper[data-class=waiting-list] .modal-container .modal-content .button {
  width: 100%;
  margin-bottom: 15px;
  text-transform: inherit;
}
.modal-wrapper[data-class=waiting-list] .modal-container .modal-content a:last-child .button {
  margin-bottom: 0px;
}

.modal-wrapper[data-class=cancel-booking] .modal-container-border {
  max-width: 640px;
  max-height: inherit;
}
.modal-wrapper[data-class=cancel-booking] .modal-container .modal-content {
  max-height: inherit;
}
.modal-wrapper[data-class=cancel-booking] .modal-container .modal-content .button {
  width: 100%;
  margin-bottom: 15px;
  text-transform: inherit;
}
.modal-wrapper[data-class=cancel-booking] .modal-container .modal-content a:last-child .button {
  margin-bottom: 0px;
}

/* ********************************* modal ********************************* */
.modal-gallery-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 102;
  top: 0px;
  left: 0px;
}
.modal-gallery-wrapper .btn-close {
  color: #ffffff;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 100px;
  z-index: 2;
  cursor: pointer;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_close_white.svg?v=2309131847");
  background-size: 30px 30px;
  background-position: center;
}
.modal-gallery-wrapper .modal-gallery-container-border {
  width: 100%;
  max-width: 992px;
  display: flex;
  height: fit-content;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  padding: 0px;
  z-index: 1;
}
.modal-gallery-wrapper .modal-gallery-container {
  position: relative;
  width: 100%;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content {
  text-align: center;
  padding: 0px;
  z-index: 1;
  border: none;
  border-radius: 0px;
  background-color: #ffffff;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .swiperDetail .swiper-wrapper .swiper-slide {
  padding: 15px 15px 0px;
  position: relative;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .swiperDetail .swiper-wrapper .caption {
  background-color: rgba(17, 17, 17, 0.5);
  color: #ffffff;
  text-align: left;
  padding: 20px;
  position: absolute;
  width: calc(100% - 30px);
  bottom: 0px;
  left: 15px;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .swiper-pagination {
  position: static;
  font-size: 18px;
  padding-bottom: 10px;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content ul {
  margin-bottom: 0px;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .btn-wrapper {
  margin-top: 30px;
}
.modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .button {
  padding: 8px 20px;
  width: 59%;
}
.modal-gallery-wrapper .limit-content {
  text-align: left;
  height: 400px;
  overflow-y: scroll;
}
.modal-gallery-wrapper .bg-modal {
  width: 100%;
  height: 100%;
  background-color: #111111;
  opacity: 0.4;
  z-index: 1;
}

.modal-gallery-wrapper.tnc-modal {
  z-index: 103;
}

.modal-gallery-wrapper.modal2 {
  z-index: 104;
}

/*******************************************************************************/
/* Location Page */
.w1617 {
  width: 100%;
  max-width: 1617px;
  display: flex;
  align-items: center;
  margin-bottom: 150px;
  position: relative;
}
.w1617 .img-wrapper {
  position: relative;
  width: 52.5%;
  /*max-width:845px;*/
}
.w1617 .img-wrapper img {
  width: 100%;
  position: relative;
  z-index: 2;
}
.w1617 .text-wrapper {
  width: 47.5%;
  /*max-width:714px;*/
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0px 60px;
  position: relative;
}
.w1617 .text-wrapper .text-container {
  position: relative;
}
.w1617 .text-wrapper .text-container .text-content {
  position: relative;
  z-index: 2;
}
.w1617 .text-wrapper .text-container .subtitle {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.w1617.fright {
  float: right;
}

.w1617.fright.bg-style-box {
  margin-bottom: 150px;
}

.w1617.bg-style-box {
  margin-bottom: 226px;
}
.w1617.bg-style-box .img-wrapper .bg-box {
  width: 356px;
  height: 356px;
  background-color: #f2f2f2;
  position: absolute;
  right: -238px;
  bottom: -76px;
  z-index: 0;
}
.w1617.bg-style-box .text-wrapper .bg-box {
  width: 112px;
  height: 112px;
  background-color: #f2f2f2;
  position: absolute;
  top: -32px;
  left: -84px;
  z-index: 0;
}

.w1617.bg-style-box.item-3 {
  margin-bottom: 181px;
}
.w1617.bg-style-box.item-3 .bg-box {
  position: absolute;
  width: calc(100% - 591px);
  height: 387px;
  right: 0px;
  bottom: -181px;
  z-index: 0;
  background-color: #f2f2f2;
}
.w1617.bg-style-box.item-3 .img-wrapper .bg-box {
  display: none;
}

.our-core-value-wrapper {
  background-color: #f2f2f2;
  margin-top: -204px;
  padding: 304px 0px 150px;
}
.our-core-value-wrapper .title-wrapper {
  width: 35%;
  padding-right: 5%;
  /*max-width:410px;*/
}
.our-core-value-wrapper .title-wrapper .subtitle {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.our-core-value-wrapper .title-wrapper h1 {
  font-size: 50px;
  line-height: 60px;
  padding: 0px;
}
.our-core-value-wrapper .columns {
  width: 65%;
  /*width:calc(100% - 510px);*/
}
.our-core-value-wrapper .columns .column {
  width: calc(50% - 50px);
  margin-right: 100px;
  padding-bottom: 50px;
}
.our-core-value-wrapper .columns .column .title {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 6px;
}
.our-core-value-wrapper .columns .column:nth-child(2n) {
  margin-right: 0px;
}

.location-section {
  width: min(100% - 40px, 1200px);
  margin: 0px auto 150px;
}
.location-section .section__title-wrap {
  margin: 0 auto min(3rem, 7%);
}
.location-section .location__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}
.location-section .location__item {
  box-shadow: 0px 0px 15px 5px rgba(17, 17, 17, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.location-section .location__text-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 1.5rem 0;
}
.location-section .location__image {
  width: 100%;
}
.location-section .location__title {
  margin: 0;
}
.location-section .location__address {
  font-weight: normal;
  /*@include inlineIconLeft(url("../img/icons/icon_location.svg"));*/
}
.location-section .location__description {
  font-weight: 300;
}
.location-section .location__button-wrap {
  padding: 2rem;
  padding-inline: 1.5rem;
}
@media (max-width: 480px) {
  .location-section .location__button-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    row-gap: 0.5rem;
  }
}
.location-section .location__button {
  /*@include button;*/
  /*@include button-width;*/
}
.location-section ul.location-wrapper {
  margin: 0px;
}
.location-section .btn-wrapper {
  padding: 24px;
}
.location-section .btn-wrapper .button {
  width: calc(50% - 10px);
  padding: 7.5px 0px;
  margin-right: 15px;
}
.location-section .btn-wrapper .btn-learn-more .button {
  margin-right: 0px;
}
.location-section .btn-wrapper a:last-child .button {
  margin-right: 0px;
}

.tab-wrapper {
  margin-bottom: 28px;
}
.tab-wrapper .tab-container {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  display: flex;
  justify-content: center;
}
.tab-wrapper .tab-container .tab {
  display: inline-block;
  padding: 20px 29px;
}
.tab-wrapper .tab-container .tab::after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  background-color: #836A09;
  opacity: 0;
  transition: all 0.3s;
}
.tab-wrapper .tab-container a:hover .tab, .tab-wrapper .tab-container .tab.active {
  font-weight: bold;
  color: #836A09;
}
.tab-wrapper .tab-container a:hover .tab::after, .tab-wrapper .tab-container .tab.active::after {
  width: 100%;
  opacity: 1;
}

.img-wrapper img, .banner-wrapper img {
  width: 100%;
}

.location-wrapper {
  padding: 0px;
}
.location-wrapper li {
  list-style: none;
  padding-left: 32px;
  margin-bottom: 5px;
  background-position: left 4px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
}
.location-wrapper li.address {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_location.svg?v=2309131847");
}
.location-wrapper li.seats {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_9.svg?v=2309131847");
}
.location-wrapper li.openinghours {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_time.svg?v=2309131847");
}
.location-wrapper li.email {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_email.svg?v=2309131847");
}
.location-wrapper li.email a {
  text-decoration: underline;
}
.location-wrapper li.telephone {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tel_contact.svg?v=2309131847");
}
.location-wrapper li:last-child {
  margin-bottom: 0px;
}

.icon-tick {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tick_black.svg?v=2309131847");
  background-position: center;
}

.icon-tick-white {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tick_white.svg?v=2309131847");
  background-position: center;
}

.icon-tick-grey {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tick_grey.svg?v=2309131847");
  background-position: center;
}

.page-centres .location-wrapper {
  padding: 0px;
}
.page-centres .location-wrapper li {
  list-style: none;
  padding-left: 32px;
  margin-bottom: 30px;
}
.page-centres .location-wrapper li .text {
  font-weight: 600;
}

.w791 {
  width: 100%;
  max-width: 791px;
  padding: 0px 20px;
  margin: 0px auto;
}

.w831 {
  width: 100%;
  max-width: 831px;
  margin: 0px auto 150px;
  padding: 0px 20px;
}

.w888 {
  width: 100%;
  max-width: 888px;
  margin: 0px auto 150px;
  padding: 0px 20px;
}

.w995 {
  width: 100%;
  max-width: 995px;
  margin: 0px auto 150px;
  padding: 0px 20px;
}

.w1200 {
  width: 100%;
  max-width: 1240px;
  margin: 0px auto 150px;
  padding: 0px 20px;
  background-color: #ffffff;
}
.w1200 .box-wrapper {
  /*margin:15px -20px 20px;*/
  width: calc(100% + 15px);
  margin: 20px -10px 0px;
  display: flex;
  justify-content: center;
}
.w1200 .box-wrapper .box {
  position: relative;
  float: left;
  margin: 17px 12.5px;
  width: calc(20% - 25px);
  max-width: 220px;
  height: 220px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.w1200 .box-wrapper .box .box-container {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  left: 0px;
}
.w1200 .box-wrapper .box .box-container h3 {
  margin-bottom: 0px;
}
.w1200 .box-wrapper .box .box-size img {
  width: 100%;
}
.w1200 .box-wrapper .box .icon {
  position: relative;
  width: 70px;
  height: 70px;
  /*border-radius:50%;*/
  overflow: hidden;
  margin: 21% auto 12%;
}
.w1200 .box-wrapper .box .icon img {
  height: 100%;
  position: absolute;
  left: -9999px;
  right: -9999px;
  margin: auto;
}
.w1200 .box-wrapper .box .name {
  font-family: "Urbanist";
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .w1200 .box-wrapper {
    display: inline-block;
  }
}

.w1200.bg-transparent {
  background-color: transparent;
}

.w1400 {
  width: 100%;
  max-width: 1400px;
  margin: 0px auto 150px;
  padding: 0px 20px;
  /*background-color:#ffffff;*/
}

/*******************************************************************************/
/* Homepage */
/*******************************************************************************/
/* Login Page */
.content-wrapper {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
}
.content-wrapper .text-wrapper h1 {
  padding: 0px;
  margin-bottom: 14px;
}
.content-wrapper h1 {
  padding: 80px 0px 29px;
}

.overflow-hidden {
  overflow: hidden;
}

.content-wrapper.bg-gray {
  padding: 60px 20px 126px;
}
.content-wrapper.bg-gray h1 {
  padding-top: 0px;
  padding-bottom: 60px;
}

.content-wrapper .form-wrapper .form-left {
  width: 50.7%;
  float: left;
}
.content-wrapper .form-wrapper .form-left .button {
  min-width: auto;
  max-width: 270px;
  width: calc(50% - 20px);
}
.content-wrapper .form-wrapper .form-right {
  width: 42%;
  float: right;
  padding: 30px 38px;
}
.content-wrapper .form-wrapper .form-right.cover-only {
  padding: 0px;
}
.content-wrapper .form-wrapper .form-right.cover-only img {
  width: 45vw;
  max-width: 845px;
}
.content-wrapper .form-wrapper .btn-wrapper.no-display {
  display: none;
}

.form-shadow {
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
}

.w586.form-wrapper, .login-wrapper {
  padding: 60px 120px;
}

.w586.form-wrapper.w-full {
  padding: 0px 20px 60px;
}

.two-col-form-wrapper .form-left {
  width: 50.7%;
  float: left;
  margin-bottom: 120px;
}
.two-col-form-wrapper .form-summary {
  width: 42%;
  float: right;
  /*max-width:485px;*/
  padding: 30px 38px;
}
.two-col-form-wrapper .form-summary h3 {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
}
.two-col-form-wrapper .form-summary .summary-details {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
}
.two-col-form-wrapper .form-summary .summary-details ul {
  margin-bottom: 0px;
}
.two-col-form-wrapper .form-summary .summary-details.no-border {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}
.two-col-form-wrapper .form-summary .subtotal-details {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 30px;
}
.two-col-form-wrapper .form-summary .event-title {
  font-size: 18px;
  line-height: 20px;
  margin: 30px auto 10px;
}
.two-col-form-wrapper .form-summary .location-wrapper li {
  margin-bottom: 0px;
  background-size: 20px 20px;
}
.two-col-form-wrapper .form-summary .location-wrapper li .text {
  font-weight: normal;
}
.two-col-form-wrapper .form-summary .total {
  font-size: 22px;
  line-height: 24px;
  font-family: "Chronicle Display";
}
.two-col-form-wrapper .form-summary .total .fright {
  font-size: 24px;
}

.content-wrapper .form-wrapper.login-wrapper .form-left {
  width: 50%;
  float: left;
  padding-right: 90px;
  border-right: 1px solid #CCCCCC;
}
.content-wrapper .form-wrapper.login-wrapper .form-right {
  width: 50%;
  float: right;
  padding: 0px 0px 0px 90px;
}

.content-wrapper .login-wrapper a {
  color: #111111;
}

.content-wrapper .form-wrapper .btn-wrapper {
  margin-top: 50px;
}

.content-wrapper .form-wrapper .btn-wrapper.display-flex {
  display: flex;
}

.content-wrapper .form-wrapper a {
  color: #836A09;
  text-decoration: underline;
}

.content-wrapper .form-wrapper .btn-wrapper a, .btn-wrapper a {
  text-decoration: none;
}

.content-wrapper .form-wrapper .edit-panel-wrapper {
  margin: 50px auto;
}

.content-wrapper .form-wrapper .edit-panel-wrapper .btn-wrapper {
  margin-top: 0px;
  margin-bottom: 15px;
}

.content-wrapper .form-wrapper .edit-panel-wrapper .btn-wrapper:last-child {
  margin-bottom: 0px;
}

/*body.page-event-registration .content-wrapper.two-col-form-wrapper .form-wrapper .btn-wrapper a {
    width:50%;
    margin-right:15px;
}
body.page-event-registration .content-wrapper.two-col-form-wrapper .form-wrapper .btn-wrapper.display-flex a:last-child {
    margin-right:0px;
}
body.page-event-registration .content-wrapper.two-col-form-wrapper .form-wrapper .btn-wrapper a .button {
    width:100%;
}*/
.content-wrapper .form-wrapper .button {
  min-width: 250px;
  padding: 10px;
  margin-right: 20px;
}

.content-wrapper .form-wrapper a:last-child .button {
  margin-right: 0px;
}

.form-section {
  position: relative;
  margin-bottom: 50px;
}
.form-section div.btn-close {
  color: #ffffff;
  position: absolute;
  top: -12px;
  right: -16px;
  width: 50px;
  height: 50px;
  z-index: 2;
  cursor: pointer;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_close.svg?v=2309131847");
  background-size: 20px 20px;
  background-position: center;
}

.form-group {
  margin-bottom: 15px;
}

.form-title {
  font-size: 15px;
  font-weight: normal;
  line-height: 19px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.form-field {
  width: 100%;
  border: 1px solid #CCCCCC;
}

form.disabled .form-field {
  border: none;
}

.form-field.error {
  border: 1px solid #F53245;
}

.mobile-wrapper .prefix {
  width: 90px;
}

.mobile-wrapper .mobile {
  float: right;
  width: calc(100% - 90px);
}

.name-wrapper .salutation-wrapper {
  float: left;
  width: 99px;
  margin-right: 15px;
}

.name-wrapper .first-name-wrapper {
  float: left;
  width: calc((100% - 30px - 99px) / 2);
  margin-right: 15px;
}

.name-wrapper .last-name-wrapper {
  float: right;
  width: calc((100% - 30px - 99px) / 2);
}

.content-wrapper .form-wrapper .email-verify-wrapper .form-field {
  float: left;
  width: calc(100% - 136px - 15px);
}
.content-wrapper .form-wrapper .email-verify-wrapper .btn-wrapper {
  margin-top: 0px;
  float: right;
}
.content-wrapper .form-wrapper .email-verify-wrapper .btn-wrapper .button {
  padding: 0px 10px;
  line-height: 43px;
  height: 43px;
  min-width: 136px;
}

.form-remark {
  font-size: 13px;
  font-weight: normal;
  line-height: 19px;
  color: #836A09;
  margin-top: 10px;
}

.form-error {
  background-color: rgba(245, 50, 69, 0.05);
  border: 1px solid #F53245;
  font-size: 15px;
  line-height: 24px;
  color: #F53245;
  padding: 8px 15px;
  font-weight: 600;
  margin-bottom: 30px;
}

.form-field-error {
  font-size: 15px;
  line-height: 24px;
  color: #F53245;
  padding: 0px 15px 8px 30px;
  font-weight: 600;
  margin-bottom: 30px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_warning.svg?v=2309131847");
  background-position: left 2px;
  background-size: 20px 20px;
  text-align: left;
}

.form-group:first-child .form-title {
  margin-top: 0px;
}

.notice-box {
  border: 1px solid #F53245;
  position: relative;
  margin-bottom: 50px;
}

.notice-box .text {
  padding: 6px 16px;
  color: #F53245;
  font-size: 15px;
  line-height: 24px;
  position: relative;
  z-index: 2;
}

.notice-box .bg {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #F53245;
  opacity: 0.05;
  position: absolute;
  z-index: 1;
}

.checkbox-wrapper {
  width: 100%;
  cursor: pointer;
  font-size: 15px;
  display: inline-block;
}

.checkbox-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.checkbox {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 10px;
  position: relative;
  background-size: 100%;
  background-position: center;
  display: inline-block;
  border: 1px solid #111111;
}

.checkbox-wrapper.disabled .checkbox-text {
  color: #7f7f7f;
}

.checkbox-wrapper.disabled .checkbox {
  background-color: #f2f2f2;
  border: none;
}

.checkbox.active {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_check_box_on.svg?v=2309131847");
  border: 1px solid #111111;
}

.checkbox-text {
  font-weight: normal;
  float: left;
  text-align: left;
  width: calc(100% - 30px);
}

.checkbox-text a {
  text-decoration: underline;
}

.page-enquiry-now form#form-data {
  margin-top: 100px;
}

/*******************************************************************************/
.w586 {
  width: 100%;
  max-width: 586px;
  margin: 0px auto;
}

/*******************************************************************************/
.w830 {
  width: 100%;
  max-width: 830px;
  margin: 0px auto;
  padding: 0px 20px;
}
.w830 h2 {
  margin-bottom: 30px;
}

.faq-section.w830 h2 {
  margin-bottom: 0px;
}

.more-content-section {
  margin-bottom: 150px;
}
.more-content-section .content {
  margin-bottom: 30px;
}
.more-content-section .content:last-child {
  margin-bottom: 0px;
}

.video-wrapper {
  width: 100%;
  max-width: 791px;
  height: 444px;
  margin: 30px auto 0px;
}
.video-wrapper iframe {
  width: 100%;
  height: 100%;
}

.circle-box-wrapper {
  display: flex;
  margin-bottom: 120px;
  justify-content: center;
  flex-wrap: wrap;
}
.circle-box-wrapper .box-container {
  width: 25%;
  float: left;
  margin-bottom: 30px;
}
.circle-box-wrapper .box-container .box {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin: 0px auto 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  position: relative;
}
.circle-box-wrapper .box-container .box img {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.circle-box-wrapper .box-container .box.aircon {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_1.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.print {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_2.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.wifi {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_3.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.chair {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_4.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.monitor {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_5.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.lounge {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_6.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.parking {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_7.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.mobile {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_8.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.ppl {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_9.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.tv {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_10.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.room {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_11.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.phone {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_12.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.venues {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_13.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.team {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_14.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.letter {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_15.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.events {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_16.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.cleaning {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_17.svg?v=2309131847");
}
.circle-box-wrapper .box-container .box.chart {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_amenities_18.svg?v=2309131847");
}
.circle-box-wrapper .box-container .text {
  line-height: 19px;
  width: 100%;
  padding: 0px 5px;
  margin: 0px auto;
}

.accordion-wrapper {
  text-align: left;
  margin-bottom: 150px;
}
.accordion-wrapper .accordion-container {
  cursor: pointer;
  border-bottom: 1px solid #CCCCCC;
}
.accordion-wrapper .accordion-container .content {
  padding-bottom: 27px;
}
.accordion-wrapper .accordion-container.active .title {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_up.svg?v=2309131847");
}
.accordion-wrapper .title {
  font-family: "Urbanist";
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  padding: 27px 30px 27px 0px;
  margin: 0px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_down.svg?v=2309131847");
  background-position: calc(100% - 5px) 26px;
}

.registration-summary-wrapper h3 {
  padding-bottom: 30px;
  border-bottom: 1px solid #CCCCCC;
}
.registration-summary-wrapper .registration-summary-details {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 30px;
}
.registration-summary-wrapper .event-title {
  font-size: 18px;
  line-height: 20px;
  margin: 30px auto 10px;
}
.registration-summary-wrapper .location-wrapper li {
  margin-bottom: 0px;
  background-size: 20px 20px;
}
.registration-summary-wrapper .location-wrapper li .text {
  font-weight: normal;
}

.symbol.success, .symbol.fail {
  width: 60px;
  height: 60px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_submitted.svg?v=2309131847");
  background-size: contain;
  margin: 0px auto 20px;
}

.symbol.fail {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_warning_red_stroke.svg?v=2309131847");
}

.content-wrapper.thank-you .w586.form-wrapper.w-full, .content-wrapper.thank-you .w888.form-wrapper.w-full {
  padding: 60px 20px 120px;
}

.member-registration.thank-you .content-wrapper .form-wrapper .button {
  margin: 0px;
  min-width: 320px;
}

.registration-details, .my-account-record-details {
  padding: 50px 20px;
}
.registration-details .ref-no-wrapper, .my-account-record-details .ref-no-wrapper {
  font-size: 18px;
}
.registration-details .ref-no-wrapper .ref-no, .my-account-record-details .ref-no-wrapper .ref-no {
  color: #836A09;
}
.registration-details .qrcode-wrapper, .my-account-record-details .qrcode-wrapper {
  text-align: center;
  margin-bottom: 30px;
}
.registration-details .qrcode-wrapper #qrcode, .my-account-record-details .qrcode-wrapper #qrcode {
  border: 1px solid #CCCCCC;
  display: inline-block;
  padding: 20px;
}
.registration-details .qrcode-wrapper .qrcode-no, .my-account-record-details .qrcode-wrapper .qrcode-no {
  font-weight: 500;
}
.registration-details .table-wrapper, .my-account-record-details .table-wrapper {
  border: 1px solid #CCCCCC;
}
.registration-details .table-wrapper .table-header, .my-account-record-details .table-wrapper .table-header {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  background-color: #f2f2f2;
  padding: 14px 24px;
}
.registration-details .table-wrapper .table-row, .my-account-record-details .table-wrapper .table-row {
  width: 100%;
  padding: 20px 24px;
}
.registration-details .table-wrapper .table-row.line, .my-account-record-details .table-wrapper .table-row.line {
  border-bottom: 1px solid #CCCCCC;
}
.registration-details .table-wrapper .table-row:last-child, .my-account-record-details .table-wrapper .table-row:last-child {
  border-bottom: none;
}
.registration-details .table-wrapper .table-row::after, .my-account-record-details .table-wrapper .table-row::after {
  content: "";
  width: 100%;
  display: block;
  clear: both;
}
.registration-details .table-wrapper .table-title, .my-account-record-details .table-wrapper .table-title {
  font-size: 18px;
  float: left;
  text-align: left;
}
.registration-details .table-wrapper .table-content, .my-account-record-details .table-wrapper .table-content {
  float: right;
  text-align: right;
}
.registration-details .table-wrapper .table-content .semibold, .my-account-record-details .table-wrapper .table-content .semibold {
  font-size: 18px;
}
.registration-details .table-wrapper .table-content div.address, .my-account-record-details .table-wrapper .table-content div.address {
  display: inline-block;
  padding-left: 32px;
  background-position: left 4px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_location.svg?v=2309131847");
}
.registration-details .table-wrapper .table-content div.openinghours, .my-account-record-details .table-wrapper .table-content div.openinghours {
  display: inline-block;
  padding-left: 32px;
  background-position: left 4px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_time.svg?v=2309131847");
}
.registration-details .table-wrapper .table-content .btn-wrapper, .my-account-record-details .table-wrapper .table-content .btn-wrapper {
  margin-top: 0px;
}
.registration-details .table-wrapper .table-content .btn-wrapper .button, .my-account-record-details .table-wrapper .table-content .btn-wrapper .button {
  width: inherit;
  min-width: inherit;
  padding: 6.5px 24px;
}
.registration-details .table-wrapper .table-content .list-li, .my-account-record-details .table-wrapper .table-content .list-li {
  margin-bottom: 20px;
}
.registration-details .table-wrapper .table-content .list-li::after, .my-account-record-details .table-wrapper .table-content .list-li::after {
  content: "";
  display: block;
  clear: both;
}
.registration-details .table-wrapper .table-content .list-li:last-child, .my-account-record-details .table-wrapper .table-content .list-li:last-child {
  margin-bottom: 0px;
}
.registration-details .table-wrapper .table-content .no-circle, .my-account-record-details .table-wrapper .table-content .no-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #111111;
  color: #ffffff;
  text-align: center;
  margin-right: 15px;
  float: left;
}
.registration-details .table-wrapper .table-content .list-content, .my-account-record-details .table-wrapper .table-content .list-content {
  float: right;
  width: calc(100% - 45px);
}
.registration-details .table-wrapper .table-content.td-required_document, .my-account-record-details .table-wrapper .table-content.td-required_document {
  width: 50%;
}
.registration-details .table-wrapper .table-content.w-full, .my-account-record-details .table-wrapper .table-content.w-full {
  width: 100%;
  float: none;
  text-align: left;
}
.registration-details .billing_info, .my-account-record-details .billing_info {
  line-height: 22px;
}
.registration-details .billing_info div, .my-account-record-details .billing_info div {
  margin-bottom: 10px;
}
.registration-details .billing_info div:last-child, .my-account-record-details .billing_info div:last-child {
  margin-bottom: 0px;
}
.registration-details #qrcode-wrapper .qrcode-img, .my-account-record-details #qrcode-wrapper .qrcode-img {
  display: inline-block;
  padding: 21px;
  border: 1px solid #cccccc;
}
.registration-details #qrcode-wrapper .qrcode-text, .my-account-record-details #qrcode-wrapper .qrcode-text {
  line-height: 19px;
  margin-bottom: 30px;
}

.cookie-wrapper {
  position: fixed;
  background-color: #ffffff;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  padding: 25px;
  z-index: 3;
}
.cookie-wrapper .cookie-container {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
}
.cookie-wrapper .cookie-container .text-wrapper {
  width: calc(100% - 170px);
  float: left;
}
.cookie-wrapper .cookie-container .button.style-border {
  line-height: 18px;
  width: 150px;
  float: right;
  border-color: #7f7f7f;
  padding: 15px 44px;
}

/*******************************************************************************/
/* Community Events */
.community-events-wrapper {
  display: flex;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.community-events-wrapper .img-wrapper {
  float: left;
  width: 55%;
  position: relative;
  background-color: #E5E5E5;
}
.community-events-wrapper .img-wrapper .calendar-box {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 20px;
  left: 20px;
  padding: 10px 20px;
  text-align: center;
  background-color: #ffffff;
  z-index: 2;
}
.community-events-wrapper .img-wrapper .calendar-box .month {
  font-weight: 500;
}
.community-events-wrapper .img-wrapper .calendar-box .date {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
.community-events-wrapper .text-wrapper {
  width: 45%;
  float: left;
  position: relative;
  padding: 35px 35px 80px;
}
.community-events-wrapper .text-wrapper h3 {
  margin-bottom: 20px;
}
.community-events-wrapper .text-wrapper .location-wrapper li {
  margin-bottom: 5px;
}
.community-events-wrapper .text-wrapper .location-wrapper li .text {
  font-weight: normal;
}
.community-events-wrapper .text-wrapper .registration-summary-details {
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.community-events-wrapper .text-wrapper .btn-wrapper {
  position: absolute;
  width: calc(100% - 70px);
  bottom: 35px;
  left: 35px;
}
.community-events-wrapper .text-wrapper .btn-wrapper a:hover {
  text-decoration: none;
}
.community-events-wrapper .text-wrapper .button {
  width: calc(50% - 30px);
  max-width: 166px;
  padding: 7.5px 0px;
  margin-right: 15px;
}

.past-community-events-wrapper .item-wrapper {
  margin: 0px 12px 30px;
  width: calc(33.3333333333% - 24px);
  float: left;
}
.past-community-events-wrapper .item-wrapper .summary-details .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0px;
}
.past-community-events-wrapper .item-wrapper .summary-details .location-wrapper li {
  margin: 0px auto;
}
.past-community-events-wrapper .item-wrapper .summary-details .location-wrapper li .text {
  font-size: 15px;
  font-weight: normal;
}
.past-community-events-wrapper .item-wrapper .summary-details .btn-wrapper {
  width: calc(100% - 70px);
}
.past-community-events-wrapper .item-wrapper .summary-details .btn-wrapper a:hover {
  text-decoration: none;
}
.past-community-events-wrapper .item-wrapper .summary-details .button {
  width: 166px;
  padding: 7.5px 0px;
  margin-right: 15px;
}

.tag-wrapper {
  margin-bottom: 20px;
}
.tag-wrapper .tag {
  font-size: 14px;
  line-height: 24px;
  background-color: #f2f0e6;
  color: #111111;
  text-decoration: none;
  padding: 2px 15px;
  display: inline-block;
}
.tag-wrapper a:hover .tag {
  opacity: 0.8;
}

.summary-details {
  padding-bottom: 30px;
}

/*******************************************************************************/
/* Community Events Details */
.banner-wrapper {
  max-height: 695px;
  overflow: hidden;
  /*img { height:100%; max-height:695px;}*/
}

.community-events-details-wrapper {
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
}
.community-events-details-wrapper .summary-details {
  padding-bottom: 20px;
}
.community-events-details-wrapper .w1200 {
  margin-bottom: 0px;
}
.community-events-details-wrapper span.credits {
  color: #836A09;
}
.community-events-details-wrapper .event-bar {
  padding: 30px 0px;
}
.community-events-details-wrapper .event-bar h1 {
  padding: 0px;
  margin-bottom: 10px;
}
.community-events-details-wrapper .event-bar .price {
  font-family: "Chronicle Display";
}
.community-events-details-wrapper .event-bar .price span {
  font-size: 20px;
}
.community-events-details-wrapper .event-bar .summary-details {
  position: relative;
  padding-right: 50%;
  padding-bottom: 0px;
}
.community-events-details-wrapper .event-bar .summary-details .location-wrapper {
  margin-bottom: 0px;
  line-height: 17px;
}
.community-events-details-wrapper .event-bar .summary-details .location-wrapper li {
  margin-bottom: 10px;
  background-position: left top;
  background-size: 20px 20px;
}
.community-events-details-wrapper .event-bar .summary-details .location-wrapper li:last-child {
  margin-bottom: 0px;
}
.community-events-details-wrapper .event-bar .summary-details .right-corner {
  width: 50%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
}
.community-events-details-wrapper .event-bar .summary-details .right-corner .price {
  line-height: 50px;
  display: inline-block;
}
.community-events-details-wrapper .event-bar .summary-details .right-corner .btn-wrapper {
  float: right;
  margin-left: 20px;
}
.community-events-details-wrapper .event-bar .summary-details .button {
  margin-bottom: 0px;
}
.community-events-details-wrapper .event-bar .button {
  padding: 9px;
  width: 180px;
  margin-bottom: 15px;
}
.community-events-details-wrapper .event-bar .promotion {
  display: inline-block;
  border: 1px solid #836A09;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_promotion.svg?v=2309131847");
  background-color: #f2f0e6;
  background-position: 10px center;
  background-size: 18px 18px;
  padding: 7px 15px 7px 40px;
  font-size: 15px;
  line-height: 24px;
  color: #836A09;
  font-weight: 600;
}

.page-private-office .w1200 {
  margin-bottom: 80px;
}

.page-coworking-membership .content-wrapper, .page-virtual-office .content-wrapper, .page-virtual-office-membership .content-wrapper {
  padding-bottom: 150px;
}
.page-coworking-membership .w791.section-event-details, .page-virtual-office .w791.section-event-details, .page-virtual-office-membership .w791.section-event-details {
  padding-top: 20px;
}
.page-coworking-membership .w995.section-event-details, .page-virtual-office .w995.section-event-details, .page-virtual-office-membership .w995.section-event-details {
  padding-top: 20px;
  margin-bottom: 0px;
}
.page-coworking-membership .w791.section-photo-gallery, .page-virtual-office .w791.section-photo-gallery, .page-virtual-office-membership .w791.section-photo-gallery {
  padding-top: 70px;
}
.page-coworking-membership .w830.section-amenities, .page-virtual-office .w830.section-amenities, .page-virtual-office-membership .w830.section-amenities {
  padding-top: 100px;
}
.page-coworking-membership h2, .page-virtual-office h2, .page-virtual-office-membership h2 {
  margin-bottom: 29px;
}
.page-coworking-membership .w830.faq-section h2, .page-virtual-office .w830.faq-section h2, .page-virtual-office-membership .w830.faq-section h2 {
  margin-bottom: 0px;
}
.page-coworking-membership .w830.section-faq, .page-virtual-office .w830.section-faq, .page-virtual-office-membership .w830.section-faq {
  padding-top: 70px;
}
.page-coworking-membership .w830.section-faq h1, .page-virtual-office .w830.section-faq h1, .page-virtual-office-membership .w830.section-faq h1 {
  padding-bottom: 0px;
}
.page-coworking-membership .w1200.section-plan-comparison, .page-virtual-office .w1200.section-plan-comparison, .page-virtual-office-membership .w1200.section-plan-comparison {
  margin-top: 150px;
  margin-bottom: 0px;
}
.page-coworking-membership .circle-box-wrapper, .page-coworking-membership .accordion-wrapper, .page-virtual-office .circle-box-wrapper, .page-virtual-office .accordion-wrapper, .page-virtual-office-membership .circle-box-wrapper, .page-virtual-office-membership .accordion-wrapper {
  margin-bottom: 0px;
}
.page-coworking-membership .section-tnc, .page-virtual-office .section-tnc, .page-virtual-office-membership .section-tnc {
  padding-top: 100px;
}
.page-coworking-membership .section-tnc .title, .page-virtual-office .section-tnc .title, .page-virtual-office-membership .section-tnc .title {
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 20px;
}
.page-coworking-membership .section-tnc .title:first-child, .page-virtual-office .section-tnc .title:first-child, .page-virtual-office-membership .section-tnc .title:first-child {
  margin-top: 0px;
}

.organiser-wrapper {
  margin-bottom: 100px;
}
.organiser-wrapper .organiser-container {
  width: 791px;
  padding: 20px;
  margin: 0px auto;
  display: flex;
  align-items: center;
}
.organiser-wrapper .organiser-container .form-left {
  width: 59%;
  border-right: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
}
.organiser-wrapper .organiser-container .form-left .img-wrapper {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  background-color: #D8D8D8;
  position: relative;
}
.organiser-wrapper .organiser-container .form-left .text-wrapper {
  width: calc(100% - 100px);
  padding: 0px 15px;
}
.organiser-wrapper .organiser-container .form-left .text-wrapper .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}
.organiser-wrapper .organiser-container .form-left .text-wrapper .text {
  font-size: 15px;
  line-height: 24px;
}
.organiser-wrapper .organiser-container .form-right {
  width: 41%;
  padding: 0px 0px 0px 20px;
}
.organiser-wrapper .organiser-container .form-right ul {
  margin-bottom: 0px;
}

.map-img-wrapper {
  margin: 0px auto 100px;
}

.interested-events-wrapper {
  background-color: #f2f2f2;
}

.interested-event-swiper .swiper-slide {
  background-color: transparent;
}
.interested-event-swiper .tag-wrapper {
  text-align: left;
}
.interested-event-swiper .item-wrapper {
  margin: 0px 0px 30px;
  width: 100%;
}
.interested-event-swiper .item-wrapper .img-wrapper {
  /*max-width:587px;*/
  position: relative;
}
.interested-event-swiper .item-wrapper .img-wrapper .calendar-box {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 20px;
  left: 20px;
  padding: 10px 20px;
  text-align: center;
  background-color: #ffffff;
  z-index: 2;
}
.interested-event-swiper .item-wrapper .img-wrapper .calendar-box .month {
  font-weight: 500;
}
.interested-event-swiper .item-wrapper .img-wrapper .calendar-box .date {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
.interested-event-swiper .item-wrapper .summary-details {
  padding: 10px 0px 0px;
}
.interested-event-swiper .item-wrapper .summary-details .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin: 10px 0px;
  text-align: left;
}
.interested-event-swiper .item-wrapper .summary-details .location-wrapper li {
  margin: 0px auto 5px;
  text-align: left;
}
.interested-event-swiper .item-wrapper .summary-details .location-wrapper li .text {
  font-size: 15px;
  font-weight: normal;
}
.interested-event-swiper .item-wrapper .summary-details .btn-wrapper {
  text-align: left;
}
.interested-event-swiper .item-wrapper .summary-details .btn-wrapper a:hover {
  text-decoration: none;
}
.interested-event-swiper .item-wrapper .summary-details .button {
  width: calc(50% - 10px);
  max-width: 166px;
  padding: 7.5px 0px;
  margin-right: 15px;
  font-size: 16px;
}
.interested-event-swiper .item-wrapper .summary-details a:last-child .button {
  margin-right: 0px;
}
.interested-event-swiper .item-wrapper .summary-details .tag-wrapper .tag {
  background-color: #d7d5c9;
}

.interested-events-container {
  width: 100%;
  max-width: 1469px;
  position: relative;
  margin: 0px auto;
}

.event-gallery {
  width: 100%;
  text-align: center;
}
.event-gallery .img-wrapper {
  display: inline-block;
  margin: 0px 2.5px;
  width: 33.33%;
  max-height: 442px;
  overflow: hidden;
}
.event-gallery .img-wrapper img {
  /*width:auto;*/
}

.galleries-swiper, .event-swiper {
  width: 100%;
  height: 22vw;
  max-height: 422px;
  position: relative;
  overflow: hidden;
}

.galleries-swiper .swiper-wrapper.align-c {
  justify-content: center;
}

.galleries-swiper .swiper-slide, .event-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.galleries-swiper .swiper-slide a, .event-swiper .swiper-slide a {
  width: 100%;
  height: 100%;
}

.galleries-swiper .swiper-slide img, .event-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.galleries-container {
  position: relative;
}
.galleries-container .caption {
  background-color: rgba(17, 17, 17, 0.5);
  color: #ffffff;
  text-align: left;
  padding: 20px;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

.benefits {
  text-align: center;
}
.benefits ul {
  display: inline-block;
  padding: 0px;
  margin: 0px;
}
.benefits ul li {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  list-style: none;
  /*background-image:url('../img/icons/icon_tick_black.svg?v=2309131847');*/
  /*background-size:15px 15px;*/
  /*background-position:left 5px;*/
  /*padding-left:30px;*/
  text-align: left;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.benefits ul li .box {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin: 0px 25px 0px 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  position: relative;
}
.benefits ul li .box img {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.benefits ul li .text {
  width: calc(100% - 115px);
}
.benefits ul li:last-child {
  margin-bottom: 0px;
}

.w995 .benefits {
  width: 100%;
  max-width: 906px;
  margin: 0px auto;
}

.article-wrapper {
  width: 100%;
  max-width: 1490px;
  margin: 0px auto;
  padding: 50px 20px 150px;
}

.article-content {
  width: 58%;
  max-width: 884px;
  float: left;
}
.article-content .headline {
  padding: 0px 0px 20px;
}
.article-content .datetime {
  float: left;
  line-height: 17px;
}
.article-content .stroke {
  float: left;
  line-height: 17px;
  color: #CCCCCC;
  padding: 0px 20px;
}
.article-content .author {
  float: left;
  line-height: 17px;
}
.article-content .tag-wrapper {
  margin: 30px 0px;
}
.article-content .tag-wrapper .tag {
  font-size: initial;
  background-color: #f2f0e6;
  padding: 8px 30px;
  margin: 0px 10px 0px 0px;
}

.article-related {
  float: right;
  width: 42%;
  max-width: 500px;
  padding-left: 20px;
}
.article-related a {
  color: #111111;
}
.article-related a:hover {
  color: #836A09;
  text-decoration: none;
}
.article-related a:hover .icons {
  opacity: 0.5;
}
.article-related .related-list {
  margin-bottom: 30px;
}
.article-related .cover {
  float: left;
  width: 150px;
  height: 100px;
  margin-right: 15px;
  background-color: #D8D8D8;
}
.article-related .cover img {
  width: 100%;
  height: 100%;
}
.article-related .item-content {
  float: left;
  width: calc(100% - 165px);
}
.article-related .item-content .datetime {
  float: left;
  min-width: 47%;
  line-height: 17px;
  padding-right: 20px;
  margin-bottom: 10px;
  white-space: nowrap;
}
.article-related .item-content .stroke {
  float: left;
  line-height: 17px;
  color: #CCCCCC;
  padding-right: 20px;
  margin-bottom: 10px;
}
.article-related .item-content .author {
  float: left;
  line-height: 17px;
  margin-bottom: 10px;
}
.article-related .item-content .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 24px;
}
.article-related .share-wrapper {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 30px;
}
.article-related .share-wrapper .share-container {
  text-align: right;
}
.article-related .share-wrapper h3 {
  float: left;
  line-height: 30px;
}
.article-related .share-wrapper .icons {
  width: 30px;
  height: 30px;
  margin-left: 15px;
  background-size: contain;
  background-position: center;
  display: inline-block;
}
.article-related .share-wrapper .icon-facebook {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_facebook_black.svg");
}
.article-related .share-wrapper .icon-link {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_copy_link_black.svg");
}
.article-related .share-wrapper .icon-linkedin {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_linkedin_black.svg");
}
.article-related .share-wrapper .icon-twitter {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_twitter_black.svg");
}
.article-related .share-wrapper .icon-weibo {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_weibo_black.svg");
}

.insights-wrapper {
  width: 33.33%;
  float: left;
  padding: 0px 10px;
}
.insights-wrapper a {
  color: #111111;
}
.insights-wrapper a:hover {
  color: #836A09;
  text-decoration: none;
}
.insights-wrapper .cover {
  background-color: #D8D8D8;
  margin-bottom: 15px;
}
.insights-wrapper .cover img {
  width: 100%;
  height: 100%;
}
.insights-wrapper .item-content .datetime {
  float: left;
  font-size: 15px;
  line-height: 24px;
  padding-right: 20px;
  margin-bottom: 10px;
}
.insights-wrapper .item-content .stroke {
  float: left;
  font-size: 15px;
  line-height: 24px;
  color: #CCCCCC;
  padding-right: 20px;
  margin-bottom: 10px;
}
.insights-wrapper .item-content .author {
  float: left;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 10px;
}
.insights-wrapper .item-content .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}
.insights-wrapper .tag-wrapper .tag {
  font-size: 14px;
  line-height: 24px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.navigation-bar {
  /*margin:0px auto;*/
  text-align: center;
}
.navigation-bar span:not(.dots) {
  display: inline-block;
  text-align: center;
  width: 13px;
  height: 30px;
  margin: 0px 10px;
  border-bottom: 1px solid #111111;
}
.navigation-bar a.page-numbers {
  display: inline-block;
  text-align: center;
  width: 13px;
  height: 30px;
  margin: 0px 10px;
}
.navigation-bar a.page-numbers.active {
  border-bottom: 1px solid #111111;
  color: #111111;
}
.navigation-bar a.page-numbers:hover {
  text-decoration: none;
}
.navigation-bar .prev {
  background-size: 24px 24px;
  background-position: center;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_left.svg?v=2309131847");
}
.navigation-bar .next {
  background-size: 24px 24px;
  background-position: center;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_right.svg?v=2309131847");
}

.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}

.swiper-button-prev {
  width: 70px;
  height: 70px;
  left: var(--swiper-navigation-sides-offset, 0px);
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_banner_slider_arrow_left.svg?v=2309131847");
  background-size: 100%;
  top: calc(50% - 35px);
  margin: auto;
}

.swiper-button-next {
  width: 70px;
  height: 70px;
  right: var(--swiper-navigation-sides-offset, 0px);
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_banner_slider_arrow_right.svg?v=2309131847");
  background-size: 100%;
  top: calc(50% - 35px);
  margin: auto;
}

/*******************************************************************************/
/* My Account - index */
.my-account-content-wrapper {
  position: relative;
  padding-top: 80px;
  width: 100%;
  max-width: 1720px;
  margin: 0px auto;
}
.my-account-content-wrapper .w995 {
  max-width: 1595px;
  padding-left: 300px;
}
.my-account-content-wrapper .w791 {
  margin: 0px;
}
.my-account-content-wrapper .form-group:after {
  display: none;
}

.page-my-account .content-wrapper {
  min-height: 500px;
}

.content-wrapper .member-card-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.content-wrapper .member-card-wrapper .member-card {
  width: 170px;
  height: 100px;
  margin-right: 25px;
}
.content-wrapper .member-card-wrapper .member-card img {
  width: 100%;
}
.content-wrapper .member-card-wrapper h1 {
  padding: 0px;
}

.content-wrapper .my-account-records {
  margin-bottom: 80px;
}
.content-wrapper .my-account-records .title-wrapper {
  width: 100%;
  position: relative;
}
.content-wrapper .my-account-records .title-wrapper .fright a.btn-view-all {
  text-transform: capitalize;
  color: #111111;
}
.content-wrapper .my-account-records .title-wrapper .fright a.btn-view-all div {
  padding-right: 34px;
  background-position: center right;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_with_tail_right.svg");
  background-size: 24px 24px;
}
.content-wrapper .my-account-records h3 {
  display: inline-block;
  margin-bottom: 0px;
}
.content-wrapper .my-account-records .message {
  margin-bottom: 30px;
}
.content-wrapper .my-account-records .no-content {
  padding-top: 30px;
  color: #7f7f7f;
}
.content-wrapper .my-account-records .no-content .message {
  font-size: 18px;
  padding-left: 40px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_empty.svg");
  background-size: 28px 28px;
  background-position: top left;
}
.content-wrapper .my-account-records .no-content .button {
  width: inherit;
  max-width: inherit;
  padding: 4px 25px;
}
.content-wrapper .my-account-records .button {
  /*width:100%;*/
  display: inline-block;
  min-width: 166px;
  padding: 4px 30px;
  margin-bottom: 15px;
}
.content-wrapper .my-account-records .cover {
  width: 230px;
  height: 153px;
  margin-right: 25px;
}
.content-wrapper .my-account-records .cover img {
  width: 100%;
}
.content-wrapper .my-account-records .item {
  padding: 30px 0px;
  border-bottom: 1px solid #CCCCCC;
}
.content-wrapper .my-account-records .item .item-content {
  width: calc(100% - 50px - 230px - 166px);
}
.content-wrapper .my-account-records .item .item-content .title {
  font-weight: bold;
  margin-bottom: 10px;
}
.content-wrapper .my-account-records .item .btn-wrapper {
  width: 166px;
}
.content-wrapper .my-account-records .item .btn-wrapper a:last-child .button {
  margin-bottom: 0px;
}
.content-wrapper .my-account-records .item:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.content-wrapper .my-account-records .navigation-bar {
  padding: 30px 0px 0px;
}

.page-my-subscription-plan .content-wrapper .my-account-records .item {
  border-bottom: none;
  padding-bottom: 0px;
}
.page-my-subscription-plan .content-wrapper .my-account-records .item h3 {
  margin-bottom: 15px;
}
.page-my-subscription-plan .content-wrapper .my-account-records .item .item-content {
  width: 100%;
}
.page-my-subscription-plan .content-wrapper .my-account-records .contract-item {
  padding-bottom: 15px;
}
.page-my-subscription-plan .content-wrapper .my-account-records .contract-item:last-child() {
  padding-bottom: 0px;
}

/*******************************************************************************/
/* My Account - Record Details */
.w1200.breadcrumb-wrapper {
  padding: 30px 20px;
  margin: 0px auto;
}
.w1200.breadcrumb-wrapper a {
  color: #111111;
}
.w1200.breadcrumb-wrapper div.icon-back {
  background-position: center left;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_with_tail_left.svg");
  background-size: 24px 24px;
  padding-left: 40px;
}

.my-account-record-details .ref-no-wrapper {
  font-size: 18px;
}
.my-account-record-details .ref-no-wrapper .ref-no {
  color: #836A09;
}
.my-account-record-details .qrcode-wrapper {
  text-align: center;
  margin-bottom: 30px;
}
.my-account-record-details .qrcode-wrapper #qrcode {
  border: 1px solid #CCCCCC;
  display: inline-block;
  padding: 20px;
}
.my-account-record-details .qrcode-wrapper .qrcode-no {
  font-weight: 500;
}
.my-account-record-details .table-wrapper {
  border: 1px solid #CCCCCC;
}
.my-account-record-details .table-wrapper .table-header {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  background-color: #f2f2f2;
  padding: 14px 24px;
}
.my-account-record-details .table-wrapper .table-row {
  width: 100%;
  padding: 20px 24px;
}
.my-account-record-details .table-wrapper .table-row.line {
  border-bottom: 1px solid #CCCCCC;
}
.my-account-record-details .table-wrapper .table-row.line:last-child {
  border-bottom: none;
}
.my-account-record-details .table-wrapper .table-row::after {
  content: "";
  width: 100%;
  display: block;
  clear: both;
}
.my-account-record-details .table-wrapper .table-title {
  font-size: 18px;
  float: left;
  text-align: left;
}
.my-account-record-details .table-wrapper .table-content {
  float: right;
  text-align: right;
}
.my-account-record-details .table-wrapper .table-content .semibold {
  font-size: 18px;
}
.my-account-record-details .table-wrapper .table-content div.address {
  display: inline-block;
  padding-left: 32px;
  background-position: left 4px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_location.svg?v=2309131847");
}
.my-account-record-details .table-wrapper .table-content div.openinghours {
  display: inline-block;
  padding-left: 32px;
  background-position: left 4px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_time.svg?v=2309131847");
}
.my-account-record-details .table-wrapper .table-content .btn-wrapper {
  margin-top: 0px;
}
.my-account-record-details .table-wrapper .table-content .btn-wrapper .button {
  width: inherit;
  min-width: inherit;
  padding: 6.5px 24px;
}
.my-account-record-details .table-wrapper .table-content .list-li {
  margin-bottom: 20px;
}
.my-account-record-details .table-wrapper .table-content .list-li::after {
  content: "";
  display: block;
  clear: both;
}
.my-account-record-details .table-wrapper .table-content .list-li:last-child {
  margin-bottom: 0px;
}
.my-account-record-details .table-wrapper .table-content .no-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #111111;
  color: #ffffff;
  text-align: center;
  margin-right: 15px;
  float: left;
}
.my-account-record-details .table-wrapper .table-content .list-content {
  float: right;
  width: calc(100% - 45px);
}
.my-account-record-details .table-wrapper .table-content.w-full {
  width: 100%;
  float: none;
  text-align: left;
}
.my-account-record-details .billing_info {
  line-height: 22px;
}
.my-account-record-details .billing_info div {
  margin-bottom: 10px;
}
.my-account-record-details .billing_info div:last-child {
  margin-bottom: 0px;
}

/*******************************************************************************/
/* My Account - Left Menu */
.left-nav.my-account-menu {
  width: 300px;
  padding: 0px 20px 150px;
  position: absolute;
  left: 0px;
}
.left-nav.my-account-menu .title {
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}
.left-nav.my-account-menu ul {
  list-style: none;
  padding: 0px;
}
.left-nav.my-account-menu ul li {
  padding: 0px;
}
.left-nav.my-account-menu ul li a {
  font-weight: normal;
  color: #111111;
  text-decoration: none;
}
.left-nav.my-account-menu ul li a div {
  padding: 10px 0px;
}
.left-nav.my-account-menu ul li a:hover {
  text-decoration: underline;
}
.left-nav.my-account-menu ul li.active span {
  display: inline-block;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_with_tail_right.svg");
  background-position: center right;
  padding-right: 30px;
}

/*******************************************************************************/
/* Membership plans Index */
.membership-plans-wrapper {
  display: flex;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.membership-plans-wrapper .img-wrapper {
  float: left;
  width: 55%;
  position: relative;
  flex-grow: 1;
  display: flex;
  overflow: hidden;
  background-color: black;
}
.membership-plans-wrapper .img-wrapper img {
  position: absolute;
  width: 100%;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: -9999px;
  right: -9999px;
}
.membership-plans-wrapper .text-wrapper {
  width: 45%;
  float: left;
  position: relative;
  padding: 35px 35px 80px;
}
.membership-plans-wrapper .text-wrapper h3 {
  margin-bottom: 20px;
  line-height: 30px;
  margin-bottom: 5px;
}
.membership-plans-wrapper .text-wrapper .price {
  font-size: 14px;
  font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin-bottom: 20px;
}
.membership-plans-wrapper .text-wrapper .price span {
  font-size: 20px;
  font-weight: 600;
}
.membership-plans-wrapper .text-wrapper ul {
  padding: 0px;
  margin-bottom: 30px;
}
.membership-plans-wrapper .text-wrapper ul li {
  list-style: none;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tick_black.svg?v=2309131847");
  background-size: 15px 15px;
  background-position: left 5px;
  padding-left: 30px;
}
.membership-plans-wrapper .text-wrapper .promotion {
  display: inline-block;
  border: 1px solid #836A09;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_promotion.svg?v=2309131847");
  background-color: #f2f0e6;
  background-position: 10px center;
  background-size: 18px 18px;
  padding: 7px 15px 7px 40px;
  font-size: 15px;
  line-height: 24px;
  color: #836A09;
  font-weight: 600;
  margin-bottom: 30px;
}
.membership-plans-wrapper .text-wrapper .btn-wrapper {
  position: absolute;
  width: calc(100% - 35px);
  bottom: 35px;
  left: 35px;
}
.membership-plans-wrapper .text-wrapper .btn-wrapper a:hover {
  text-decoration: none;
}
.membership-plans-wrapper .text-wrapper .button {
  width: calc(50% - 30px);
  max-width: 166px;
  padding: 7.5px 0px;
  margin-right: 15px;
}

/*******************************************************************************/
/* Meeting Rooms */
.meeting-rooms-wrapper {
  float: left;
  width: calc(50% - 12.5px);
  /*box-shadow: 0 2px 40px 0 rgba(0,0,0,0.1);*/
  margin-bottom: 30px;
  margin-right: 12.5px;
  position: relative;
}
.meeting-rooms-wrapper .img-wrapper {
  width: 100%;
  height: 30.5vw;
  max-height: 391px;
  overflow: hidden;
}
.meeting-rooms-wrapper .img-wrapper img {
  width: 100% !important;
  height: inherit !important;
}
.meeting-rooms-wrapper .text-wrapper {
  width: 100%;
  position: relative;
  padding: 35px 0px 80px;
}
.meeting-rooms-wrapper .text-wrapper h3 {
  margin-bottom: 20px;
}
.meeting-rooms-wrapper .text-wrapper .location-wrapper li {
  margin-bottom: 5px;
}
.meeting-rooms-wrapper .text-wrapper .location-wrapper li .text {
  font-weight: normal;
}
.meeting-rooms-wrapper .text-wrapper .price {
  font-family: "Chronicle Display";
}
.meeting-rooms-wrapper .text-wrapper .price span {
  font-size: 20px;
}
.meeting-rooms-wrapper .text-wrapper .price span.credits {
  color: #836A09;
}
.meeting-rooms-wrapper .text-wrapper .registration-summary-details {
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.meeting-rooms-wrapper .text-wrapper .btn-wrapper {
  position: absolute;
  width: 100%;
  bottom: 35px;
  left: 0px;
}
.meeting-rooms-wrapper .text-wrapper .btn-wrapper a:hover {
  text-decoration: none;
}
.meeting-rooms-wrapper .text-wrapper .button {
  width: calc(50% - 30px);
  max-width: 166px;
  padding: 7.5px 0px;
  margin-right: 15px;
}

.meeting-rooms-wrapper.col-left {
  margin-right: 12.5px;
}

.meeting-rooms-wrapper.col-right {
  margin-left: 12.5px;
  margin-right: 0px;
}

.meeting-rooms-wrapper .summary-details {
  padding-bottom: 30px;
}

.rooms-search-wrapper {
  overflow: hidden;
  margin: 30px auto 50px;
  width: 100%;
  display: block;
  background-color: #f2f2f2;
  /*    .search-container.search-button { 
          float:none;
          width:100%;
          height:inherit;
          border-right:none; 
          border-bottom:0px;
          padding:30px 0px;
          .button { width:100%; line-height:40px; }
      }*/
}
.rooms-search-wrapper .search-tool-title {
  color: #111111;
  font-weight: 600;
  font-size: 16px;
  padding: 20px 0px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_down.svg?v=2309131847");
  background-position: calc(100% - 20px) center;
  display: none;
}
.rooms-search-wrapper .search-tool-title.expanded {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_up.svg?v=2309131847");
}
.rooms-search-wrapper .w1200 {
  background-color: transparent;
  margin-bottom: 0px;
}
.rooms-search-wrapper .search-container {
  width: calc((100% - 180px) / 4);
  height: 90px;
  float: left;
  border-left: 1px solid #bababa;
  padding: 20px 24px;
}
.rooms-search-wrapper .search-container select, .rooms-search-wrapper .search-container input {
  height: initial;
  line-height: initial;
  padding: 0px;
  font-weight: 600;
}
.rooms-search-wrapper .search-container.search-button {
  float: right;
  width: 180px;
  border-left: none;
  padding: 20px 0px;
  /*        .btn-search .icon-search {
              width:100%;
              height:90px;
              background-image:url('../img/icons/icon_calendar.svg?v=2309131847');
              background-position:center;
          }*/
}
.rooms-search-wrapper .search-container.search-button .button {
  width: 100%;
  line-height: 50px;
}
.rooms-search-wrapper .select-date input {
  font-weight: 600;
  background-position: right center;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_calendar.svg?v=2309131847");
}
.rooms-search-wrapper .name {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 10px;
}

.search-tool-counter {
  max-width: 125px;
}
.search-tool-counter .icon-minus div {
  width: 24px;
  height: 24px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_minus.svg?v=2309131847");
  float: left;
}
.search-tool-counter input.count {
  width: calc(100% - 48px);
  float: left;
  line-height: 24px;
  text-align: center;
}
.search-tool-counter .icon-add div {
  width: 24px;
  height: 24px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_add.svg?v=2309131847");
  float: left;
}

/*******************************************************************************/
/* Virtual Office Index */
.virtual-plans-wrapper .virtual-plans-container {
  margin-bottom: 30px;
  border: 1px solid #CCCCCC;
}
.virtual-plans-wrapper .virtual-plans-container .button {
  width: 140px;
  line-height: 40px;
}
.virtual-plans-wrapper .virtual-plans-container.highlight {
  border: 2px solid #E5CC2D;
}
.virtual-plans-wrapper ul {
  padding: 0px;
  margin-bottom: 15px;
}
.virtual-plans-wrapper ul li {
  list-style: none;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tick_black.svg?v=2309131847");
  background-size: 15px 15px;
  background-position: left 5px;
  padding-left: 30px;
}
.virtual-plans-wrapper div.bg-gold-title {
  font-weight: 600;
  background-color: #E5CC2D;
}
.virtual-plans-wrapper .padding-12 {
  padding: 12px;
}
.virtual-plans-wrapper table th {
  vertical-align: top;
  padding: 15px 20px;
  text-align: center;
  width: 20%;
}
.virtual-plans-wrapper table th.bg-gold {
  border: 1px solid #E5CC2D;
  font-weight: 600;
  background-color: #E5CC2D;
}
.virtual-plans-wrapper table td {
  position: relative;
  vertical-align: top;
  border: 1px solid #CCCCCC;
  padding: 26px 20px;
  text-align: center;
  width: 20%;
}
.virtual-plans-wrapper table td .price {
  font-size: 14px;
}
.virtual-plans-wrapper table td .price span {
  font-size: 18px;
  font-weight: 500;
}
.virtual-plans-wrapper table td .button {
  max-width: 166px;
  width: 100%;
  line-height: 45px;
  position: absolute;
  bottom: 30px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}
.virtual-plans-wrapper table td.padding-btn {
  padding-bottom: 95px;
}
.virtual-plans-wrapper table td.bg-gold {
  /*border:1px solid $color_gold;*/
  border-left: 2px solid #E5CC2D;
  border-right: 2px solid #E5CC2D;
  background-color: #fefcf4;
}
.virtual-plans-wrapper table tr:first-child td.bg-gold {
  border-top: 2px solid #E5CC2D;
}
.virtual-plans-wrapper table tr:last-child td.bg-gold {
  border-bottom: 2px solid #E5CC2D;
}
.virtual-plans-wrapper table .icon-tick {
  display: inline-block;
  margin: 0px auto;
  width: 24px;
  height: 24px;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tick_black.svg?v=2309131847");
  background-size: contain;
  background-position: center;
  background-repeat: none;
}

/*******************************************************************************/
/* Virtual Office Form */
.select-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.select-wrapper .select-container {
  cursor: pointer;
  border: 1px solid #CCCCCC;
  padding: 15px 20px;
  position: relative;
}
.select-wrapper .select-container .radio {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_radio_off.svg?v=2309131847");
  background-size: contain;
  position: absolute;
  top: 20px;
  /*bottom:0px;*/
  margin: auto;
}
.select-wrapper .select-container .select-content {
  width: calc(100% - 35px);
  float: right;
}
.select-wrapper .select-container .title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.select-wrapper .select-container .description {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px;
}
.select-wrapper .select-container.active {
  background-color: rgba(7, 128, 176, 0.05);
  border-color: #0975A0;
}
.select-wrapper .select-container.active .radio {
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_radio_on.svg?v=2309131847");
}
.select-wrapper .select-container.active .title, .select-wrapper .select-container.active .original-price, .select-wrapper .select-container.active .price, .select-wrapper .select-container.active .description {
  color: #0975A0;
}
.select-wrapper .select-container:hover {
  background-color: rgba(7, 128, 176, 0.05);
  border-color: #0975A0;
}
.select-wrapper .select-container:hover .title, .select-wrapper .select-container:hover .original-price, .select-wrapper .select-container:hover .price, .select-wrapper .select-container:hover .description {
  color: #0975A0;
}

.select-wrapper.error .select-container {
  border: 1px solid #F53245;
}

.select-wrapper.select-payment-wrapper .select-container {
  position: relative;
}
.select-wrapper.select-payment-wrapper .select-container .radio {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.select-wrapper.select-payment-wrapper .select-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.select-wrapper.select-payment-wrapper .select-content .icon-payment img {
  margin-right: 10px;
  width: 50px;
}
.select-wrapper.select-payment-wrapper .select-content .icon-payment img:last-child {
  margin-right: 0px;
}

.select-wrapper.select-visit-wrapper {
  margin-bottom: 0px;
}
.select-wrapper.select-visit-wrapper .select-container {
  width: calc(50% - 7.5px);
}

.select-wrapper.w-full {
  display: block;
}
.select-wrapper.w-full .select-container {
  margin-bottom: 20px;
  position: relative;
}
.select-wrapper.w-full .select-container::last-child {
  margin-bottom: 0px;
}

.select-wrapper.col-two .select-container {
  width: calc(50% - 12.5px);
}

.select-wrapper.col-three .select-container {
  width: calc(33.3333% - 12.5px);
}

.select-wrapper.col-four .select-container {
  width: calc(25% - 12.5px);
}

.select-membership-plan-wrapper {
  margin-bottom: 80px;
}
.select-membership-plan-wrapper .description {
  margin-bottom: 30px;
}
.select-membership-plan-wrapper .select-wrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.select-membership-plan-wrapper .select-wrapper .membership_plan_wrapper.disabled .select-container {
  background-color: #f2f2f2;
  pointer-events: none;
}
.select-membership-plan-wrapper .select-wrapper .membership_plan_wrapper.disabled .select-container:hover {
  border-color: 1px solid #CCCCCC;
}
.select-membership-plan-wrapper .select-wrapper .membership_plan_wrapper.disabled .select-container:hover .title {
  color: #111111;
}
.select-membership-plan-wrapper .select-wrapper .select-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 12px;
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .fleft {
  width: calc(100% - 170px);
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .cover {
  width: 150px;
  height: 100px;
  margin-right: 20px;
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .cover img {
  width: 100%;
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .original-price {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 5px;
  /*text-decoration:line-through;*/
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .original-price span {
  font-size: 16px;
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .price {
  font-size: 14px;
  line-height: 19px;
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .price span {
  font-size: 16px;
}
.select-membership-plan-wrapper .select-wrapper .select-container .select-content .promotion {
  float: right;
  display: inline-block;
  border: 1px solid #836A09;
  background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_promotion.svg?v=2309131847");
  background-color: #f2f0e6;
  background-position: 10px center;
  background-size: 18px 18px;
  padding: 7px 15px 7px 40px;
  font-size: 15px;
  line-height: 24px;
  color: #836A09;
  font-weight: 600;
  margin-left: 20px;
  margin-bottom: 30px;
}
.select-membership-plan-wrapper .select-wrapper .select-container:last-child {
  margin-bottom: 0px;
}
.select-membership-plan-wrapper .select-wrapper .select-container.disabled {
  opacity: 0.5;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.select-membership-plan-wrapper .select-wrapper .select-container.disabled .radio {
  background-color: #CCCCCC;
  background-image: none;
  border-radius: 50%;
}
.select-membership-plan-wrapper .select-wrapper .select-container.disabled:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.select-membership-plan-wrapper .select-wrapper .select-container.disabled:hover .title, .select-membership-plan-wrapper .select-wrapper .select-container.disabled:hover .price, .select-membership-plan-wrapper .select-wrapper .select-container.disabled:hover .description {
  color: #111111;
}
.select-membership-plan-wrapper .select-wrapper:last-child {
  margin-bottom: 0px;
}

.select-payment-wrapper .select-wrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.select-payment-wrapper .select-wrapper .select-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.select-payment-wrapper .select-wrapper .select-container .fleft {
  width: 37.7%;
}
.select-payment-wrapper .select-wrapper .select-container .description {
  width: 62.3%;
  float: right;
}
.select-payment-wrapper .select-wrapper .select-container .original-price {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
  text-decoration: line-through;
}
.select-payment-wrapper .select-wrapper .select-container .original-price span {
  font-size: 15px;
}
.select-payment-wrapper .select-wrapper .select-container .price {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0px;
}
.select-payment-wrapper .select-wrapper .select-container .price span {
  font-size: 15px;
}
.select-payment-wrapper .select-wrapper:last-child {
  margin-bottom: 0px;
}

.w586.select-preferred-date-wrapper {
  margin: 0px 0px 50px;
}

form.virtual-office .button {
  padding: 9px 20px;
  min-width: 270px;
  margin-right: 20px;
}

.stepper-wrapper {
  max-width: 600px;
  display: flex;
  justify-content: space-between;
  margin: 20px auto 50px;
  position: relative;
  z-index: 1;
}

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  font-weight: 500;
  color: #7f7f7f;
}
.stepper-item .icon-tick, .stepper-item .icon-tick-grey, .stepper-item .icon-tick-white {
  background-size: 16px 16px;
}
@media (max-width: 768px) {
  .stepper-item {
    font-size: 12px;
  }
}

/*.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #111111;
  width: 100%;
  top:15px;
  left: -50%;
  z-index: 2;
}*/
.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #f2f2f2;
  width: 100%;
  top: 15px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin-bottom: 6px;
}

.stepper-item.completed {
  color: #111111;
}

.stepper-item.completed .step-counter {
  background-color: #111111;
  color: #ffffff;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #111111;
  width: 100%;
  top: 15px;
  left: 50%;
  z-index: 2;
}

.stepper-item.active::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #f2f2f2;
  width: 100%;
  top: 15px;
  left: -50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

.our-partners-section {
  display: flex;
  margin-top: 30px;
}
.our-partners-section h1 {
  padding-top: 0px;
}
.our-partners-section .logo-wrapper {
  display: inline-block;
  width: 40%;
  text-align: left;
  /*justify-content:center;*/
  /*flex-wrap:wrap;*/
  /*align-items:center;*/
}
.our-partners-section .logo-wrapper .row {
  width: 100%;
  /*justify-content:center;*/
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.our-partners-section .logo-wrapper .row .logo {
  width: 25%;
  display: flex;
  align-items: center;
}
.our-partners-section .logo-wrapper .row .logo img {
  width: 100%;
}
.our-partners-section .logo-wrapper .row:last-child {
  margin-bottom: 0px;
}
.our-partners-section .details {
  width: 55%;
  padding-right: 8%;
}

@media (min-width: 1200px) {
  .header-wrapper .menu-wrapper .menu-container ul li a div {
    padding: 27px 15px;
  }
  .header-wrapper .menu-wrapper {
    display: block !important;
  }
  .header-wrapper .desktop-display {
    display: block;
  }
  .header-wrapper .mobile-display {
    display: none;
  }
  #home .header-wrapper {
    background-color: transparent;
  }
  #home .header-wrapper .logo-wrapper .logo {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icon_logo_white.svg?v=2309131847");
  }
  #home .header-wrapper .menu-container ul.menu-header-menu li a, #home .header-wrapper .menu-container ul.menu-my-account li a, #home .header-wrapper .menu-container ul.menu-my-account-mobile li a {
    color: #ffffff;
  }
  #home .header-wrapper .menu-container ul.menu-header-menu li ul li a, #home .header-wrapper .menu-container ul.menu-my-account li ul li a, #home .header-wrapper .menu-container ul.menu-my-account-mobile li ul li a {
    color: #111111;
  }
  #home .header-banner-wrapper {
    position: static;
    height: 100vh;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1199px) {
  .ipad-display {
    display: block;
  }
  .header-wrapper .desktop-display {
    display: none;
  }
  .header-wrapper .mobile-display {
    display: block;
  }
  .header-wrapper-bg {
    height: 70px;
    display: block;
  }
  .header-wrapper {
    position: fixed;
    z-index: 99;
  }
  .header-wrapper .logo-wrapper {
    position: relative;
    background-color: #000000;
    width: 100%;
    height: 70px;
    margin-top: 0px;
  }
  .header-wrapper .logo-wrapper .logo {
    width: 169px;
    height: 70px;
    padding: 30px 0px;
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icon_logo_white.svg?v=2309131847");
  }
  .header-wrapper .logo-wrapper img {
    filter: invert(1);
  }
  .header-wrapper .logo-wrapper .account-wrapper {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0px;
    right: 0px;
  }
  .header-wrapper .logo-wrapper .account-wrapper .account-container {
    padding: 20px;
  }
  .header-wrapper .logo-wrapper .account-wrapper .account-container .icon-account {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_account_white.svg?v=2309131847");
    background-position: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    margin: auto;
  }
  .header-wrapper .logo-wrapper .signin-wrapper {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0px;
    right: 0px;
  }
  .header-wrapper .logo-wrapper .signin-wrapper .account-container {
    padding: 20px;
  }
  .header-wrapper .logo-wrapper .signin-wrapper .account-container .icon-account {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_account_white.svg?v=2309131847");
    background-position: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    margin: auto;
  }
  .header-wrapper .logo-wrapper .menu-btn-wrapper {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0px;
    left: 0px;
  }
  .header-wrapper .logo-wrapper .menu-btn-wrapper .menu-btn-container {
    padding: 20px;
  }
  .header-wrapper .logo-wrapper .menu-btn-wrapper .menu-btn-container .icon-menu {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/m_icon_menu_white.svg?v=2309131847");
    background-position: center;
    width: 32px;
    height: 32px;
    margin: auto;
  }
  .header-wrapper .menu-wrapper {
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: rgba(17, 17, 17, 0.5);
    padding: 0px;
    top: 0px;
    position: absolute;
    z-index: 99;
  }
  .header-wrapper .menu-wrapper .menu-container {
    transition: width 0.3s;
    width: 1px;
    height: 100%;
    display: block;
    background-color: #ffffff;
    left: -1px;
    position: absolute;
    z-index: 99;
    text-align: left;
  }
  .header-wrapper .menu-wrapper .menu-container .menu-scroll {
    height: calc(100vh - 74px);
    overflow-y: scroll;
  }
  .header-wrapper .menu-wrapper .menu-container .home-wrapper {
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
  }
  .header-wrapper .menu-wrapper .menu-container .home-wrapper .icon-home-wrapper {
    padding: 20px;
    display: inline-block;
  }
  .header-wrapper .menu-wrapper .menu-container .home-wrapper .icon-home-wrapper .icon-home {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/m_icon_mb_home.svg?v=2309131847");
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
  }
  .header-wrapper .menu-wrapper .menu-container .home-wrapper .icon-close-wrapper {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 25px 20px;
    display: inline-block;
  }
  .header-wrapper .menu-wrapper .menu-container .home-wrapper .icon-close-wrapper .icon-close {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_close.svg?v=2309131847");
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .header-wrapper .menu-wrapper .menu-container .signin-wrapper {
    padding: 15px 20px;
    font-weight: 600;
  }
  .header-wrapper .menu-wrapper .menu-container .signin-wrapper a {
    color: #111111;
    text-decoration: none;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile {
    padding: 0px;
    margin-bottom: 0px;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li {
    display: block;
    float: none;
    font-weight: 600;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li a div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li a div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li a div, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li a div {
    text-align: left;
    padding: 15px 20px;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li a :hover, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li a :hover, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li a :hover, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li a :hover {
    text-decoration: none;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li li, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li li, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li li {
    font-weight: 300;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li li.menu-item-has-children {
    font-weight: 300;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li.menu-item-has-children, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li.menu-item-has-children {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_down.svg?v=2309131847");
    background-size: 24px 24px;
    background-position: calc(100% - 20px) 12px;
    cursor: pointer;
    font-weight: 600;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li.active ul, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li.active ul, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li.active ul, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li.active ul {
    display: none;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu li.expanded, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account li.expanded, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile li.expanded, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile li.expanded {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_up.svg?v=2309131847");
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu {
    position: static;
    display: none;
    margin-top: 0px;
    transform: none;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
  }
  .header-wrapper .menu-wrapper .menu-container ul.menu-header-menu ul.sub-menu li div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account ul.sub-menu li div, .header-wrapper .menu-wrapper .menu-container ul.menu-my-account-mobile ul.sub-menu li div, .header-wrapper .menu-wrapper .menu-container ul.menu-all-accounts-mobile ul.sub-menu li div {
    padding: 15px 40px;
  }
  .header-wrapper .menu-wrapper .menu-container .call-us-container ul.menu-header-menu ul.sub-menu li div {
    white-space: initial;
    line-height: 1.5rem;
  }
  .header-wrapper .menu-wrapper .menu-container .call-us-container ul.menu-header-menu ul.sub-menu li div a {
    text-decoration: underline;
  }
  .header-wrapper .menu-wrapper .mobile-display .enquire-now-container {
    width: calc(100% - 40px);
    position: static;
    left: auto;
    top: auto;
    display: inline-block;
    /*margin:0px 20px 15px;*/
    margin: 15px 20px;
  }
  .header-wrapper .menu-wrapper .mobile-display .enquire-now-container .button {
    width: 100%;
    padding: 10px 30px;
    line-height: 20px;
  }
  .header-wrapper .menu-wrapper.opened .menu-container {
    width: 320px;
    left: 0px;
  }
  .header-wrapper .menu-wrapper.opened::after {
    content: "";
    display: block;
    background-color: #000000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    left: 0px;
  }
  .header-wrapper .lang-wrapper {
    padding: 20px 20px 5px;
    line-height: 24px;
  }
  .header-wrapper .lang-wrapper a {
    color: #111111;
  }
  .header-wrapper .lang-wrapper a div {
    padding: 0px 10px;
    display: inline-block;
  }
  .header-wrapper .lang-wrapper .icon-language {
    width: 24px;
    height: 24px;
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_language.svg?v=2309131847");
    background-size: contain;
    background-position: center;
    margin: 0px;
    float: left;
  }
  .footer-wrapper .footer-container {
    padding: 30px 20px;
  }
  .footer-wrapper .footer-container .sitemap-wrapper {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 30px;
  }
  .footer-wrapper .footer-container .sitemap-wrapper .col {
    width: 100%;
    margin-right: 0px;
    padding: 0px;
  }
  .footer-wrapper .footer-container .sitemap-wrapper .col li {
    float: left;
    width: 50%;
  }
  .footer-wrapper .footer-container .policy-wrapper.desktop-display {
    display: none;
  }
  .footer-wrapper .footer-container .policy-wrapper.mobile-display {
    display: block;
  }
  .footer-wrapper .footer-container .col {
    padding: 0px;
  }
  .footer-wrapper .footer-container .col.policy-wrapper li {
    width: inherit;
    float: left;
  }
  .footer-wrapper .footer-container .sitemap-wrapper.deskop-display {
    display: none;
  }
  .footer-wrapper .footer-container .sitemap-wrapper.mobile-display {
    display: flex;
    margin-bottom: 0px;
  }
  .footer-wrapper .footer-container .subscription-wrapper {
    padding-left: 0px;
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .footer-wrapper .footer-container .subscription-wrapper .button {
    padding: 8px 13px;
  }
  .footer-wrapper .footer-container .app-and-social-media-wrapper {
    float: none;
    width: inherit;
  }
  .footer-wrapper .footer-container .app-wrapper {
    width: inherit;
    margin-bottom: 30px;
  }
  .footer-wrapper .copyright-wrapper {
    text-align: left;
  }
  .footer-wrapper .footer-container .policy-wrapper li:not(:last-child)::after {
    display: inline-block;
    content: "|";
    margin: 0px 5px;
  }
}
/*******************************************************************************/
@media only screen and (min-width: 768px) {
  .rooms-search-wrapper .search-tool-wrapper {
    display: block !important;
  }
  .footer-wrapper .footer-container .subscription-wrapper .button {
    padding: 3px 13px;
  }
}
@media all and (-ms-high-contrast: none) {
  .menu-wrapper .menu-container ul {
    display: inline-block;
  } /* IE10 */
  .menu-wrapper .menu-container ul li ul {
    display: flex;
  }
  *::-ms-backdrop, .menu-wrapper .menu-container ul {
    display: inline-block;
  } /* IE11 */
  *::-ms-backdrop, .menu-wrapper .menu-container ul li ul {
    display: flex;
  }
}
@supports (-ms-ime-align: auto) { /* IE edge */
  .menu-wrapper .menu-container ul {
    display: inline-block;
  }
}
@media only screen and (max-width: 990px) {
  .clear-990 {
    clear: both;
  }
  .content-wrapper .my-account-records .item .item-content {
    width: calc(100% - 25px - 230px);
  }
  .content-wrapper .my-account-records .item .btn-wrapper {
    margin-top: 20px;
    width: 100%;
  }
  .content-wrapper .my-account-records .item .btn-wrapper.fright {
    float: none;
  }
  .page-my-subscription-plan .content-wrapper .my-account-records .item .item-content {
    width: 100%;
  }
}
/*******************************************************************************/
/*******************************************************************************/
/***********************************  MOBILE  **********************************/
/*******************************************************************************/
/*******************************************************************************/
@media only screen and (max-width: 767px) {
  .desktop-display {
    display: none;
  }
  .mobile-display {
    display: block;
  }
  html {
    font-size: 14px;
    line-height: 20px;
  }
  body {
    font-size: 14px;
    line-height: 20px;
    background-size: 100% auto;
    background-position: bottom center;
  }
  h1, h2 {
    font-size: 24px;
    line-height: 28px;
  }
  h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  h1.font40, h2.font40 {
    font-size: 24px;
    line-height: 28px;
  }
  h1.font50, h2.font50 {
    font-size: 24px;
    line-height: 28px;
  }
  .m-font24, h2.font35.m-font24, h2.m-font24 {
    font-size: 24px;
    line-height: 28px;
  }
  .m-font15, .font18.m-font15 {
    font-size: 15px;
    line-height: 18px;
  }
  .m-font20, .font30.m-font20, h1.font30.m-font20, h1.m-font20, h1.font30.m-font20 {
    font-size: 20px;
    line-height: 22px;
  }
  .m-font24, .font30.m-font24, h1.font30.m-font24 {
    font-size: 24px;
    line-height: 28px;
  }
  .m-font18, .font24.m-font18, h1.font24.m-font18, h2.font24.m-font18 {
    font-size: 18px;
    line-height: 22px;
  }
  .m-align-l, .align-l.m-align-l, .align-c.m-align-l, .align-r.m-align-l {
    text-align: left;
  }
  .m-align-c, .align-l.m-align-l, .align-c.m-align-c, .align-r.m-align-c {
    text-align: center;
  }
  .m-align-r, .align-l.m-align-r, .align-c.m-align-r, .align-r.m-align-r {
    text-align: right;
  }
  .justify-c.m-justify-d {
    justify-content: initial;
  }
  .m-p-t-60, .content-wrapper h1.m-p-t-60 {
    padding-top: 60px;
  }
  .m-p-t-40, .content-wrapper h1.m-p-t-40 {
    padding-top: 40px;
  }
  .m-p-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .m-margin-b-30, .margin-b-120.m-margin-b-30, .w830.margin-b-120.m-margin-b-30, .margin-b-150.m-margin-b-30, .w830.margin-b-150.m-margin-b-30 {
    margin-bottom: 30px;
  }
  .m-margin-b-60, .margin-b-120.m-margin-b-60, .w830.margin-b-120.m-margin-b-60, .margin-b-150.m-margin-b-60, .w830.margin-b-150.m-margin-b-60 {
    margin-bottom: 60px;
  }
  .compulsory {
    font-size: 14px;
  }
  input {
    line-height: 40px;
    height: 40px;
    padding: 0px 10px;
  }
  select {
    line-height: 40px;
    height: 40px;
    padding: 0px 10px;
  }
  .button.m-w-full, .content-wrapper .form-wrapper .form-left .button.m-w-full, .content-wrapper .form-wrapper .form-right .button.m-w-full {
    width: 100%;
    max-width: inherit;
    margin-top: 15px;
  }
  /*    html.fixed .header-wrapper {
          position:static; 
      }*/
  /* ********************************* modal ********************************* */
  .modal-wrapper .modal-container .modal-content .btn-wrapper {
    margin-top: 20px;
  }
  .modal-wrapper .modal-container .modal-content .button {
    line-height: 24px;
    width: 68%;
  }
  /* ********************************* modal ********************************* */
  .modal-gallery-wrapper .btn-close {
    width: 72px;
    height: 72px;
  }
  .modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .btn-wrapper {
    margin-top: 20px;
  }
  .modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .button {
    line-height: 24px;
    width: 68%;
  }
  .whatsapp-wrapper .whatsapp-container .whatsapp-content {
    padding: 30px;
  }
  .whatsapp-wrapper .whatsapp-container .whatsapp-content .title {
    font-size: 18px;
  }
  .whatsapp-wrapper .whatsapp-container .whatsapp-content .location-container {
    font-size: 15px;
  }
  .whatsapp-wrapper .whatsapp-container .whatsapp-content .location-container .title {
    font-size: 15px;
  }
  /*******************************************************************************/
  .w1617 {
    display: block;
    margin-bottom: 10px;
  }
  .w1617 .img-wrapper {
    width: 100%;
  }
  .w1617 .text-wrapper {
    width: 100%;
    padding: 20px;
  }
  .w1617 .text-wrapper .text-container .subtitle {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
  }
  .page-about-us .section-img-wrapper {
    padding-top: 30px;
  }
  .page-about-us .our-partners-section {
    display: block;
    margin-top: 0px;
  }
  .page-about-us .our-partners-section .row:last-child {
    margin-bottom: 50px;
  }
  .page-about-us .our-partners-section .logo-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .page-about-us .our-partners-section .logo-wrapper .logo {
    width: 20%;
  }
  .page-about-us .our-partners-section .details {
    width: 100%;
    padding-left: 0px;
  }
  .w1617.bg-style-box .img-wrapper .bg-box, .w1617.bg-style-box.item-3 .img-wrapper .bg-box {
    display: none;
  }
  .w1617.bg-style-box .text-wrapper .bg-box, .w1617.bg-style-box.item-3 .text-wrapper .bg-box {
    display: none;
  }
  .w1617.bg-style-box .bg-box, .w1617.bg-style-box.item-3 .bg-box {
    display: none;
  }
  .w1617.bg-style-box, .w1617.fright.bg-style-box {
    margin-bottom: 50px;
  }
  .w1617.bg-style-box.item-3 {
    margin-bottom: 50px;
  }
  .our-core-value-wrapper {
    margin-top: 0px;
    padding: 30px 0px;
  }
  .our-core-value-wrapper .title-wrapper {
    float: none;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 50px;
  }
  .our-core-value-wrapper .title-wrapper .subtitle {
    font-size: 14px;
    line-height: 17px;
  }
  .our-core-value-wrapper .title-wrapper h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .our-core-value-wrapper .columns {
    width: 100%;
    float: none;
  }
  .our-core-value-wrapper .columns .column {
    width: 100%;
    float: none;
    padding-bottom: 30px;
  }
  .our-core-value-wrapper .columns .column .title {
    font-size: 18px;
    line-height: 22px;
  }
  .tab-wrapper {
    margin-bottom: 0px;
  }
  .tab-wrapper .tab-container {
    font-size: 14px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
  }
  .tab-wrapper .tab-container .tab {
    padding: 20px 0px;
    white-space: nowrap;
  }
  .w1200 {
    padding: 0px 20px;
    margin-bottom: 60px;
  }
  .w1200 .box-wrapper {
    margin: 30px -20px 0px;
    padding: 0px;
    max-width: 350px;
  }
  .w1200 .box-wrapper .box {
    float: left;
    margin: 7.5px;
    width: calc(50% - 15px);
    max-width: 160px;
    height: 160px;
    max-width: inherit;
    /*height:calc(50vw - 15px - 12.5px);*/
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }
  .w1200 .box-wrapper .box .icon {
    width: 34.4%;
    height: 34.4%;
    margin: 24px auto 10px;
  }
  .w1200 .box-wrapper .box .name {
    font-size: 14px;
  }
  .w1200 .box-wrapper .box:first-child {
    margin-left: 7.5px;
  }
  .w1200 .box-wrapper .box:last-child {
    margin-right: 7.5px;
  }
  input {
    font-size: 14px;
  }
  .m-margin-t-15, .margin-t-20.m-margin-t-15, .content-wrapper .form-wrapper .btn-wrapper.margin-t-20.m-margin-t-15 {
    margin-top: 15px;
  }
  .m-margin-b-30 {
    margin-bottom: 30px;
  }
  .m-margin-b-50, .m-margin-b-50.margin-b-80 {
    margin-bottom: 50px;
  }
  .content-wrapper.bg-gray {
    padding: 40px 20px 136px;
  }
  .content-wrapper.bg-gray h1 {
    padding-bottom: 30px;
  }
  .content-wrapper h1 {
    padding: 10px 0px 10px;
  }
  .content-wrapper .form-wrapper {
    padding: 35px 0px 50px;
  }
  .content-wrapper .form-wrapper .form-left {
    width: 100%;
    float: none;
    padding: 0px 0px 20px;
  }
  .content-wrapper .form-wrapper .form-right {
    width: 100%;
    float: none;
    padding: 20px;
    margin-bottom: 30px;
  }
  .content-wrapper .form-wrapper .btn-wrapper {
    margin-top: 40px;
    display: block;
  }
  .content-wrapper .form-wrapper .btn-wrapper.display-flex {
    display: block;
  }
  .content-wrapper .form-wrapper .btn-wrapper.no-display {
    display: none;
  }
  .content-wrapper .form-wrapper .button {
    min-width: auto;
  }
  .w586.form-wrapper, .content-wrapper .login-wrapper {
    padding: 35px 20px 50px;
  }
  .content-wrapper .form-wrapper.w888 {
    padding: 0px 0px 50px;
  }
  .form-title {
    font-size: 14px;
  }
  .checkbox {
    margin-top: 0px;
  }
  .content-wrapper .form-wrapper.login-wrapper .form-left {
    width: 100%;
    float: none;
    padding: 0px 0px 40px;
    border-right: none;
    border-bottom: 1px solid #CCCCCC;
  }
  .content-wrapper .form-wrapper.login-wrapper .form-right {
    width: 100%;
    float: none;
    padding: 40px 0px 0px;
    margin-bottom: 0px;
  }
  .registration-summary-wrapper h3 {
    padding-bottom: 20px;
  }
  .registration-summary-wrapper .event-title {
    font-size: 15px;
    line-height: 17px;
    margin-top: 20px;
  }
  .registration-summary-wrapper .location-wrapper li {
    background-position: left top;
    margin-bottom: 5px;
  }
  .registration-summary-wrapper .registration-summary-details {
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .location-wrapper li {
    background-position: left top;
    background-size: 20px 20px;
  }
  /*******************************************************************************/
  .video-wrapper {
    margin-bottom: 60px;
    height: 233px;
  }
  .circle-box-wrapper {
    margin-bottom: 50px;
  }
  .circle-box-wrapper .box-container .box {
    width: 72px;
    height: 72px;
  }
  .circle-box-wrapper .box-container .box img {
    width: 34px;
    height: 34px;
  }
  .circle-box-wrapper .box-container .text {
    width: 72px;
  }
  .accordion-wrapper {
    margin-bottom: 60px;
  }
  .accordion-wrapper .accordion-container {
    padding: 5px 0px;
  }
  .accordion-wrapper .accordion-container .content {
    padding-bottom: 20px;
  }
  .accordion-wrapper .accordion-container.active .title {
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_arrow_up.svg?v=2309131847");
  }
  .accordion-wrapper .title {
    font-size: inherit;
    line-height: 16px;
    padding: 15px 30px 15px 0px;
    background-position: calc(100% - 5px) 13px;
  }
  .content-wrapper .form-wrapper .email-verify-wrapper .form-field {
    float: left;
    /*width:calc(100% - 113px - 10px);*/
  }
  .content-wrapper .form-wrapper .email-verify-wrapper .btn-wrapper {
    margin-top: 0px;
    float: right;
  }
  .content-wrapper .form-wrapper .email-verify-wrapper .btn-wrapper .button {
    line-height: 40px;
    height: 40px;
    /*min-width:113px;*/
  }
  .name-wrapper .prefix-wrapper {
    width: 87px;
    margin-right: 10px;
  }
  .name-wrapper .first-name-wrapper {
    width: calc((100% - 130px) / 2);
    margin-right: 10px;
  }
  .name-wrapper .last-name-wrapper {
    width: calc((100% - 130px) / 2);
  }
  .symbol.success, .symbol.fail {
    width: 50px;
    height: 50px;
  }
  .member-registration.thank-you .content-wrapper .form-wrapper .button {
    min-width: auto;
  }
  .member-registration.thank-you .w586.form-wrapper.w-full {
    padding: 40px 20px 60px;
  }
  .content-wrapper.two-col-form-wrapper .w1200 {
    padding: 0px;
  }
  .content-wrapper.two-col-form-wrapper .form-wrapper.form-left {
    width: 100%;
    padding: 0px 20px;
    float: none;
  }
  .content-wrapper.two-col-form-wrapper .form-wrapper.form-right {
    width: calc(100% + 40px);
    float: none;
    margin-left: -20px;
    margin-top: 50px;
    padding: 25px 20px;
  }
  .content-wrapper.two-col-form-wrapper .form-summary h3 {
    padding-bottom: 20px;
  }
  .content-wrapper.two-col-form-wrapper .form-summary .summary-details {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .content-wrapper.two-col-form-wrapper .form-summary .event-title {
    font-size: 15px;
    line-height: 18px;
    margin-top: 20px;
  }
  .content-wrapper.two-col-form-wrapper .form-summary .subtotal {
    font-size: 13px;
    line-height: 20px;
  }
  .content-wrapper.two-col-form-wrapper .form-summary .subtotal .fright {
    font-size: 15px;
  }
  .content-wrapper.two-col-form-wrapper .form-summary .total {
    font-size: 16px;
    line-height: 22px;
  }
  .content-wrapper.two-col-form-wrapper .form-summary .total .fright {
    font-size: 18px;
  }
  /*******************************************************************************/
  /*Community Events*/
  .community-events-wrapper {
    display: block;
  }
  .community-events-wrapper .img-wrapper {
    float: none;
    width: 100%;
    position: relative;
  }
  .community-events-wrapper .img-wrapper .calendar-box {
    width: 50px;
    height: 50px;
    top: 10px;
    left: 10px;
    padding: 4px 0px;
  }
  .community-events-wrapper .img-wrapper .calendar-box .month {
    font-size: 13px;
  }
  .community-events-wrapper .img-wrapper .calendar-box .date {
    font-size: 15px;
  }
  .community-events-wrapper .img-wrapper img {
    width: 100%;
  }
  .community-events-wrapper .text-wrapper {
    width: 100%;
    float: none;
    padding: 20px;
  }
  .community-events-wrapper .text-wrapper h3 {
    margin-bottom: 15px;
  }
  .community-events-wrapper .text-wrapper .location-wrapper li {
    background-position: left top;
    background-size: 20px 20px;
  }
  .community-events-wrapper .text-wrapper .registration-summary-details {
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .community-events-wrapper .text-wrapper .btn-wrapper {
    position: static;
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    /*                a:first-child .button {
                        margin-right:7.5px;
                    }
                    a:last-child .button {
                        margin-left:7.5px;
                    }*/
  }
  .community-events-wrapper .text-wrapper .btn-wrapper a:hover {
    text-decoration: none;
  }
  .community-events-wrapper .text-wrapper .btn-wrapper a {
    width: calc(50% - 5px);
  }
  .community-events-wrapper .text-wrapper .btn-wrapper .button {
    width: 100%;
    max-width: initial;
    margin: 5px 0px 0px;
  }
  .past-community-events-wrapper .item-wrapper {
    margin: 0px 0px 30px;
    width: 100%;
    float: none;
  }
  .past-community-events-wrapper .item-wrapper .summary-details .title {
    font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0px;
  }
  .past-community-events-wrapper .item-wrapper .summary-details .location-wrapper li {
    background-position: left top;
    background-size: 20px 20px;
    margin-bottom: 5px;
  }
  .past-community-events-wrapper .item-wrapper .summary-details .location-wrapper li .text {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
  }
  .past-community-events-wrapper .item-wrapper .summary-details .btn-wrapper {
    width: calc(100% - 70px);
  }
  .past-community-events-wrapper .item-wrapper .summary-details .btn-wrapper a:hover {
    text-decoration: none;
  }
  .past-community-events-wrapper .item-wrapper .summary-details .button {
    width: 166px;
    padding: 7.5px 0px;
    margin: 10px 0px 0px;
  }
  .tag-wrapper {
    margin-bottom: 20px;
  }
  .tag-wrapper .tag {
    font-size: 14px;
    line-height: 24px;
    background-color: #f2f0e6;
    color: #111111;
    text-decoration: none;
    padding: 2px 15px;
    display: inline-block;
  }
  .page-private-office .w1200 {
    margin-bottom: 60px;
  }
  .page-private-office .location-section {
    margin-bottom: 60px;
  }
  .page-private-office .circle-box-wrapper {
    margin-bottom: 30px;
  }
  .more-content-section {
    margin-bottom: 60px;
  }
  .page-coworking-membership, .page-virtual-office, .page-virtual-office-membership {
    /*.accordion-wrapper { margin-bottom:0px; }*/
  }
  .page-coworking-membership h2, .page-virtual-office h2, .page-virtual-office-membership h2 {
    margin-bottom: 10px;
  }
  .page-coworking-membership .faq-section h2, .page-virtual-office .faq-section h2, .page-virtual-office-membership .faq-section h2 {
    margin-bottom: 10px;
  }
  .page-coworking-membership .event-bar .fleft, .page-coworking-membership .event-bar .fright, .page-virtual-office .event-bar .fleft, .page-virtual-office .event-bar .fright, .page-virtual-office-membership .event-bar .fleft, .page-virtual-office-membership .event-bar .fright {
    width: 100%;
  }
  .page-coworking-membership .event-bar .price, .page-virtual-office .event-bar .price, .page-virtual-office-membership .event-bar .price {
    margin-bottom: 20px;
  }
  .page-coworking-membership .event-bar .button, .page-virtual-office .event-bar .button, .page-virtual-office-membership .event-bar .button {
    width: 100%;
    margin-bottom: 0px;
  }
  .page-coworking-membership .event-bar .promotion, .page-virtual-office .event-bar .promotion, .page-virtual-office-membership .event-bar .promotion {
    margin-bottom: 15px;
  }
  .page-coworking-membership .w791.section-event-details, .page-virtual-office .w791.section-event-details, .page-virtual-office-membership .w791.section-event-details {
    padding-top: 50px;
  }
  .page-coworking-membership .w791.section-photo-gallery, .page-virtual-office .w791.section-photo-gallery, .page-virtual-office-membership .w791.section-photo-gallery {
    padding-top: 50px;
  }
  .page-coworking-membership .w830.section-amenities, .page-virtual-office .w830.section-amenities, .page-virtual-office-membership .w830.section-amenities {
    padding-top: 50px;
  }
  .page-coworking-membership .w830.section-faq, .page-virtual-office .w830.section-faq, .page-virtual-office-membership .w830.section-faq {
    padding-top: 50px;
  }
  .page-coworking-membership .w1200.section-plan-comparison, .page-virtual-office .w1200.section-plan-comparison, .page-virtual-office-membership .w1200.section-plan-comparison {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .page-coworking-membership .w1200.section-plan-comparison .virtual-plans-wrapper .virtual-plans-container:last-child, .page-virtual-office .w1200.section-plan-comparison .virtual-plans-wrapper .virtual-plans-container:last-child, .page-virtual-office-membership .w1200.section-plan-comparison .virtual-plans-wrapper .virtual-plans-container:last-child {
    margin-bottom: 0px;
  }
  .page-coworking-membership .circle-box-wrapper, .page-virtual-office .circle-box-wrapper, .page-virtual-office-membership .circle-box-wrapper {
    margin-top: 20px;
  }
  .page-coworking-membership .section-tnc, .page-virtual-office .section-tnc, .page-virtual-office-membership .section-tnc {
    padding-top: 50px;
  }
  .page-coworking-membership .section-tnc .title, .page-virtual-office .section-tnc .title, .page-virtual-office-membership .section-tnc .title {
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .page-coworking-membership .section-tnc .title:first-child, .page-virtual-office .section-tnc .title:first-child, .page-virtual-office-membership .section-tnc .title:first-child {
    margin-top: 0px;
  }
  .community-events-details-wrapper .price {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .community-events-details-wrapper .price span {
    font-size: 18px;
  }
  .community-events-details-wrapper .event-bar .summary-details {
    padding-right: 0px;
  }
  .community-events-details-wrapper .event-bar .summary-details .right-corner {
    width: 100%;
    position: static;
    text-align: left;
  }
  .community-events-details-wrapper .event-bar .summary-details .right-corner .price {
    display: none;
  }
  .community-events-details-wrapper .event-bar .summary-details .right-corner .price span {
    font-size: 18px;
  }
  .community-events-details-wrapper .event-bar .summary-details .right-corner .btn-wrapper {
    float: none;
    margin-left: 0px;
  }
  .community-events-details-wrapper .event-bar .summary-details .button {
    width: 100%;
    margin-bottom: 0px;
  }
  .community-events-details-wrapper .event-bar .button {
    padding: 9px;
    width: 100%;
    margin-bottom: 15px;
  }
  .community-events-details-wrapper .event-bar .promotion {
    display: inline-block;
    border: 1px solid #836A09;
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_promotion.svg?v=2309131847");
    background-color: #f2f0e6;
    background-position: 10px center;
    background-size: 18px 18px;
    padding: 7px 15px 7px 40px;
    font-size: 15px;
    line-height: 24px;
    color: #836A09;
    font-weight: 600;
  }
  .organiser-wrapper {
    padding: 0px 20px;
    margin-bottom: 20px;
  }
  .organiser-wrapper .organiser-container {
    width: 100%;
    max-width: 330px;
    display: block;
    align-items: center;
  }
  .organiser-wrapper .organiser-container .form-left {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
  }
  .organiser-wrapper .organiser-container .form-left .img-wrapper {
    width: 80px;
    height: 80px;
  }
  .organiser-wrapper .organiser-container .form-left .text-wrapper {
    width: calc(100% - 80px);
    padding: 0px 0px 0px 15px;
  }
  .organiser-wrapper .organiser-container .form-left .text-wrapper .title {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .organiser-wrapper .organiser-container .form-left .text-wrapper .text {
    font-size: 13px;
    line-height: 18px;
  }
  .organiser-wrapper .organiser-container .form-right {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  .organiser-wrapper .organiser-container .form-right ul {
    margin-bottom: 0px;
  }
  .interested-event-swiper .item-wrapper {
    /*margin:0px 0px 30px;*/
    /*width:100%;*/
  }
  .interested-event-swiper .item-wrapper .img-wrapper {
    position: relative;
  }
  .interested-event-swiper .item-wrapper .img-wrapper .calendar-box {
    width: 50px;
    height: 50px;
    top: 10px;
    left: 10px;
    padding: 4px 0px;
  }
  .interested-event-swiper .item-wrapper .img-wrapper .calendar-box .month {
    font-size: 13px;
  }
  .interested-event-swiper .item-wrapper .img-wrapper .calendar-box .date {
    font-size: 15px;
  }
  .interested-event-swiper .item-wrapper .summary-details {
    padding: 10px 0px 0px;
  }
  .interested-event-swiper .item-wrapper .summary-details .title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .interested-event-swiper .item-wrapper .summary-details .location-wrapper li .text {
    font-size: 14px;
  }
  .interested-event-swiper .item-wrapper .summary-details .button {
    font-size: 14px;
    line-height: 17px;
  }
  .interested-events-container {
    width: 100%;
    max-width: 1469px;
    position: relative;
    margin: 0px auto;
  }
  .galleries-swiper, .event-swiper {
    height: auto;
    max-height: initial;
  }
  .modal-gallery-wrapper .modal-gallery-container .modal-gallery-content {
    background-color: transparent;
  }
  .modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .swiperDetail .swiper-wrapper .swiper-slide {
    padding: 0px;
    flex-wrap: wrap;
    background-color: transparent;
  }
  .modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .swiperDetail .swiper-wrapper .caption {
    display: block;
    position: static;
    width: 100%;
    font-size: 14px;
    text-align: center;
    background-color: transparent;
  }
  .modal-gallery-wrapper .modal-gallery-container .modal-gallery-content .swiper-pagination {
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
  }
  .modal-gallery-wrapper .bg-modal {
    opacity: 0.8;
  }
  .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
  }
  .swiper-button-next {
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    margin: auto;
  }
  /*.galleries-swiper .swiper-button-prev {
      left:20px;
  }
  .galleries-swiper .swiper-button-next {
      right:20px;
  }*/
  .benefits ul li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: normal;
    align-items: start;
  }
  .benefits ul li .box {
    width: 65px;
    height: 65px;
    margin: 0px 10px 0px 0px;
  }
  .benefits ul li .box img {
    width: 30px;
    height: 30px;
  }
  .benefits ul li .text {
    width: calc(100% - 95px);
  }
  .benefits ul li:last-child {
    margin-bottom: 0px;
  }
  /*******************************************************************************/
  /* My Account - index */
  .my-account-content-wrapper {
    padding-top: 80px;
    width: 100%;
    max-width: 1720px;
    margin: 0px auto;
  }
  .my-account-content-wrapper .w995 {
    max-width: 1595px;
    padding-left: 300px;
  }
  .my-account-content-wrapper .w791 {
    margin: 0px;
  }
  .my-account-content-wrapper .form-group:after {
    display: none;
  }
  .content-wrapper .member-card-wrapper {
    display: block;
    text-align: center;
    margin-bottom: 50px;
  }
  .content-wrapper .member-card-wrapper h1 {
    margin-bottom: 5px;
  }
  .content-wrapper .member-card-wrapper .member-card {
    width: calc(100% - 100px);
    max-width: 275px;
    height: auto;
    margin: 0px auto 25px;
  }
  .content-wrapper .my-account-records {
    margin-bottom: 50px;
  }
  .content-wrapper .my-account-records .no-content {
    padding-top: 15px;
  }
  .content-wrapper .my-account-records .no-content .message {
    font-size: inherit;
    padding-left: 32px;
    background-size: 22px 22px;
    margin-bottom: 20px;
  }
  .content-wrapper .my-account-records .no-content .button {
    width: 100%;
    padding: 9px 25px;
  }
  .content-wrapper .my-account-records .button {
    max-width: 100%;
    padding: 9px 25px;
    margin-top: 0px;
  }
  .content-wrapper .my-account-records .cover {
    width: 90px;
    height: 60px;
    margin-right: 10px;
  }
  .content-wrapper .my-account-records .item {
    padding: 30px 0px;
    border-bottom: 1px solid #CCCCCC;
  }
  .content-wrapper .my-account-records .item .item-content {
    width: calc(100% - 100px);
  }
  .content-wrapper .my-account-records .item .item-content .title {
    margin-bottom: 10px;
  }
  .content-wrapper .my-account-records .item .item-content .text {
    font-size: 13px;
  }
  .content-wrapper .my-account-records .item:last-child {
    border-bottom: none;
    padding-bottom: 0px;
  }
  /*******************************************************************************/
  /* My Account - Left Menu */
  .content-wrapper .my-account-content-wrapper {
    padding-top: 40px;
  }
  .content-wrapper .my-account-content-wrapper .w995 {
    padding-left: 20px;
  }
  .content-wrapper .my-account-content-wrapper .my-account-menu.left-nav {
    display: none;
  }
  .content-wrapper .my-account-content-wrapper .form-wrapper {
    padding-top: 0px;
  }
  /* ********************************* modal ********************************* */
  .important-notice-wrapper {
    padding: 20px;
    position: relative;
  }
  .important-notice-wrapper .btn-close div {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_close.svg?v=2309131847");
    background-size: 20px 20px;
  }
  .important-notice-wrapper .w1200 {
    padding: 0px;
    background-color: transparent;
  }
  .important-notice-wrapper .w1200 .title {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 17px;
  }
  .important-notice-wrapper .w1200 .text {
    font-size: 14px;
    line-height: 20px;
  }
  .article-wrapper {
    padding: 50px 0px 150px;
  }
  .article-content {
    width: 100%;
    float: none;
    padding: 0px 20px;
  }
  .article-content .tag-wrapper {
    margin: 15px 0px 10px;
  }
  .article-content .tag-wrapper .tag {
    font-size: 13px;
    line-height: 24px;
    padding: 0px 20px;
    margin-bottom: 5px;
  }
  .article-related {
    float: none;
    width: 100%;
    max-width: inherit;
    padding: 0px 12.5px;
  }
  .article-related h3 {
    padding: 0px 7.5px;
  }
  .article-related .cover {
    float: none;
    margin: 0px auto 10px;
    width: 100%;
    height: auto;
  }
  .article-related .item-content {
    float: none;
    width: 100%;
  }
  .article-related .item-content .datetime {
    float: none;
    font-size: 12px;
    line-height: 13px;
    min-width: auto;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 5px;
  }
  .article-related .item-content .stroke {
    display: none;
    font-size: 12px;
    line-height: 13px;
  }
  .article-related .item-content .author {
    float: none;
    font-size: 12px;
    line-height: 13px;
    min-width: auto;
    width: 100%;
  }
  .article-related .item-content .title {
    font-size: 13px;
    line-height: 16px;
  }
  .article-related .related-list {
    width: 50%;
    padding: 10px 7.5px;
    float: left;
    margin-bottom: 10px;
  }
  .article-related .share-wrapper {
    padding: 30px 0px;
    margin: 0px 7.5px 30px;
  }
  .article-related .share-wrapper .share-container {
    float: left;
    display: inline-block;
  }
  .article-related .share-wrapper h3 {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
  }
  .insights-wrapper {
    width: 100%;
    float: none;
    padding: 0px 0px;
    margin-bottom: 30px;
  }
  .insights-wrapper .item-content .datetime {
    float: left;
    font-size: 14px;
    line-height: 17px;
    padding-right: 15px;
    margin-bottom: 10px;
  }
  .insights-wrapper .item-content .stroke {
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #CCCCCC;
    padding-right: 15px;
    margin-bottom: 10px;
  }
  .insights-wrapper .item-content .author {
    float: left;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .insights-wrapper .item-content .title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .insights-wrapper .item-content .tag {
    font-size: 13px;
    line-height: 24px;
  }
  /*******************************************************************************/
  /* Meeting Rooms */
  .meeting-rooms-wrapper {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    margin-right: 12.5px;
    position: relative;
  }
  .meeting-rooms-wrapper .img-wrapper {
    height: auto;
    max-height: inherit;
  }
  .meeting-rooms-wrapper .text-wrapper {
    padding: 15px 0px 80px;
  }
  .meeting-rooms-wrapper .text-wrapper h3 {
    margin-bottom: 10px;
  }
  .meeting-rooms-wrapper .text-wrapper .location-wrapper li {
    margin-bottom: 5px;
  }
  .meeting-rooms-wrapper .text-wrapper .price {
    font-size: 13px;
  }
  .meeting-rooms-wrapper .text-wrapper .price span {
    font-size: 16px;
  }
  .meeting-rooms-wrapper .text-wrapper .summary-details {
    padding-bottom: 15px;
  }
  .meeting-rooms-wrapper .text-wrapper .registration-summary-details {
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .meeting-rooms-wrapper .text-wrapper .btn-wrapper {
    position: absolute;
    bottom: 35px;
    left: 0px;
  }
  .meeting-rooms-wrapper .text-wrapper .btn-wrapper a:hover {
    text-decoration: none;
  }
  .meeting-rooms-wrapper .text-wrapper .button {
    width: calc(50% - 7.5px);
    max-width: initial;
    margin-right: 0px;
  }
  .meeting-rooms-wrapper .text-wrapper .btn-wrapper a:first-child .button {
    float: left;
  }
  .meeting-rooms-wrapper .text-wrapper .btn-wrapper a:last-child .button {
    float: right;
  }
  .meeting-rooms-wrapper.col-left, .meeting-rooms-wrapper.col-right {
    margin: 0px;
  }
  .rooms-search-wrapper {
    overflow: hidden;
    margin: 30px auto 50px;
  }
  .rooms-search-wrapper .search-tool-title {
    display: block;
  }
  .rooms-search-wrapper .w1200 {
    background-color: transparent;
    margin-bottom: 0px;
  }
  .rooms-search-wrapper .search-tool-wrapper {
    border-top: 1px solid #bababa;
  }
  .rooms-search-wrapper .search-container {
    width: 100%;
    height: initial;
    float: none;
    border-left: none;
    border-bottom: 1px solid #bababa;
    padding: 24px 0px 12px;
  }
  .rooms-search-wrapper .search-container.search-button {
    float: none;
    width: 100%;
    height: inherit;
    border-right: none;
    border-bottom: 0px;
    padding: 30px 0px;
  }
  .rooms-search-wrapper .search-container.search-button .button {
    width: 100%;
    line-height: 40px;
  }
  .rooms-search-wrapper .select-date input {
    background-size: 20px 20px;
  }
  .rooms-search-wrapper .name {
    font-size: 13px;
    line-height: 15px;
  }
  .search-tool-counter {
    max-width: initial;
  }
  .search-tool-counter .icon-minus div {
    width: 20px;
    height: 20px;
  }
  .search-tool-counter input[name=count] {
    width: calc(100% - 40px);
    float: left;
    line-height: 20px;
  }
  .search-tool-counter .icon-add div {
    width: 20px;
    height: 20px;
  }
  /*******************************************************************************/
  /* Virtual Office Index */
  .membership-plans-wrapper {
    display: block;
  }
  .membership-plans-wrapper .img-wrapper {
    float: none;
    width: 100%;
    display: block;
  }
  .membership-plans-wrapper .img-wrapper img {
    position: static;
    width: 100%;
    margin: auto;
  }
  .membership-plans-wrapper .text-wrapper {
    width: 100%;
    float: none;
    padding: 20px 15px;
  }
  .membership-plans-wrapper .text-wrapper h3 {
    line-height: 24px;
    margin-bottom: 5px;
  }
  .membership-plans-wrapper .text-wrapper .price {
    font-size: 14px;
    font-family: "Chronicle Display", "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-bottom: 15px;
  }
  .membership-plans-wrapper .text-wrapper .price span {
    font-size: 16px;
    font-weight: 600;
  }
  .membership-plans-wrapper .text-wrapper ul {
    padding: 0px;
    margin-bottom: 15px;
  }
  .membership-plans-wrapper .text-wrapper ul li {
    list-style: none;
    background-image: url("https://www.eatonclub.com.hk/wp-content/themes/eatonclub/assets/img/icons/icon_tick_black.svg?v=2309131847");
    background-size: 15px 15px;
    background-position: left top;
    padding-left: 30px;
  }
  .membership-plans-wrapper .text-wrapper .promotion {
    background-position: 10px center;
    background-size: 18px 18px;
    padding: 7px 15px 7px 40px;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .membership-plans-wrapper .text-wrapper .btn-wrapper {
    position: static;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .membership-plans-wrapper .text-wrapper .btn-wrapper a {
    width: calc(50% - 5px);
  }
  .membership-plans-wrapper .text-wrapper .button {
    width: 100%;
    max-width: initial;
    margin: 0px;
  }
  /*******************************************************************************/
  /* Virtual Office Form */
  .select-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 50px;
  }
  .select-wrapper .select-container .select-content {
    width: calc(100% - 35px);
  }
  .select-wrapper .select-container .title {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .select-wrapper .select-container .description {
    font-size: 14px;
    line-height: 20px;
  }
  .select-wrapper.select-payment-wrapper .select-content .icon-payment img {
    width: 63px;
  }
  .select-wrapper.select-payment-wrapper .select-content span {
    display: none;
  }
  .select-wrapper.select-visit-wrapper .select-container {
    width: 100%;
    margin-bottom: 10px;
  }
  .select-wrapper.w-full .select-container {
    margin-bottom: 15px;
  }
  .select-wrapper.w-full .select-container::last-child {
    margin-bottom: 0px;
  }
  .select-wrapper.col-two .select-container, .select-wrapper.col-three .select-container, .select-wrapper.col-four .select-container {
    width: 100%;
    margin-bottom: 15px;
  }
  .select-membership-plan-wrapper {
    margin-bottom: 80px;
  }
  .select-membership-plan-wrapper .description {
    margin-bottom: 30px;
  }
  .select-membership-plan-wrapper .select-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
  .select-membership-plan-wrapper .select-wrapper .select-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
  .select-membership-plan-wrapper .select-wrapper .select-container .select-content .fleft {
    width: 100%;
    float: none;
  }
  .select-membership-plan-wrapper .select-wrapper .select-container .select-content .cover.fleft {
    width: 150px;
    margin-bottom: 10px;
  }
  .select-membership-plan-wrapper .select-wrapper .select-container .select-content .price {
    font-size: 14px;
    line-height: 19px;
  }
  .select-membership-plan-wrapper .select-wrapper .select-container .select-content .price span {
    font-size: 16px;
  }
  .select-membership-plan-wrapper .select-wrapper .select-container .select-content .promotion {
    float: none;
    display: inline-block;
    font-size: 13.35px;
    line-height: 21.35px;
    margin: 15px 0px 0px;
  }
  .select-membership-plan-wrapper .select-wrapper:last-child {
    margin-bottom: 0px;
  }
  .select-payment-wrapper {
    margin-bottom: 30px;
  }
  .select-payment-wrapper .select-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
  .select-payment-wrapper .select-wrapper .select-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
  }
  .select-payment-wrapper .select-wrapper .select-container .fleft {
    float: none;
    width: 100%;
  }
  .select-payment-wrapper .select-wrapper .select-container .description {
    float: none;
    width: 100%;
  }
  .select-payment-wrapper .select-wrapper .select-container .price {
    font-size: 14px;
    line-height: 18px;
  }
  .select-payment-wrapper .select-wrapper .select-container .price span {
    font-size: 16px;
  }
  .select-payment-wrapper .select-wrapper:last-child {
    margin-bottom: 0px;
  }
  form.virtual-office .button {
    padding: 9px 20px;
    width: 100%;
    min-width: auto;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .cookie-wrapper {
    padding: 20px;
  }
  .cookie-wrapper .cookie-container {
    width: 100%;
    max-width: 1200px;
  }
  .cookie-wrapper .cookie-container .text-wrapper {
    font-size: 14px;
    width: 100%;
    float: none;
  }
  .cookie-wrapper .cookie-container .btn-wrapper {
    margin-top: 15px;
  }
  .cookie-wrapper .cookie-container .button.style-border {
    line-height: 18px;
    width: 150px;
    float: none;
    border-color: #7f7f7f;
    padding: 8px 44px;
    font-size: 14px;
  }
  .registration-details {
    padding: 30px 20px;
  }
  .registration-details .ref-no-wrapper {
    font-size: 14px;
  }
  .registration-details .table-wrapper .table-row {
    padding: 15px;
  }
  .registration-details .table-wrapper .table-header {
    padding: 10px 14px;
    font-size: 14px;
  }
  .registration-details .table-wrapper .table-title {
    float: none;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .registration-details .table-wrapper .table-content {
    text-align: left;
    float: none;
    width: 100%;
    font-size: 14px;
  }
  .registration-details .table-wrapper .table-content .semibold {
    font-size: 15px;
  }
  .registration-details .table-wrapper .table-content .no-circle {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .registration-details .table-wrapper .table-content .list-li {
    margin-bottom: 12px;
  }
  .registration-details .table-wrapper .table-content .list-content {
    width: calc(100% - 28px);
  }
  .registration-details .table-wrapper .table-content div.address {
    padding-left: 25px;
    background-position: left 0px;
    background-size: 20px 20px;
  }
  .registration-details .table-wrapper .table-content div.openinghours {
    padding-left: 25px;
    background-position: left 0px;
    background-size: 20px 20px;
  }
  .my-account-record-details {
    /*.billing_info {
        line-height:22px;
        div { margin-bottom:10px; }
        div:last-child { margin-bottom:0px; }
    }*/
  }
  .my-account-record-details .ref-no-wrapper {
    font-size: 14px;
  }
  .my-account-record-details .table-wrapper {
    /*.table-content.w-full {
        width:100%;
        float:none;
        text-align:left;
    }*/
  }
  .my-account-record-details .table-wrapper .table-header {
    font-size: 14px;
    padding: 14px 14px;
  }
  .my-account-record-details .table-wrapper .table-row {
    padding: 20px 14px;
  }
  .my-account-record-details .table-wrapper .table-title {
    display: block;
    float: none;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .my-account-record-details .table-wrapper .table-content {
    display: block;
    float: none;
    text-align: left;
    /*.btn-wrapper { 
        margin-top:0px;
        .button { width:inherit; min-width:inherit; padding:6.5px 24px; }
    }
    .list-li {
        margin-bottom:20px;
    }
    .list-li::after {
        content:""; display:block; clear:both; 
    }
    .list-li:last-child {
        margin-bottom:0px;
    }
    .no-circle { 
        width:30px;
        height:30px;
        border-radius:50%;
        background-color:#111111; 
        color:#ffffff;
        text-align:center;
        margin-right:15px;
        float:left;
    }
    .list-content {
        float:right; 
        width:calc(100% - 45px);
    }*/
  }
  .my-account-record-details .table-wrapper .table-content .semibold {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .my-account-record-details .table-wrapper .table-content div.address {
    background-position: left -2px;
  }
  .my-account-record-details .table-wrapper .table-content div.openinghours {
    background-position: left -2px;
  }
  .my-account-record-details .table-wrapper .table-content .semibold {
    font-size: 15px;
  }
}
@media all and (-ms-high-contrast: none) {
  .menu-wrapper .menu-container ul {
    display: inline-block;
  } /* IE10 */
  .menu-wrapper .menu-container ul li ul {
    display: flex;
  }
  *::-ms-backdrop, .menu-wrapper .menu-container ul {
    display: inline-block;
  } /* IE11 */
  *::-ms-backdrop, .menu-wrapper .menu-container ul li ul {
    display: flex;
  }
}
@supports (-ms-ime-align: auto) { /* IE edge */
  .menu-wrapper .menu-container ul {
    display: inline-block;
  }
}

/*# sourceMappingURL=common.css.map */