.img_logo_green {
  width: 150px;
  height: auto;
  display: block;
  position: absolute;
}

.nav-link {
  color: #364842;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
}

.nav-link:hover {
  color: #364842;
  text-decoration: underline;
}

.nav-link.w--current {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  text-decoration: underline;
}

.container {
  z-index: 990;
  width: 100%;
  height: auto;
  max-width: 1680px;
  justify-content: space-around;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.navbar {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  position: fixed;
}

.brand {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lang {
  width: 25px;
  color: #364842;
  justify-content: center;
  align-items: center;
  font-family: Noto Sans TC, sans-serif;
  text-decoration: none;
  display: flex;
}

.lang:hover {
  color: #364842;
  text-decoration: underline;
}

.txt_lang {
  color: #364842;
  font-family: Noto Sans SC, sans-serif;
  font-size: 12px;
}

.txt_lang.tc {
  font-family: Noto Sans TC, sans-serif;
}

.lang_wrapper {
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.nav-menu {
  min-width: 870px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home_hb {
  width: 100%;
  background-image: url('../images/banner.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 937px;
}

.slide_inner {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.slide {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.mask {
  height: 937px;
}

.slider {
  height: 937px;
  margin-left: auto;
  margin-right: auto;
}

.left-arrow, .right-arrow {
  display: none;
}

.txt_slide_tit {
  height: 240px;
  color: #fff;
  text-transform: uppercase;
  font-family: Times, sans-serif;
  font-size: 48px;
  line-height: 60px;
  overflow: hidden;
}

.slide_tit {
  width: 100%;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.slide_tit_w {
  width: 100%;
  height: auto;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.nav_div {
  z-index: 999;
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.slide-nav {
  max-width: 1680px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
  display: flex;
  top: 65%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.nav_inner {
  background-image: none;
}

.home_inner_wrapper {
  width: 100%;
  height: auto;
  max-width: 1680px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.mouse-wrapper-inner {
  z-index: 200;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: 0%;
  right: 0%;
}

._154-scroll-text {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  margin-top: 0;
  margin-right: 0;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 14px;
}

.lottie-animation-2 {
  width: 100px;
  height: auto;
  margin-bottom: 0;
  display: block;
}

.home_txt_wrapper {
  width: 50%;
  padding-right: 40px;
}

.home_tit_txt {
  color: #fff;
  text-transform: uppercase;
  font-family: Times, sans-serif;
  font-size: 24px;
}

.home_tit_txt.hide {
  display: none;
}

.home_about_cont_txt {
  color: #fff;
  text-align: justify;
  font-family: Karla variablefont wght, sans-serif;
  line-height: 30px;
}

.txt_home_more_btn {
  color: #fff;
  letter-spacing: 4px;
  text-indent: 4px;
  text-transform: uppercase;
  font-family: Karla variablefont wght, sans-serif;
  text-decoration: none;
}

.home_more_btn_wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.img_home_more_btn_arrow {
  z-index: 10;
  width: 30px;
  height: auto;
  position: absolute;
}

.home_more_btn_circle {
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  display: flex;
  position: relative;
}

.home_about_img_wrapper {
  width: 50%;
  padding-left: 40px;
}

.home_about_img {
  background-image: url('../images/home_building.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 72%;
}

.home_about_wrapper {
  width: 100%;
  height: 700px;
  background-image: url('../images/green_bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home_tit_wrapper {
  margin-bottom: 20px;
}

.home_about_cont_wrapper {
  margin-bottom: 40px;
}

.img_home_more_btn_circle {
  width: 35px;
  height: 35px;
}

.home_more_btn_arrow {
  width: 30px;
  height: auto;
  position: absolute;
  right: 17px;
}

.home_about_shopping_wrapper {
  width: 100%;
  height: 638px;
  background-image: url('../images/home_small_banner_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home_about_shopping_wrapper.dining {
  background-image: url('../images/home_small_banner_2.jpg');
}

.home_about_shopping_wrapper.office {
  background-image: url('../images/home_small_banner_3.jpg');
}

.home_about_shopping_cont {
  width: 100%;
  max-width: 840px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.txt_home_about_shopping {
  color: #fff;
  text-transform: uppercase;
  font-family: Times, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
}

.img_home_about_sect_btn_circle {
  width: 50px;
  height: 50px;
}

.home_about_shopping_txt {
  margin-bottom: 60px;
}

.txt_home_about_sect {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Karla variablefont wght, sans-serif;
  text-decoration: none;
}

.home_about_sect_btn {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.home_about_sect_txt {
  margin-left: -20px;
  text-decoration: none;
}

.map, .map_wrapper {
  width: 100%;
  height: auto;
}

.html-embed {
  width: 100%;
  height: 65vh;
  margin-bottom: 0;
}

.html-embed.home {
  height: 80vh;
}

.footer {
  z-index: 10;
  width: 100%;
  height: auto;
  background-color: #efebeb;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
}

.footer_inner {
  width: 100%;
  height: auto;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
}

.img_footer_logo {
  width: 200px;
}

.footer_logo_w {
  justify-content: center;
  align-items: center;
  margin-top: -40px;
  display: flex;
}

.txt_footer_link {
  color: #727272;
  text-transform: uppercase;
  font-family: Karla variablefont wght, sans-serif;
}

.footer_link_w {
  width: 100%;
  height: auto;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.footer_link_w.hide {
  display: none;
}

.img_fb_logo {
  width: 30px;
  height: 30px;
}

.footer_logo_lai_sun {
  justify-content: flex-end;
  margin-top: 20px;
  padding-right: 40px;
  display: flex;
}

.ig_logo {
  margin-left: 10px;
}

.footer_bottom {
  width: 100%;
  height: auto;
  max-width: 1680px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.txt_footer_bottom_rights {
  color: #737373;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.img_top_btn_arrow {
  width: 30px;
  height: auto;
}

.top_btn_wrapper {
  z-index: 10;
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.txt_top_btn {
  color: #727272;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 12px;
}

.top_btn {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.top_btn_txt {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Karla variablefont wght, sans-serif;
  text-decoration: none;
  transform: rotate(90deg);
}

.nav_bg {
  z-index: 10;
  opacity: 0;
  background-color: #fff;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 2px 0 4px rgba(5, 4, 4, .4);
}

.nav_bg.home {
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
}

.top_btn_arrow {
  text-decoration: none;
}

.footer_link {
  color: #737373;
  text-decoration: none;
}

.footer_link:hover {
  color: #737373;
  text-decoration: underline;
}

.img_footer_bottom_logo {
  width: 160px;
  height: auto;
}

.footer_bottom_rights {
  margin-right: 5px;
  text-decoration: none;
}

.home_more_btn {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer_logo {
  z-index: 200;
  position: relative;
}

.footer_bottom_right_side {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.footer_bottom_dige2 {
  margin-left: 0;
  margin-right: 5px;
}

.link {
  color: #737373;
  text-decoration: none;
}

.top {
  z-index: 200;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
}

.img_logo_white {
  width: 150px;
  height: auto;
}

.hb {
  width: 100%;
  height: auto;
  position: relative;
}

.hb_bg {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.img_hb_bg {
  background-image: url('../images/hb_promotions.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 467px;
}

.img_hb_bg.shopping {
  background-image: url('../images/hb_shopping.jpg');
}

.img_hb_bg.office {
  background-image: url('../images/hb_office.jpg');
}

.img_hb_bg.ls_club {
  background-image: url('../images/hb_LS_club.jpg');
}

.img_hb_bg.about {
  background-image: url('../images/hb_about.jpg');
}

.img_hb_bg.contact {
  background-image: url('../images/hb_contact.jpg');
}

.img_hb_bg.dining {
  background-image: url('../images/hb_dining.jpg');
}

.hb_inner {
  z-index: 10;
  width: 100%;
  height: auto;
  max-width: 1680px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.txt_hb_tit {
  color: #fff;
  text-transform: uppercase;
  font-family: Times, sans-serif;
  font-size: 48px;
  line-height: 60px;
}

.sect_promtion {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 100px;
}

.container_1680 {
  width: 100%;
  height: auto;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.container_1680.news_details {
  flex-direction: column;
  display: flex;
}

.nav_bg_gradient {
  z-index: -1;
  width: 100%;
  height: 90px;
  opacity: 0;
  background-image: url('../images/gradient.png');
  background-position: 50% 85%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.nav_bg_gradient.home {
  opacity: 0;
}

.tab-link-tab-1 {
  color: #959999;
  background-color: rgba(0, 0, 0, 0);
  padding: 7px 0;
  font-family: Karla variablefont wght, sans-serif;
}

.tab-link-tab-1.w--current {
  color: #364842;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 3px solid #364842;
  padding-left: 0;
  padding-right: 0;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.tab_link {
  text-transform: uppercase;
  border-bottom: 3px #364842;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
}

.green_line {
  height: 1px;
  max-width: 1600px;
  background-image: linear-gradient(#364842, #364842);
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-link-tab-2 {
  color: #959999;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 30px;
  margin-right: 30px;
  padding: 7px 0;
  font-family: Karla variablefont wght, sans-serif;
}

.tab-link-tab-2:active {
  color: #364842;
}

.tab-link-tab-2.w--current {
  color: #364842;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 3px solid #364842;
  margin-left: 30px;
  margin-right: 30px;
  padding: 7px 0;
  text-decoration: none;
}

.tab-pane-tab-2, .tab-pane-tab-1 {
  width: 100%;
  margin-left: 10px;
  padding-top: 0;
}

.img_promotion {
  width: 100%;
  height: auto;
  background-image: url('../images/img_promotions_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 72%;
}

.img_promotion.p02 {
  background-image: url('../images/img_promotions_2.jpg');
}

.img_promotion.p03 {
  background-image: url('../images/img_promotions_3.jpg');
}

.promotion_photo {
  width: 100%;
  height: auto;
}

.promotion_p {
  width: 30.5%;
  background-color: #fff;
  margin: 30px 1% 0;
  display: inline-block;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
}

.promotion_container {
  box-shadow: none;
  flex-direction: column;
  display: flex;
}

.txt_cate_container_tit {
  text-transform: none;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.txt_cate_container_tit.cap {
  text-transform: uppercase;
}

.promotion_tit {
  height: 80px;
  margin-bottom: 10px;
  padding: 20px 20px 10px;
  overflow: hidden;
}

.txt_promotion_date {
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
}

.img_promotion_calendar_icon {
  width: 20px;
  height: 20px;
}

.promotion_date {
  justify-content: space-around;
  align-items: center;
  padding-bottom: 20px;
}

.promotion_cont {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 15px;
  display: flex;
}

.promotion_date_container {
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.promotion_calendar_icon {
  width: 30px;
  height: auto;
  margin-top: -2px;
  margin-right: 0;
}

.inner_more_btn_circle {
  width: 77px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.more_btn_arrow_green {
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inner_more_btn_circle_green {
  width: 35px;
  height: 35px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 3px;
}

.img_inner_more_btn_circle {
  z-index: 10;
  width: 30px;
  height: auto;
  position: absolute;
}

.img_inner_more_btn_arrow {
  width: 30px;
  height: 30px;
}

.tabs-content {
  width: 100%;
  height: auto;
  padding-top: 0;
  overflow: visible;
}

.date {
  width: 80%;
  align-items: center;
  display: flex;
}

.inner_more_btn {
  width: 22%;
}

.inner_more_btn.cate {
  width: 100%;
  position: relative;
  left: 10px;
}

.green_line_mask {
  width: 93.6%;
  height: 57px;
  position: absolute;
  overflow: hidden;
}

.tabs-menu {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.green_line_mob {
  height: 1px;
  max-width: 1600px;
  background-image: linear-gradient(#364842, #364842);
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link_img_promotion {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.txt_details {
  text-align: center;
  font-family: Noto Sans TC, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.details_txt_w {
  width: 75%;
  height: auto;
  margin: 20px auto 40px;
  padding-bottom: 60px;
}

.details_txt_w.mob {
  margin-top: 20px;
}

.details_txt_w.details {
  margin-top: 60px;
}

.details_cont_wrapper {
  width: 100%;
  max-width: 1680px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 130px;
  padding-bottom: 60px;
  display: flex;
}

.txt_news_tit {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
}

.news_tit_inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

.news_date_wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.news_cal_icon {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}

.txt_news_cal_date {
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.news_cal_icon_w {
  padding-right: 10px;
}

.back_btn_icon_circle_green {
  width: 30px;
  height: 30px;
}

.back_btn_wrapper {
  width: 100%;
  height: auto;
  max-width: 1680px;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-right: 50px;
  display: flex;
}

.back_btn_icon_img {
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.back_btn_icon_arrow_green {
  width: 30px;
  height: 30px;
  margin-top: 3px;
  position: absolute;
  right: -5px;
}

.back_btn_icon {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.txt_back_btn {
  color: #364842;
  font-family: Karla variablefont wght, sans-serif;
  text-decoration: none;
}

.back_btn_txt {
  padding-bottom: 2px;
}

.link_back {
  z-index: 100;
  text-decoration: none;
  position: relative;
}

.tab-link-tab-3 {
  color: #959999;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  margin-right: 30px;
  padding: 7px 0;
}

.tab-link-tab-3.w--current {
  color: #364842;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 3px solid #364842;
}

.search_icon {
  z-index: 100;
  width: 35px;
  height: 35px;
  margin-bottom: 3px;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.img_search_icon {
  width: 23px;
  height: 23px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.search_w {
  z-index: 10;
  width: 400px;
  height: 45px;
  display: block;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.field-label, .search-button {
  display: none;
}

.search {
  display: block;
}

.search_cur {
  border: 1px solid #fff;
}

.search_cur:focus {
  background-color: #fff;
  border: 1px solid #fff;
}

.cate_p {
  width: 30.5%;
  box-shadow: none;
  background-color: #fff;
  margin: 30px 1% 60px;
  display: inline-block;
}

.cate_container_more_w {
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 0;
  display: flex;
}

.cate_container_tit {
  width: 74%;
  padding: 15px 20px 15px 0;
  overflow: hidden;
}

.img_cate_p {
  width: 100%;
  background-image: url('../images/img_shopping_5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 125%;
}

.img_cate_p.p01 {
  background-image: url('../images/img_shopping_1.jpg');
}

.img_cate_p.p02 {
  background-image: url('../images/img_shopping_2.jpg');
}

.img_cate_p.p03 {
  background-image: url('../images/img_shopping_3.jpg');
}

.img_cate_p.p04 {
  background-image: url('../images/img_shopping_4.jpg');
}

.img_cate_p.dp01 {
  background-image: url('../images/img_dining_1.jpg');
}

.img_cate_p.dp02 {
  background-image: url('../images/img_dining_2.jpg');
}

.img_cate_p.dp03 {
  background-image: url('../images/img_dining_3.jpg');
}

.img_cate_p.dp04 {
  background-image: url('../images/img_dining_4.jpg');
}

.img_cate_p.dp06 {
  background-image: url('../images/img_dining_6.jpg');
}

.img_cate_p.dp05 {
  background-image: url('../images/img_dining_5.jpg');
}

.img_cate_p.dp07 {
  background-image: url('../images/img_dining_7.jpg');
}

.cate_container_more_container {
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 0;
  display: flex;
}

.cate_container {
  box-shadow: none;
  flex-direction: column;
  display: flex;
}

.cate_photo {
  width: 100%;
  height: auto;
}

.link_img_cate {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.cate_container_tit_w {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.txt_cate_floor_tit {
  color: #959999;
  text-transform: uppercase;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
}

.cate_floor_tit_w {
  width: 10%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.cate_floor_w {
  width: 100%;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.txt_cate_floor_link {
  text-transform: uppercase;
}

.txt_cate_floor_link.no_cap {
  text-transform: none;
}

.cate_floor_link_txt {
  border: 1px solid #364842;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 7px 20px;
  display: flex;
}

.cate_floor_no_w {
  width: 90%;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.cate_floor_link {
  color: #364842;
  margin-top: 20px;
  margin-right: 20px;
  text-decoration: none;
}

.cate_floor_link:focus {
  color: #fff;
  background-color: #364842;
}

.floor_plan_map_inner {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.floor_plan_map_w {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img_floor_plan_map_p.p01 {
  display: none;
}

.image {
  background-image: url('../images/floor_plan_en_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.lightbox-link {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lightbox-link.hide {
  display: none;
}

.shop_detail_w {
  width: 100%;
  height: auto;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.shop_detail_w:hover {
  background-color: #f5f5f5;
}

.shop_txt {
  margin-left: 10px;
  padding-top: 3px;
  padding-bottom: 10px;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.shop_detail_name {
  width: 25%;
  margin-left: 20px;
}

.shop_detail_name.office {
  width: 20%;
}

.img_inner_shop_logo_p {
  width: 140px;
  height: auto;
  background-image: url('../images/G02_China-Construction-Bank-Asia.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 140px;
}

.img_inner_shop_logo_p.p2 {
  background-image: url('../images/G03_Circle-K_2.jpg');
}

.img_inner_shop_logo_p.p3 {
  background-image: url('../images/G04_M04_Bank-of-Communications.jpg');
}

.img_inner_shop_logo_p.p4 {
  background-image: url('../images/G06_-M06_Industrial-and-Commercial-Bank-of-China-Asia.jpg');
}

.img_inner_shop_logo_p.p5 {
  background-image: url('../images/M01_M01A_M02_Hang-Seng-Bank.jpg');
}

.img_inner_shop_logo_p.p6 {
  background-image: url('../images/104A_Fotomax.jpg');
}

.img_inner_shop_logo_p.dp01 {
  background-image: url('../images/G09B1_Arome-Bakery.jpg');
}

.img_inner_shop_logo_p.dp02 {
  background-image: url('../images/G09B2_G09B4_Starbucks-Coffee.jpg');
}

.shop_logo {
  width: 100%;
  height: auto;
}

.shop_detail_map_pt {
  width: 20%;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.shop_detail_map_pt.office {
  width: 10%;
}

.img_shop {
  width: 25px;
  height: 25px;
}

.icon_shop {
  width: 25px;
  height: 25px;
  margin-right: 0;
}

.shop_detail_info_w {
  width: 85%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.shop_detail_info_w.office {
  align-items: center;
}

.shop_detail_container {
  width: 100%;
  height: auto;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.grey_line {
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
  margin-bottom: 0;
}

.grey_line.hide {
  display: none;
}

.shop_detail_time {
  width: 20%;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.shop_detail_time.office {
  width: 20%;
}

.shop_detail_tel {
  width: 12%;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.shop_detail_tel.office {
  width: 12%;
}

.shop_detail_vip_icon {
  width: 5%;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-left: 20px;
  margin-right: 5px;
  display: flex;
}

.shop_detail_txt {
  width: 90%;
}

.shop_logo_img_w {
  width: 140px;
  height: 140px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link_shop_logo {
  width: 15%;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 10px;
}

.link_shop_logo:hover {
  opacity: .8;
}

.icon_vip {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  margin-right: 0;
}

.icon_coupon {
  width: 25px;
  height: 25px;
  margin-right: 0;
}

.details_tit_inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

.txt_details_tit {
  color: #364842;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Times, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
  display: flex;
}

.container_1680_40 {
  max-width: 1680px;
	width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.txt_16pt_30 {
  text-align: center;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.col_100_shopping_details {
  width: 100%;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.col_50 {
  width: 50%;
}

.col_50._840 {
  padding-left: 40px;
  padding-right: 40px;
}

.cat_details_img_w {
  width: 100%;

  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img_cat_details {
  width: 100%;

  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 75%;
}

.img_cat_details.dp01 {
  background-image: url('../images/img_dining_detail.jpg');
}

.col_inner {
  width: 100%;
  flex-direction: column;
  padding-left: 20px;
  display: flex;
}

.img_shop_details {
  width: 25px;
  height: 25px;
}

.icon_shop_details_w {
  width: 5%;
  margin-right: 0;
}

.details_shop_txt {
  margin-left: 10px;
  padding-top: 3px;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.details_shop_txt.green {
  color: #009ba9;
}

.details_shop_txt_wrapper {
  width: 98%;
}

.details_shop_line {
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.shop_detail_link {
  width: 90%;
  color: #333;
  text-decoration: none;
}

.shop_detail_link.phone {
  width: 90%;
  height: auto;
}

.icon-2 {
  display: block;
}

.left-arrow-3, .right-arrow-3 {
  display: none;
}

.slider-3 {
  background-color: rgba(0, 0, 0, 0);
  display: none;
}

.search_icon_mob {
  z-index: 100;
  width: 35px;
  height: 35px;
  margin-bottom: 3px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.floor_plan_map_w2 {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.floor_plan_map_p {
  background-image: url('../images/floor_plan_en_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 45%;
}

.floor_plan_map_p.p1 {
  background-position: 50%;
}

.floor_plan_map_p.p2 {
  background-image: url('../images/floor_plan_en_2.jpg');
  background-position: 50%;
}

.floor_plan_map_p.p2.hide {
  display: none;
}

.floor_plan_map_p.p3 {
  background-image: url('../images/floor_plan_en_3.jpg');
  background-position: 50%;
}

.floor_plan_map_p.p3.hide {
  display: none;
}

.floor_plan_map_p.p4 {
  background-image: url('../images/floor_plan_en_4.jpg');
  background-position: 50%;
}

.floor_plan_map_p.p4.hide {
  display: none;
}

.floor_plan_map_p.p5 {
  background-image: url('../images/floor_plan_en_5.jpg');
}

.floor_plan_map_p.p5.hide {
  display: none;
}

.office_info {
  width: 80%;
  max-width: 1680px;
  background-color: #f6f3ec;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 60px;
  display: flex;
  position: absolute;
}

.office_info_w {
  width: 100%;
  height: auto;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  margin-bottom: 220px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.office_plaza_info_c {
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.office_plaza_info_w {
  width: 100%;
  height: auto;
  max-width: 1680px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.office_plaza_about_w {
  width: 100%;
  height: auto;
  max-width: 1680px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img_office_plaza_about {
  width: 100%;
  height: auto;
  background-image: url('../images/office_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 75%;
}

.txt_16pt_30_justify {
  text-align: justify;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.office_plaza_about_txt_w {
  max-width: 840px;
}

.txt_office_plaza_tit {
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Times, sans-serif;
  font-size: 48px;
  line-height: 60px;
  display: flex;
}

.office_plaza_data_inner {
  width: 100%;
  height: auto;
  max-width: 1180px;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.office_plaza_data_no_inner {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.txt_office_plaza_data {
  font-family: Karla variablefont wght, sans-serif;
  font-size: 18px;
}

.office_plaza_data_line {
  width: 1px;
  height: 50px;
  background-color: #333;
}

.office_plaza_data_no_w {
  display: flex;
}

.leasing_info_w {
  background-color: #f6f3ec;
  padding: 100px 20px;
}

.leasing_info_cont_w {
  width: 100%;
  height: auto;
  justify-content: space-around;
  margin-top: 40px;
  display: flex;
}

.icon_leasing_info {
  width: 25px;
  height: 25px;
}

.leasing_info_cont {
  display: flex;
}

.leasing_info_icon {
  margin-right: 10px;
}

.txt_leasing_info {
  margin-top: 3px;
}

.link-block-2, .link-block-3, .link-block-4 {
  color: #333;
  text-decoration: none;
}

.tenant_w {
  padding-top: 100px;
  padding-bottom: 120px;
}

.tenant_logo_w {
  width: 100%;
  height: auto;
  max-width: 1180px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tenant_logo_inner {
  width: 17%;
  justify-content: space-around;
  margin-left: 1%;
  margin-right: 1%;
	margin-bottom: 2%
}

.img_tenant_logo_p {
  width: 100%;
  height: auto;
  background-image: url('../images/logo_office_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 45%;
}

.img_tenant_logo_p.p2 {
  background-image: url('../images/logo_office_2.jpg');
}

.img_tenant_logo_p.p3 {
  background-image: url('../images/logo_office_3.jpg');
}

.img_tenant_logo_p.p4 {
  background-image: url('../images/logo_office_4.jpg');
}

.img_tenant_logo_p.p5 {
  background-image: url('../images/logo_office_5.jpg');
}

.img_tenant_logo_p.p6 {
  background-image: url('../images/logo_office_6.jpg');
}

.img_tenant_logo_p.p7 {
  background-image: url('../images/logo_office_7.jpg');
}

.img_tenant_logo_p.p8 {
  background-image: url('../images/logo_office_8.jpg');
}

.img_tenant_logo_p.p9 {
  background-image: url('../images/logo_office_9.jpg');
}



.view_all_btn_w {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.view_all_inner {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.txt_view_all_btn {
  color: #364842;
  justify-content: center;
  align-items: center;
  font-family: Karla variablefont wght, sans-serif;
  text-decoration: none;
  display: flex;
}

.view_all_btn {
  height: auto;
  border: 1px solid #364842;
  padding: 6px 20px;
}

.link-block-5 {
  text-decoration: none;
  display: none;
}

.tenant_inner {
  margin-bottom: 40px;
}

.office_plaza_data_w {
  display: flex;
}

.office_plaza_about_img_w {
  width: 100%;
  height: auto;
}

.txt_16pt_30_left {
  text-align: left;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.btn_job_submit {
  z-index: 10;
  width: 100px;
  height: 35px;
  color: #000;
  letter-spacing: 3px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.horizont-line {
  width: 100%;
  height: 4px;
  transform-origin: 0 0;
  transform-style: preserve-3d;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale3d(.15, 1, 1);
}

.horizont-line.thin {
  height: 1px;
  transform-style: preserve-3d;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: scale3d(.1, 1, 1);
}

.horizont-line.thin.bott-l {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.horizont-line.thin.bott-r {
  transform-origin: 100% 100%;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.horizont-line.thin.top-r {
  transform-origin: 100% 0;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.vert-line {
  width: 4px;
  height: 100%;
  transform-origin: 0 0;
  transform-style: preserve-3d;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale3d(1, .35, 1);
}

.vert-line.thin {
  width: 1px;
  transform-style: preserve-3d;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: scale3d(1, .25, 1);
}

.vert-line.thin.bott-l {
  transform-origin: 0 100%;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.vert-line.thin.bott-r {
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.vert-line.thin.top-r {
  perspective-origin: 100% 0;
  transform-origin: 100% 0;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.btn_sumbit_txt {
  width: 100%;
  height: auto;
  color: #364842;
  letter-spacing: 0;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.counterup {
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Times, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  display: flex;
}

.body {
  background-color: #fff;
}

.ls_club_logo_w {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ls_club_w {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ls_club_inner {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.ls_club_cont_txt_w {
  width: 100%;
  height: auto;
  max-width: 1680px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 40px auto;
  display: flex;
}

.ls_club_cont_tit_w {
  width: 65%;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.txt_ls_club_cont_tit {
  height: auto;
  text-align: center;
  font-family: Times, sans-serif;
  font-size: 24px;
  line-height: 40px;
}

.txt_16pt_30_middle {
  text-align: center;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.ls_club_frame_inner {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.ls_club_frame_p {
  width: 29%;
  margin-bottom: 5%;
  margin-left: 1.5%;
  margin-right: 2%;
  display: inline-block;
}

.ls_club_frame_w {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
}

.txt_16pt_24_justify {
  width: 100%;
  height: auto;
  color: #333;
  text-align: justify;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}

.img_ls_club_p {
  background-image: url('../images/img_LS_club_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100%;
}

.img_ls_club_p.p2 {
  background-image: url('../images/img_LS_club_2.jpg');
}

.img_ls_club_p.p3 {
  background-image: url('../images/img_LS_club_3.jpg');
}

.img_ls_club_p.p5 {
  background-image: url('../images/img_LS_club_2.jpg');
}

.img_ls_club_p.p6 {
  background-image: url('../images/img_LS_club_3.jpg');
}

.link_ls_club_txt {
  margin-top: 10px;
  text-decoration: none;
}

.ls_club_img_w {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.balloon_w {
  width: 20%;
  max-width: 1920px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.container_1280 {
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.link_img_ls_club, .lightbox-link-2 {
  width: 100%;
  height: auto;
}

.image-2 {
  display: none;
}

.ls_club_container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.about_w {
  width: 100%;
  height: auto;
  margin-top: 40px;
}

.about_inner {
  width: 100%;
  height: auto;
  max-width: 1680px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.txt_about_tit {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Times, sans-serif;
  font-size: 36px;
  line-height: 40px;
  display: flex;
}

.about_tit {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.txt_about {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  font-family: Times, sans-serif;
  font-size: 24px;
  line-height: 30px;
  display: flex;
}

.about_tit_w {
  padding-left: 20px;
  padding-right: 20px;
}

.about_tit_2 {
  margin-top: 30px;
}

.about_line_w {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.lottie-animation-3 {
  width: 100px;
  height: auto;
  display: block;
}

.left_img_w {
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
}

.left_img_c {
  width: 100%;
  height: auto;
}

.img_left {
  width: 374px;
  height: 280px;
  background-image: url('../images/img_about_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.right_img_w {
  margin-top: 20px;
  padding-right: 0;
}

.right_img_c {
  width: 100%;
  height: auto;
}

.img_right {
  width: 234px;
  height: 308px;
  background-image: url('../images/img_about_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.bottom_img_w {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 60px auto 140px;
  display: flex;
}

.img_bottom {
  width: 729px;
  height: 313px;
  background-image: url('../images/img_about_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.bottom_img_c {
  margin-left: auto;
  margin-right: auto;
}

.bottom_txt_w {
  width: 58%;
  height: auto;
  max-width: 1280px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.contact_wrapper {
  width: 100%;
  height: auto;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
}

.contact_col_50_w {
  width: 50%;
  padding: 40px 20px 100px;
}

.contact_col_50_inner {
  width: 100%;
  height: auto;
}

.contact_col_50_inner.car {
  padding-bottom: 20px;
}

.container_1680_contact {
  width: 100%;
  height: auto;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.txt_contact_tit {
  color: #364842;
  font-family: Times, sans-serif;
  font-size: 36px;
  line-height: 40px;
}

.contact_cont_w {
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
}

.icon_contact {
  width: 25px;
  height: 25px;
}

.contact_icon_w {
  padding-right: 10px;
}

.txt_contact {
  font-family: Karla variablefont wght, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.txt_contact.red {
  color: red;
}

.contact_phone {
  color: #333;
  text-decoration: none;
}

.contact_tit_w {
  width: 100%;
}

.contact_sub_tit_w {
  margin-top: 40px;
}

.txt_contact_sub_tit {
  color: #364842;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.cont_small_txt {
  font-family: Karla variablefont wght, sans-serif;
  font-size: 13px;
}

.cont_small_txt.right {
  justify-content: flex-end;
  display: flex;
}

.cont_small_txt.red {
  color: red;
}

.cont_small_txt_w {
  margin-top: 10px;
  margin-bottom: 10px;
}

.cont_small_txt_w.hide {
  display: none;
}

.contact_form_w {
  width: 100%;
  height: auto;
  margin-top: 30px;
}

.contact_form_w.btn {
  display: flex;
}

.form_roll_inner {
  width: 100%;
  align-items: flex-start;
  display: flex;
}

.form_txt_w {
  width: 15%;
  align-items: center;
  display: flex;
}

.form_field_w {
  width: 85%;
}

.form_roll_w {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.submit-button {
  display: none;
}

.field_wrapper {
  justify-content: flex-end;
  display: flex;
}

.submit_btn_w {
  width: 80px;
  height: auto;
  background-color: #fff;
  border: 1px solid #364842;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
}

.submit_btn_w:hover {
  background-color: #364842;
}

.submit_btn_txt {
  color: #364842;
  text-transform: uppercase;
  padding: 7px 20px;
  font-family: Karla variablefont wght, sans-serif;
  text-decoration: none;
}

.submit_btn_txt:hover {
  color: #fff;
}

.textarea {
  min-height: 200px;
  margin-bottom: 0;
}

.contact_form_inner {
  width: 85%;
  display: flex;
}

.container_1680_contact_vert {
  width: 100%;
  height: auto;
  max-width: 1680px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.car_green_line {
  width: 100%;
  height: 1px;
  background-color: #364842;
  margin-top: 0;
}

.txt_car_sub_tit {
  font-family: Karla variablefont wght, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.txt_car_tit {
  color: #364842;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.img_car_icon {
  width: 35px;
  height: 35px;
}

.car_icon_w {
  width: 60px;
  height: auto;
}

.car_roll_inner {
  flex-direction: row;
  display: flex;
}

.car_roll_right_inner_w {
  width: 90%;
  margin-top: 5px;
}

.car_sub_tit {
  margin-bottom: 10px;
}

.car_sub_green_line {
  width: 135px;
  border-bottom: 3px solid #364842;
}

.car_icon_inner {
  margin-top: 2px;
}

.car_icon_small_w {
  width: 8%;
  padding-right: 10px;
}

.car_txt_w {
  width: 90%;
  margin-top: 2px;
}

.car_roll_right_w {
  width: 90%;
}

.car_line {
  width: 100%;
  height: 1px;
  background-color: #d5d5d5;
  margin-top: 20px;
  margin-bottom: 20px;
}

.link-block-6 {
  color: #333;
  text-decoration: none;
}

.shop_tab_container {
  margin-top: 20px;
}

.shop_detail_cat {
  width: 23%;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.tabs {
  width: 100%;
  height: auto;
}

.spcae {
  width: 15%;
}

.home_txt_cont_1920 {
  width: 50%;
}

.office_img_wrapper {
  width: 100%;
  height: auto;
}

.gradient_bar {
  width: 100%;
  height: 100px;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(255, 255, 255, 0));
  position: absolute;
}

.gradient_bar_home {
  width: 100%;
  height: 100px;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(255, 255, 255, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.shop_logo_line_w {
  width: 140px;
  height: 140px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.img_inner_office_logo_p {
  width: 140px;
  height: auto;
  background-image: url('../images/G02_China-Construction-Bank-Asia.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 140px;
}

.img_inner_office_logo_p.op1 {
  background-image: url('../images/logo_office_2.jpg');
}

.img_inner_office_logo_p.op2 {
  background-image: url('../images/logo_office_4.jpg');
}

.img_inner_office_logo_p.op3 {
  background-image: url('../images/logo_office_7.jpg');
}

.img_inner_office_logo_p.op4 {
  background-image: url('../images/logo_office_13.jpg');
}

.img_inner_office_logo_p.op5 {
  background-image: url('../images/logo_office_1.jpg');
}

.home_about_cont_big_txt {
  color: #fff;
  font-family: Karla variablefont wght, sans-serif;
  font-size: 20px;
}

.icon_3 {
  width: 25px;
  height: 25px;
  margin-right: 0;
}

.icon_4 {
  width: 25px;
  height: 25px;
  margin-right: 0;
  display: block;
}

.footer_txt_div {
  display: flex;
}

.text-span {
  padding-right: 3px;
  font-size: 10px;
}

.link-2, .link-3 {
  color: #737373;
  text-decoration: none;
}

.col_100 {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.disclaimer_w {
  width: 100%;
  height: auto;
  max-width: 1180px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  display: flex;
}

.disclaimer_w._2 {
  padding-bottom: 100px;
}

.disclaimer_title_w {
  width: 100%;
  height: auto;
  max-width: 1180px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 40px;
}

.disclaimer_info_c {
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.disclaimer_title_w_2 {
  width: 100%;
  height: auto;
  max-width: 1680px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.txt_terms_sub_tit {
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Times, sans-serif;
  font-size: 24px;
  line-height: 60px;
  display: flex;
}

.terms_txt_wrapper {
  width: 100%;
  max-width: 1180px;
  padding-left: 40px;
  padding-right: 40px;
}

.txt_terms_tit {
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Times, sans-serif;
  font-size: 48px;
  line-height: 60px;
  display: flex;
}

.mask-2 {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.details_img_w {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.details_img_w.news_details {
  height: 700px;
  margin: auto;
}

.slider-2 {
  width: 100%;
  height: 700px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider_wrapper {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-3 {
  width: auto;
  height: 600px;
  max-width: none;
}

.icon-4 {
  font-size: 24px;
}

.slide-2 {
  width: 100%;
  height: auto;
  padding: 10px;
}

.left-arrow-2 {
  display: block;
  overflow: visible;
}

.details_img {
  border: 10px solid #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.icon-3 {
  color: #364842;
  font-size: 24px;
}

.slide-nav-2 {
  z-index: 1000;
  width: 100%;
  height: auto;
  display: block;
  top: auto;
  bottom: -20px;
  left: 0%;
  right: 0%;
}

.right-arrow-2 {
  color: #364842;
  display: block;
}

html.w-mod-js [data-ix="fade-down"] {
  opacity: 0;
  transform: translate(0, -100px);
}

html.w-mod-js [data-ix="fade-up"] {
  opacity: 0;
  transform: translate(0, 100px);
}

html.w-mod-js [data-ix="fade-left"] {
  opacity: 0;
  transform: translate(100px);
}

html.w-mod-js [data-ix="fade-right"] {
  opacity: 0;
  transform: translate(-100px);
}

@media screen and (min-width: 1280px) {
  .nav-menu {
    width: 80%;
    justify-content: flex-end;
  }

  .map {
    display: block;
  }

  .green_line_mask {
    width: 94%;
  }

  .back_btn_wrapper {
    padding-right: 30px;
  }

  .floor_plan_map_p, .floor_plan_map_p.p1, .floor_plan_map_p.p2, .floor_plan_map_p.p2.hide, .floor_plan_map_p.p3, .floor_plan_map_p.p3.hide, .floor_plan_map_p.p4, .floor_plan_map_p.p4.hide, .floor_plan_map_p.p5, .floor_plan_map_p.p5.hide {
    padding-bottom: 45%;
  }

  .about_inner {
    padding-bottom: 140px;
  }

  .left_img_w {
    margin-top: 0;
    padding-left: 20px;
    position: absolute;
    top: 32%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .right_img_w {
    margin-top: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .bottom_img_w {
    margin-top: 100px;
  }

  .bottom_txt_w {
    width: 57%;
  }

  .about_txt_w {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .img_logo_green {
    width: 180px;
  }

  .nav-link {
    padding-left: 25px;
    padding-right: 20px;
    font-size: 12px;
  }

  .container {
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .brand {
    width: 20%;
    padding-left: 0;
  }

  .lang_wrapper {
    margin-left: 10px;
  }

  .nav-menu {
    padding-right: 20px;
  }

  .home_about_wrapper {
    height: 840px;
  }

  .img_logo_white {
    width: 180px;
  }

  .nav_bg_gradient {
    height: 150px;
  }

  .tab_link {
    white-space: nowrap;
  }

  .green_line {
    width: 100%;
  }

  .promotion_date_txt {
    width: 70%;
  }

  .inner_more_btn {
    width: 20%;
  }

  .green_line_mob {
    width: 94.4%;
  }

  .back_btn_wrapper {
    padding-right: 20px;
  }

  .search {
    padding-right: 40px;
  }

  .office_info {
    width: 70%;
  }

  .view_all_btn {
    display: none;
  }

  .btn_sumbit_cont {
    height: auto;
  }

  .btn_job_submit {
    width: 120px;
    height: 35px;
  }

  .btn_sumbit_txt {
    letter-spacing: 0;
    font-style: normal;
  }

  .ls_club_cont_tit_w {
    width: 60%;
  }

  .bottom_txt_w {
    width: 51%;
  }

  .gradient_bar {
    height: 150px;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    justify-content: space-around;
  }

  .brand {
    justify-content: space-between;
    padding-left: 40px;
  }

  .home_hb {
    justify-content: center;
  }

  .slide_inner {
    height: auto;
  }

  .slide_tit {
    justify-content: flex-start;
  }

  .home_about_shopping_cont {
    max-width: 840px;
    padding-left: 140px;
  }

  .img_home_about_sect_btn_circle {
    width: 50px;
    height: 50px;
  }

  .sect_promtion {
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 100px;
    padding-right: 0;
  }

  .container_1680 {
    width: 100%;
    height: auto;
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
  }

  .nav_bg_gradient {
    height: 150px;
  }

  .green_line {
    width: 100%;
  }

  .txt_cate_container_tit {
    font-weight: 500;
  }

  .promotion_date_txt {
    width: 80%;
  }

  .promotion_cont {
    justify-content: space-between;
  }

  .inner_more_btn {
    width: 20%;
  }

  .green_line_mask {
    width: 95.5%;
  }

  .green_line_mob {
    width: 100%;
  }

  .back_btn_wrapper {
    z-index: 800;
    position: relative;
  }

  .search {
    padding-right: 0;
  }

  .cate_container_tit {
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .shop_detail_w {
    flex-direction: column;
  }

  .shop_detail_name.office {
    width: 23%;
  }

  .grey_line {
    background-color: #d8d8d8;
    padding-bottom: 0;
    padding-right: 0;
  }

  .col_50._840 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .col_50.office {
    justify-content: flex-end;
    display: flex;
  }

  .office_info {
    width: 58%;
  }

  .office_plaza_about_w {
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
  }

  .img_office_plaza_about {
    width: 100%;
    height: auto;
  }

  .txt_office_plaza_tit {
    text-align: center;
    font-family: Times, sans-serif;
    font-size: 48px;
    line-height: 60px;
  }

  .office_plaza_data_inner {
    display: flex;
  }

  .leasing_info_w {
    padding-left: 40px;
    padding-right: 40px;
  }

  .counterup {
    text-align: center;
    font-family: Times, sans-serif;
    font-size: 48px;
    line-height: 60px;
  }

  .ls_club_w {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .ls_club_inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .ls_club_cont_txt_w {
    max-width: 1680px;
  }

  .ls_club_cont_tit_w {
    width: 50%;
  }

  .ls_club_frame_w {
    width: 100%;
    height: auto;
  }

  .balloon_w {
    display: block;
    left: 2%;
  }

  .container_1280 {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .bottom_txt_w {
    width: 38%;
  }

  .container_1680_contact, .container_1680_contact_vert {
    width: 100%;
    height: auto;
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
  }

  .home_txt_cont_1920 {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .office_img_wrapper {
    justify-content: flex-end;
    display: flex;
  }

  .img_inner_office_logo_p.op3 {
    background-image: url('../images/logo_office_7.jpg');
  }

  .disclaimer_w {
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
  }

  .txt_terms_sub_tit {
    text-align: center;
    font-family: Times, sans-serif;
  }

  .txt_terms_tit {
    text-align: center;
    font-family: Times, sans-serif;
    font-size: 48px;
    line-height: 60px;
  }

  .mask-2 {
    overflow: hidden;
  }

  .slide-2 {
    padding: 10px;
  }

  .left-arrow-2, .slide-nav-2, .right-arrow-2 {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .img_logo_green {
    width: 200px;
    display: block;
  }

  .nav-link {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
    font-size: 16px;
  }

  .nav-link:hover {
    color: #fff;
  }

  .container {
    max-width: none;
    justify-content: space-between;
    padding-top: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  }

  .navbar {
    background-color: #fff;
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
  }

  .brand {
    width: 30%;
    margin-right: auto;
    padding-left: 40px;
  }

  .lang {
    justify-content: flex-start;
    margin-right: 10px;
  }

  .txt_lang {
    font-size: 16px;
  }

  .lang_wrapper {
    width: 100vw;
    justify-content: flex-start;
    padding-top: 15px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .nav-menu {
    width: 100%;
    height: 100vh;
    background-color: #364842;
    display: none;
  }

  .home_hb {
    padding-bottom: 600px;
  }

  .mask, .slider {
    height: 600px;
  }

  .left-arrow, .right-arrow {
    display: block;
  }

  .txt_slide_tit {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 36px;
    line-height: 48px;
  }

  .slide_tit {
    padding-left: 100px;
    padding-right: 100px;
  }

  .slide-nav {
    display: none;
  }

  .menu-button {
    justify-content: flex-end;
    margin-right: 25px;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .icon {
    color: #4f5f5a;
    justify-content: flex-end;
    display: flex;
  }

  .nav_inner {
    margin-left: auto;
    margin-right: auto;
  }

  .nav_txt_wrapper {
    width: 100vw;
    height: auto;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .home_inner_wrapper {
    flex-direction: column-reverse;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .lottie-animation-2 {
    width: 80px;
  }

  .home_txt_wrapper {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .home_about_img_wrapper {
    width: 100%;
    padding-left: 0;
  }

  .home_about_img {
    width: 100%;
    height: auto;
  }

  .home_about_wrapper {
    height: auto;
  }

  .home_about_shopping_wrapper {
    height: auto;
    background-position: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home_about_shopping_wrapper.office {
    background-position: 80%;
  }

  .home_about_shopping_cont {
    width: 60%;
  }

  .txt_home_about_shopping {
    font-size: 36px;
    line-height: 48px;
  }

  .map {
    display: block;
  }

  .footer {
    padding-top: 20px;
  }

  .footer_logo_w {
    margin-top: -60px;
  }

  .txt_footer_link {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .footer_link_w {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer_logo_lai_sun {
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-right: 0;
  }

  .footer_bottom {
    flex-direction: column;
    justify-content: center;
  }

  .home_about_img_inner {
    width: 100%;
  }

  .footer_bottom_logo {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer_bottom_rights {
    margin-bottom: 3px;
    margin-right: 0;
  }

  .footer_bottom_right_side {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding-top: 10px;
  }

  .footer_bottom_dige2 {
    margin-right: 0;
  }

  .img_logo_white {
    width: 200px;
    display: none;
  }

  .img_hb_bg {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/hb_promotions.jpg');
    background-position: 0 0, 63%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-bottom: 400px;
  }

  .img_hb_bg.shopping {
    background-image: url('../images/hb_shopping.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50%, 0 0;
    padding-bottom: 400px;
  }

  .img_hb_bg.office {
    padding-bottom: 400px;
  }

  .img_hb_bg.ls_club {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/hb_LS_club.jpg');
    background-position: 0 0, 70%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .img_hb_bg.about {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/hb_about.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 0 0, 50%, 0 0;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .img_hb_bg.contact {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/hb_contact.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 0 0, 50% 0, 0 0;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .img_hb_bg.dining {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/hb_dining.jpg');
    background-position: 0 0, 60%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .hb_inner {
    margin-top: 47px;
  }

  .sect_promtion {
    margin-top: 10px;
  }

  .container_1680 {
    z-index: 100;
  }

  .container_1680.news_details {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav_bg_gradient {
    display: none;
  }

  .tab-link-tab-1 {
    width: 100%;
  }

  .tab-link-tab-1.w--current {
    width: 100%;
    border-bottom-style: none;
    border-bottom-width: 0;
  }

  .tab_link {
    white-space: nowrap;
  }

  .green_line {
    width: 100%;
    height: 50px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    border: 1px solid #e0e0e0;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .green_line.news {
    display: none;
  }

  .tab-link-tab-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .tab-link-tab-2.w--current {
    border: 0 solid #000;
    margin-left: 0;
    margin-right: 0;
  }

  .tab-pane-tab-2 {
    padding-top: 20px;
  }

  .tab-pane-tab-1 {
    width: 100%;
    padding-top: 20px;
  }

  .promotion_p {
    width: 45%;
    margin-right: 3.5%;
  }

  .promotion_p.p01, .promotion_p.p02, .promotion_p.p03 {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .promotion_tit {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .promotion_date {
    display: flex;
  }

  .promotion_date_container {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .promotion_calendar_icon {
    width: 30px;
  }

  .inner_more_btn_circle {
    width: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .inner_more_btn_circle_green {
    right: -2px;
  }

  .date {
    width: 100%;
    align-items: flex-start;
    padding-bottom: 5px;
  }

  .inner_more_btn {
    margin-top: 5%;
    margin-left: -2%;
  }

  .inner_more_btn.cate {
    margin-top: 0%;
  }

  .green_line_mask {
    width: 100%;
    height: 50px;
    background-color: #f0f0f0;
    margin-bottom: 20px;
    display: block;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .green_line_mask.news {
    display: none;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .green_line_mob {
    width: 100%;
    display: block;
  }

  .details_txt_w {
    width: 100%;
  }

  .details_txt_w.mob {
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .details_cont_wrapper {
    padding-top: 100px;
  }

  .back_btn_wrapper {
    padding-right: 25px;
  }

  .tab-link-tab-3 {
    width: 100%;
  }

  .tab-link-tab-3.w--current {
    width: 100%;
    border: 0 solid #000;
  }

  .search_icon {
    display: none;
  }

  .search_w {
    width: 100%;
    height: 50px;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .search_cur {
    width: 100%;
    height: 50px;
    background-color: #f0f0f0;
    border-color: #c7c7c7;
  }

  .cate_p {
    width: 45%;
    margin-top: 0;
    margin-right: 3.5%;
  }

  .cate_container_more_w {
    display: flex;
  }

  .cate_container_more_container {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .txt_cate_floor_tit {
    width: 100%;
  }

  .cate_floor_tit_w {
    width: 100%;
    margin-bottom: 10px;
  }

  .cate_floor_w {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .cate_floor_no_w {
    width: 100%;
    padding-left: 0;
  }

  .cate_floor_link {
    margin-top: 10px;
  }

  .shop_txt {
    padding-top: 2px;
  }

  .shop_txt.mob {
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 18px;
    font-weight: 700;
  }

  .shop_detail_name, .shop_detail_name.office {
    width: 100%;
  }

  .img_inner_shop_logo_p {
    margin-bottom: 0;
  }

  .shop_logo {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .shop_detail_map_pt {
    width: 100%;
    margin-bottom: 10px;
  }

  .shop_detail_map_pt.office {
    width: 100%;
  }

  .shop_detail_info_w {
    width: 70%;
    flex-direction: column;
  }

  .shop_detail_container {
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .shop_detail_time {
    width: 100%;
    margin-bottom: 10px;
  }

  .shop_detail_time.office {
    width: 100%;
  }

  .shop_detail_tel {
    width: 100%;
    margin-bottom: 10px;
  }

  .shop_detail_tel.office {
    width: 100%;
  }

  .shop_detail_vip_icon {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .link_shop_logo {
    width: 30%;
  }

  .icon_vip, .icon_coupon {
    margin-right: 5px;
  }

  .txt_details_tit {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    line-height: 40px;
  }

  .txt_16pt_30 {
    line-height: 26px;
  }

  .col_100_shopping_details {
    flex-direction: column;
    margin-bottom: 0;
  }

  .col_50 {
    width: 100%;
  }

  .col_50.mob {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .col_50._840 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .col_inner {
    padding-left: 0;
  }

  .details_shop_txt {
    padding-top: 2px;
  }

  .details_shop_line {
    padding-left: 0;
    padding-right: 0;
  }

  .search_icon_mob {
    margin-bottom: 0;
    display: block;
  }

  .floor_plan_map_p {
    padding-bottom: 58%;
  }

  .floor_plan_map_p.p2.hide {
    display: none;
  }

  .office_info {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    position: static;
  }

  .office_info_w {
    background-color: #f6f3ec;
    margin-bottom: 100px;
  }

  .office_plaza_info_w {
    margin-bottom: 140px;
  }

  .office_plaza_about_w {
    flex-direction: column;
  }

  .txt_16pt_30_justify {
    line-height: 26px;
  }

  .office_plaza_about_txt_w {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .txt_office_plaza_tit {
    font-size: 36px;
    line-height: 40px;
  }

  .leasing_info_w {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .tenant_w {
    padding: 60px 20px;
  }

  .tenant_logo_w {
    display: flex;
  }

  .tenant_logo_inner {
    width: 30%;
    margin-bottom: 2%;
  }

  .txt_16pt_30_left {
    line-height: 26px;
  }

  .counterup {
    font-size: 36px;
    line-height: 40px;
  }

  .ls_club_inner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .ls_club_cont_tit_w {
    width: 100%;
  }

  .txt_16pt_30_middle {
    line-height: 26px;
  }

  .ls_club_frame_p {
    width: 45%;
    margin-left: 2.5%;
  }

  .txt_16pt_24_justify {
    line-height: 24px;
  }

  .container_1280 {
    z-index: 100;
  }

  .about_inner {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .about_tit_2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lottie-animation-3 {
    width: 80px;
  }

  .left_img_w {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
    position: static;
  }

  .img_left {
    background-size: cover;
  }

  .right_img_w {
    margin-top: 20px;
    padding-right: 0;
    position: static;
  }

  .bottom_img_w {
    margin-top: 60px;
    margin-bottom: 140px;
  }

  .img_bottom {
    background-size: cover;
  }

  .bottom_img_c {
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .bottom_txt_w {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact_col_50_w {
    width: 100%;
    padding: 0 0 40px;
  }

  .container_1680_contact {
    z-index: 100;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .form_roll_inner {
    flex-direction: column;
  }

  .form_txt_w, .form_field_w {
    width: 100%;
  }

  .container_1680_contact_vert {
    z-index: 100;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .car_icon_w {
    width: 50px;
  }

  .car_roll_inner {
    flex-direction: row;
  }

  .car_icon_small_w {
    width: 35px;
    height: auto;
    padding-right: 5px;
  }

  .car_roll_right_w {
    width: 90%;
  }

  .shop_detail_cat {
    width: 100%;
    margin-bottom: 10px;
  }

  .spcae {
    display: none;
  }

  .img_inner_office_logo_p {
    margin-bottom: 0;
  }

  .icon_3, .icon_4 {
    margin-right: 5px;
  }

  .footer_txt_div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .col_100 {
    width: 100%;
  }

  .disclaimer_w {
    flex-direction: column;
    padding-bottom: 0;
  }

  .disclaimer_title_w {
    max-width: 1180px;
    margin-bottom: 0;
  }

  .disclaimer_title_w_2 {
    padding-bottom: 40px;
  }

  .txt_terms_sub_tit {
    text-align: center;
    line-height: 40px;
  }

  .terms_txt_wrapper {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .txt_terms_tit {
    font-size: 36px;
    line-height: 40px;
  }

  .details_img_w.news_details {
    height: 650px;
    max-width: 100%;
  }

  .slider-2 {
    height: 650px;
    flex-direction: column;
    display: flex;
  }

  .image-3 {
    width: 100%;
    height: auto;
  }

  .slide-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .left-arrow-2, .right-arrow-2 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .brand {
    width: 50%;
    padding-left: 25px;
  }

  .txt_slide_tit {
    font-size: 30px;
    line-height: 40px;
  }

  .slide_tit {
    padding-left: 80px;
    padding-right: 80px;
  }

  .mouse-wrapper-inner {
    bottom: 5%;
  }

  .lottie-animation-2 {
    width: 80px;
  }

  .home_more_btn_arrow {
    padding-bottom: 3px;
  }

  .home_about_shopping_wrapper {
    background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url('../images/home_small_banner_1.jpg');
    background-position: 0 0, 80%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .home_about_shopping_wrapper.dining {
    background-image: url('../images/home_small_banner_2.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50% 100%, 0 0;
  }

  .home_about_shopping_wrapper.office {
    background-image: url('../images/home_small_banner_3.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 65% 30%, 0 0;
  }

  .home_about_shopping_cont {
    width: 100%;
    padding-right: 40px;
  }

  .home_about_shopping_txt {
    margin-bottom: 40px;
  }

  .img_hb_bg {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/hb_promotions.jpg');
    background-position: 0 0, 70%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-bottom: 300px;
  }

  .img_hb_bg.shopping, .img_hb_bg.office {
    padding-bottom: 300px;
  }

  .img_hb_bg.ls_club {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/hb_LS_club.jpg');
    background-position: 0 0, 70% 20%;
  }

  .txt_hb_tit {
    font-size: 36px;
    line-height: 48px;
  }

  .container_1680 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container_1680.news_details {
    padding-left: 30px;
    padding-right: 30px;
  }

  .green_line {
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
  }

  .tab-pane-tab-2, .tab-pane-tab-1 {
    margin-left: 0;
  }

  .promotion_p {
    width: 97.5%;
  }

  .inner_more_btn_circle_green {
    padding-bottom: 3px;
  }

  .inner_more_btn {
    width: 20%;
    margin-left: -5%;
  }

  .inner_more_btn.cate {
    margin-top: 0%;
    margin-left: -8%;
  }

  .green_line_mask {
    background-color: rgba(0, 0, 0, 0);
  }

  .search_w {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .search {
    display: block;
  }

  .search_cur {
    border-style: solid;
    display: block;
  }

  .cate_p {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .cate_floor_tit_w {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .cate_floor_w {
    flex-direction: column;
  }

  .cate_floor_no_w {
    justify-content: center;
    align-items: center;
    overflow: visible;
  }

  .img_inner_shop_logo_p {
    width: 280px;
    padding-bottom: 280px;
  }

  .shop_logo {
    width: 100%;
    margin-bottom: 3px;
  }

  .shop_detail_info_w {
    width: 100%;
    margin-top: 10px;
  }

  .shop_detail_container {
    flex-direction: column;
    margin-top: 0;
    padding-top: 20px;
  }

  .grey_line {
    margin-top: 0;
  }

  .shop_logo_img_w {
    width: 280px;
    height: 280px;
  }

  .link_shop_logo {
    width: 100%;
    margin-top: 10px;
    padding-right: 10px;
  }

  .txt_details_tit {
    font-size: 30px;
    line-height: 34px;
  }

  .office_info_w, .office_plaza_info_w {
    margin-bottom: 80px;
  }

  .txt_office_plaza_tit {
    text-align: center;
    font-size: 30px;
  }

  .office_plaza_data_inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .office_plaza_data_line {
    width: 10%;
    height: 1px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
  }

  .leasing_info_w {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .leasing_info_cont_w {
    flex-direction: column;
  }

  .leasing_info_cont {
    margin-bottom: 20px;
  }

  .txt_leasing_info {
    margin-top: 0;
  }

  .tenant_w {
    padding-top: 40px;
  }

  .tenant_logo_inner {
    width: 30%;
  }

  .counterup {
    text-align: center;
    font-size: 30px;
  }

  .ls_club_inner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .ls_club_cont_txt_w {
    padding-left: 0;
    padding-right: 0;
  }

  .ls_club_cont_tit_w {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .ls_club_frame_p {
    width: 95%;
    margin-bottom: 15%;
  }

  .ls_club_frame_w {
    margin-bottom: 40px;
  }

  .about_inner {
    padding-top: 40px;
  }

  .txt_about_tit {
    font-size: 30px;
    line-height: 30px;
  }

  .about_tit_w {
    padding-left: 40px;
    padding-right: 40px;
  }

  .about_tit_2 {
    margin-top: 40px;
  }

  .about_line_w {
    margin-top: 20px;
  }

  .lottie-animation-3 {
    width: 80px;
  }

  .left_img_w {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .left_img_c {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .right_img_w {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .right_img_c {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bottom_img_w {
    margin-bottom: 140px;
  }

  .img_bottom {
    background-position: 0%;
    background-size: cover;
  }

  .bottom_img_c {
    padding-right: 40px;
  }

  .textarea {
    min-height: 300px;
  }

  .car_icon_small_w {
    padding-right: 5px;
  }

  .shop_logo_line_w {
    width: 280px;
    height: 280px;
  }

  .img_inner_office_logo_p {
    width: 280px;
    padding-bottom: 280px;
  }

  .disclaimer_title_w, .disclaimer_title_w_2 {
    padding-bottom: 20px;
  }

  .txt_terms_sub_tit, .txt_terms_tit {
    text-align: center;
    font-size: 30px;
  }

  .details_img_w {
    padding-left: 20px;
    padding-right: 20px;
  }

  .details_img_w.news_details {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .icon-4 {
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .icon-3 {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
}

@media screen and (max-width: 479px) {
  .brand {
    width: 60%;
  }

  .slide_tit {
    padding-left: 70px;
    padding-right: 70px;
  }

  .menu-button {
    margin-right: 10px;
  }

  .mouse-wrapper-inner {
    bottom: 5%;
  }

  .home_about_shopping_wrapper {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/home_small_banner_1.jpg');
    background-position: 0 0, 80%;
  }

  .home_about_shopping_wrapper.dining {
    background-image: url('../images/home_small_banner_2.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50% 100%, 0 0;
  }

  .home_about_shopping_wrapper.office {
    background-image: url('../images/home_small_banner_3.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50% 60%, 0 0;
  }

  .home_about_shopping_cont {
    width: 100%;
    padding-right: 40px;
  }

  .top_btn_wrapper {
    padding-right: 10px;
  }

  .img_hb_bg.shopping {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/hb_shopping.jpg'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 0 0, 60%, 0 0;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .container_1680 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-content {
    padding-top: 20px;
  }

  .inner_more_btn {
    width: 30%;
  }

  .tabs-menu {
    margin-bottom: 20px;
  }

  .news_date_wrapper {
    align-items: flex-start;
  }

  .news_cal_icon_w {
    margin-top: 1px;
  }

  .back_btn_wrapper {
    padding-right: 10px;
  }

  .cate_p {
    margin-top: 0;
  }

  .shop_detail_w {
    padding-left: 0;
    padding-right: 0;
  }

  .shop_detail_name, .shop_detail_map_pt {
    margin-left: 0;
  }

  .shop_detail_info_w {
    padding-left: 10px;
    padding-right: 10px;
  }

  .shop_detail_time, .shop_detail_tel, .shop_detail_vip_icon {
    margin-left: 0;
  }

  .icon_shop_details_w {
    width: 10%;
  }

  .details_shop_txt_wrapper {
    width: 90%;
  }

  .office_info {
    padding-left: 40px;
    padding-right: 40px;
  }

  .about_line_w {
    margin-top: 20px;
  }

  .left_img_c, .right_img_c {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bottom_img_w {
    margin-bottom: 140px;
  }

  .bottom_img_c {
    padding-left: 20px;
    padding-right: 20px;
  }

  .car_icon_small_w {
    padding-right: 5px;
  }

  .car_txt_w {
    width: 90%;
  }

  .shop_detail_cat {
    margin-left: 0;
  }

  .slide-3 {
    width: 280px;
    height: 280px;
  }

  .footer_txt_div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .details_img_w {
    padding-left: 25px;
    padding-right: 25px;
  }

  .details_img_w.news_details, .slider-2 {
    height: 550px;
  }

  .right-arrow-2 {
    overflow: visible;
  }
}


@font-face {
  font-family: 'Karla variablefont wght';
  src: url('../fonts/Karla-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Karla variablefont wght';
  src: url('../fonts/Karla-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Timesbd';
  src: url('../fonts/timesbd.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times';
  src: url('../fonts/times.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}