@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Orbitron&font-display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway:100&font-display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500&subset=latin-ext&font-display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300&display=swap");

@font-face {
  font-family: chinese;
  src: local("PingFang"), local("微軟正黑體");
}

/*
*{
   box-sizing:border-box;
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   -o-user-select:none;
   user-select:none;
}
*/

html {
  height: 100%;
}

body {
  font-family: arial, chinese;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff !important;
}

body *,
body *::before,
body *::after {
  box-sizing: border-box;
}

header,
footer,
site_footage,
cr_box {
  display: block;
}

header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

header>div {
  display: flex;
  justify-content: space-between;
}

header>div>div {
  display: flex;
  justify-content: space-between;
}

nav>div[track-action="site_nav_promo_campaign"]:nth-of-type(1)>div>div:nth-of-type(1) {
  background: #b9aa6b;
  color: #000;
}

/* nav>div[track-action="site_nav_promo_campaign"]:nth-of-type(1)>div>div:nth-of-type(1):hover {
  background-color: #ff4617;
} */

nav>div[track-action="site_nav_promo_campaign"] .subnav {
  left: inherit;
  transform: inherit;
}

nav {
  font-family: "Noto Sans SC";
  font-weight: 400;
  padding: 0px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /*background-color:#6b530a;*/
  color: #ffffff;
  margin-top: 0px;
}

nav>div {
  display: flex;
  font-size: 14px;
}

nav>div>div {
  position: relative;
  font-family: "Montserrat", "Noto Sans SC", chinese;
}

nav>div>div>div {
  padding: 15px;
  letter-spacing: 0px;
  cursor: pointer;
  opacity: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

nav .subnav {
  max-height: 0;
  position: absolute;
  overflow: auto;
  padding: 0 !important;
  background-color: #333;
  background-color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 0px 0px 0px #ceb0b0;
  z-index: 2;
}

nav .subnav .accessories .cate_view_all {
  background: #beb764;
}

.nav_width {
  min-width: 380px;
}

nav .subnav.active {
  max-height: 85vh !important;
  box-shadow: 0px 1px 1px 1px #ceb0b0;
}

nav .subnav>div,
nav .subnav>a>div {
  padding: 10px 25px;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 14px;
  color: #222222;
}

nav .accessories>div:hover {
  background-color: rgb(235, 235, 235);
}

nav .subnav .nav_promo {
  position: relative;
  background-color: #ededea !important;
  border-left: 3px solid #919191 !important;
  border-top: 1px solid #dedede !important;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to left, #ffffff 0%, #e7d62b 100%) 0 0 100% 0;
  border-top: 1px solid #dedede !important;
  color: #4b4b4b !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  padding: 10px 30px !important;
}

nav .subnav .nav_promo::before {
  content: "";
  top: 20px;
  position: absolute;
  width: 0;
  height: 0;
  transform-origin: 50% 50%;
  border: 10px solid;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) rotate(135deg);
  border-color: #ededea #ededea transparent transparent;
}

nav .subnav .cate_view_all {
  background: linear-gradient(to bottom, #efb867 0%, #af643f 100%);
  background: #e2c298;
  color: #ffffff;
  padding: 0 0 0 5px;
  display: flex;
}

nav .subnav .cate_view_all>div {
  border-radius: 5px;
  padding: 5px 10px;
  color: #ffffff;
}

[lang="en"]nav .subnav.brand .cate_view_all>div {
  font-size: 12px;
}

nav .subnav.brand .cate_view_all>div {
  border-radius: 15px;
  padding: 0 15px;
  margin: 15px 0px;
  color: #1a1a1a;
  letter-spacing: 0;
}

nav .subnav.brand .cate_view_all>div:hover {
  color: #5a4708;
}

nav .subnav.brand .accessories {
  left: 54%;
  border-radius: 0 !important;
}

/*
nav .subnav.brand.c1 .cate_view_all>div {
  background-color: #d9d196;
} */

nav .subnav.brand.c1 .cate_view_all>div:nth-of-type(1),
nav .subnav.brand.c2 .cate_view_all>div:nth-of-type(1),
nav .subnav.brand.c34 .cate_view_all>div:nth-of-type(1) {
  position: relative;
}

nav .subnav.brand.c1 .cate_view_all>div:nth-of-type(1):after,
nav .subnav.brand.c34 .cate_view_all>div:nth-of-type(1):after {
  content: "";
  position: absolute;
  width: 106%;
  height: 48px;
  left: -5px;
  top: -15px;
  background: #fffcd5;
  z-index: -1;
}

nav .subnav.brand.c2 .cate_view_all>div:nth-of-type(1):after {
  content: "";
  position: absolute;
  width: 106%;
  height: 48px;
  left: -5px;
  top: -15px;
  background: #c2c2c2;
  z-index: -1;
}

nav .subnav.brand.c1 .cate_view_all>div:hover {
  color: #5a4708;
}

nav .subnav.brand.c1 .cate_view_all {
  background-color: #d9d196;
}

nav .subnav.brand.c2 .cate_view_all {
  background: linear-gradient(to bottom, #ebf2f3 0%, #d9dedf 100%);
}

nav .subnav.brand.c34 .cate_view_all {
  background-color: #d5cc67;
}

nav .subnav.brand {
  background-color: #f5f5f5ff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-shadow: none;
  color: #333333;
  right: 10px;
  box-shadow: 0px 0px 5px #393d42;
  overflow: auto;
  top: 50px;
  transform: translateX(-60%);
  max-width: 350px;
  min-width: 440px;
}

nav .subnav.brand:hover {
  box-shadow: 0px 0px 0px 1px #475b70, 0px 0px 5px 1px #393d42;
  background-color: #f5f5f5ff;
}

nav .subnav.brand>div {
  font-size: 16px;
}

/* nav .subnav.brand > div:hover {
  background-color: #f5f5f5ff;
} */

nav .subnav.brand>div:nth-of-type(1) {
  font-size: 13px;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 10;
}

nav .subnav.brand>div:nth-of-type(2) {
  /*
    display:flex;
    */
  flex-wrap: wrap;
  padding: 0px;
  background-color: #ffffff;
}

nav .subnav.brand>div:nth-of-type(2)>div {
  padding: 27px 35px;
  font-size: 16px;
  flex: 1 1 33%;
  position: relative;
  display: flex;
  /* justify-content: space-between; */
}

nav .subnav.brand>div:nth-of-type(2)>div .name>div:nth-of-type(2) {
  font-size: 12px !important;
  display: table;
  padding: 1px 15px;
  margin-top: 5px;
  box-shadow: 0px 0px 0px 1px #dedede;
  border-radius: 15px;
}

nav .subnav.brand>div:nth-of-type(2)>div:hover {
  background-color: #ffffffff;
  box-shadow: 0px 0px 5px #6e7f91;
}

nav .subnav.brand .brand_logo {
  flex: 0 0 80px;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 80px;
  text-align: center;
  transform: translateY(-48%);
}

nav .subnav.brand .brand_logo img,
.brand_logo img {
  margin: auto;
  max-height: 70px;
  max-width: 80px;
}

nav .subnav.brand>div:nth-of-type(2)>div:hover .name>div:nth-of-type(2) {
  background-color: #2b3637;
  box-shadow: 0px 0px 0px 1px #ffffff;
  color: #ffffff;
}

nav .subnav.brand.c1>div:nth-of-type(2)>div:hover .name>div:nth-of-type(2) {
  background-color: #9b4600;
}

nav .subnav.brand>div:nth-of-type(2)>div::before {
  content: "";
  height: 0px;
  position: absolute;
  width: 3px;
  background-color: #e5c900;
  left: 17px;
  border-radius: 5px;
  top: 15px;
}

nav .subnav.brand.c2>div:nth-of-type(2)>div::before {
  background-color: #1c2d35;
}

nav .subnav.brand>div:nth-of-type(2)>div:hover::before {
  height: calc(100% - 25px);
}

nav .subnav .sub_cate {
  display: none;
}

nav .subnav.nav_width {
  padding: 10px 25px;
}

header.home nav>div>div {
  opacity: 1;
  /*text-transform:uppercase;*/
}

nav>div>div>div:nth-of-type(1):hover {
  color: #ffea89;
  color: #000;
  opacity: 1;
  background: linear-gradient(164deg, #b1af92 0%, #918d79 100%);
}

.menu-container {
  display: none !important;
}

.mobile_property {
  display: none;
}

.feature_recom {
  display: none;
}

footer {
  font-size: 11px;
  color: #ffffff;
  text-shadow: 0px 1px 0px #1c2d35;
  z-index: 60;
  position: relative;
}

footer:hover {
  z-index: 99;
}

site_footage {
  font-size: 13px;
  background-color: #303436;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 30px 20px 50px;
}

footer.home cr_box {
  background-color: #303436;
  /*  border-top: 1px solid #3b3b3b;*/
}

site_footage>div {
  padding: 23px 30px;
  padding-bottom: 15px;
}

footer .sitemap_box {
  flex: 0 0 70%;
}

footer .footer_etc {
  flex: 0 0 30%;
}

/*
site_footage .sitemap {
  margin-top: -14px;
}
*/

site_footage .sitemap>div>div:nth-of-type(1) {
  margin-bottom: 25px;
  font-size: 14px;
}

cr_box {
  font-size: 11px;
  background-color: #e7e7e7;
  display: flex;
  align-items: center;
  color: #333333;
  display: flex;
  justify-content: space-between;
  z-index: 1000;
}

cr_box>div {
  padding: 5px 17px;
  margin-right: 20px;
}

cr_box .setting {
  display: flex;
  text-align: right;
  margin-right: 0px;
  align-items: center;
}

cr_box .setting>div {
  margin-left: 20px;
  cursor: pointer;
}

/* COMPONENT //////////////////////////////////*/
.main_container {
  background-color: #ffffff;
  min-height: 100vh;
}

.main_container.blur {
  filter: blur(2px);
}

/* .main_container .member_info_box img {
  width: 30px !important;
  max-width: unset;
  margin-right: 5px;
}

.main_container .member_info_box {
  padding: 20px;
}

.main_container .member_info_box>div:nth-of-type(2) {
  font-size: 11px;
  padding-top: 5px;
} */

.main_container .account_nav img {
  width: 16px;
}

.main_container .account_nav span {
  padding-left: 20px;
}

.main_container .account_nav>div {
  padding: 15px 30px;
  cursor: pointer;
  border-bottom: 1px solid #f7f7f7;
}

.main_container .account_nav>div:hover {
  background: rgb(235, 235, 235);
}

.main_container .account_nav>div:nth-last-of-type(1):hover {
  background: rgb(46 46 46);
}

.main_container .account_nav>div>div {
  display: flex;
}

.main_container .account_nav .member_keypoint_box {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin-bottom: 10px;
}

.main_container .account_nav .member_keypoint_box>div {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.main_container .account_nav .member_keypoint_box>div>div:nth-of-type(2) {
  color: rgb(164 155 97);
  font-weight: 500;
}

.global_footer .logo {
  position: relative;
  width: 100%;
  text-align: center;
}

.logo {
  display: block;
  padding: 10px;
  background: no-repeat center left;
  background-size: contain;
  width: 100px;
  min-height: 25px;
  margin: 5px 20px;
  margin-right: 15px;
  cursor: pointer;
  z-index: 1000000;
}

.logo.v1 {
  background-image: url("http://www.timecigar.com/pub/media/logo/default/original_logo.png");
}

.logo.v2 {
  background-image: url("/library/images/tc/base/logo2.png");
}

.logo.v3 {
  background-image: url("/library/images/tc/base/logo3.png");
  margin-top: -2px;
}

.logo.v4 {
  background-image: url("/library/images/tc/base/logo4.png");
}

.logo.v5.sc {
  background-image: url("/library/images/tc/base/logo5_sc.png");
  width: 100px;
}

.logo.v5.en {
  background-image: url("/library/images/tc/base/logo5_en.png");
  width: 100px;
}

.logo.v6 {
  background-image: url("/library/images/tc/base/logo8_w.png");
  width: 140px;
  min-height: 40px;
  image-rendering: -webkit-optimize-contrast;
  /* margin: 0 auto;
  padding: 30px; */
}

home_sector {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 100px 100px;
  min-height: 89vh;
  box-shadow: 0px 10px 20px #dedede;
  font-size: 30px;
  font-family: "Montserrat", arial, chinese;
  color: #dedede;
}

.quick_scbox {
  display: flex;
  color: #ffffff;
  margin-right: 30px;
  align-items: center;
}

.quick_scbox>div {
  margin-left: 20px;
  font-size: 18px;
  cursor: pointer;
  color: #d5d3a8 !important;
}

/* .quick_scbox>div:nth-of-type(1) {
  position: absolute;
  left: 0;
  top: 22px
}

.quick_scbox>div:nth-of-type(2) {
  position: absolute;
  right: 0;
  top: 22px
} */

.quick_scbox>div:before {
  color: #d5d3a8 !important;
}

.quick_scbox .icon-msgbox .material-symbols-outlined {
  font-size: 20px !important;
  vertical-align: middle !important;
}

.product_main_nav {
  position: fixed;
  top: 50px;
  left: 0px;
  right: 0px;
  background-color: #111111;
  z-index: 1px;
  display: flex;
  color: #ffffff;
  font-size: 16px;
  font-family: "Montserrat", arial, chinese;
  max-height: 0px;
  min-height: 0px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 0px #00213d;
}

.product_main_nav.active {
  max-height: 400px;
  min-height: 400px;
}

.product_main_nav>div {
  flex: 0 0 auto;
}

.product_main_nav .nav {
  flex-basis: auto;
  min-width: 200px;
  padding: 20px 0px;
  background-color: #313131;
}

.product_main_nav .nav>div {
  padding: 10px 25px;
  cursor: pointer;
}

.product_main_nav .nav>div:hover {
  background-color: #00032d;
}

.product_main_nav>div:nth-of-type(3)>div:hover {
  background-color: #5e5e5e;
  color: #ffffff;
}

.product_main_nav>div:nth-of-type(1) {
  flex: 1;
  background: url("../../../../images/tc/nav/product_bg.jpg") no-repeat right bottom;
  background-size: cover;
}

.product_main_nav>div:nth-of-type(3) {
  background-color: #212121;
  min-width: 150px;
}

.product_main_nav>div:nth-of-type(4) {
  flex-basis: 207px;
}

.sitemap {
  font-size: 16px;
  font-family: "Montserrat", arial, chinese;
  display: flex;
  margin-bottom: 35px;
}

.sitemap>div {
  flex: 1;
  margin-right: 15px;
}

.sitemap>div>div:nth-of-type(1) {
  margin-bottom: 15px;
}

.sitemap>div>div:nth-of-type(2)>div {
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  margin: 10px 0px;
  border-left: 0px solid transparent;
  cursor: pointer;
  position: relative;
}

.footer_contact {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  font-size: 11px;
}

.footer_contact>div {
  flex: 0 0 auto;
}

.footer_etc .footer_contact {
  margin-bottom: 115px;
}

.footer_etc .footer_hl_brand {
  display: none;
}

.footer_contact .cs_hour {
  color: #ffffff;
  font-size: 14px;
  text-align: right;
}

.footer_contact .cs_hour>span:nth-of-type(1) {
  margin-right: 10px;
}

.cs_hour span {
  text-transform: none !important;
}

.footer_contact .mail a {
  text-transform: none;
}

footer .icon-icon_support {
  font-size: 24px;
  margin-top: -3px;
  margin-right: -5px;
  cursor: pointer;
  transition: none;
}

footer .icon-icon_support:before {
  color: #ffea00;
}

footer .icon-icon_support:hover:before {
  color: #fff177;
}

.hotline {
  font-size: 14px;
  font-family: "Montserrat", arial, chinese;
  display: inline-flex;
  padding-left: 16px;
  background: url("../../../../images/icon/icon_hotline.svg") no-repeat left center / 12px;
}

#contact_us_box a:nth-of-type(1) {
  font-weight: 200;
  color: #fff;
  background: url("../../../../images/icon/icon_hotline.svg") no-repeat left center / 10px;
  padding-left: 14px;
}

#contact_us_box a:nth-of-type(2) {
  display: inline-flex;
  font-weight: 200;
  letter-spacing: 1px;
  color: #fff;
  text-transform: none;
  padding-top: 8px;
}

.mail {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 5px 0;
}

.mail a {
  color: #ffffff;
}

.footer_etc {
  text-align: right;
  /*  margin-top: -22px;*/
}

.footer_social_network {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
}

.footer_social_network>div {
  margin-left: 15px;
  cursor: pointer;
}

.footer_social_network>div img {
  height: 20px;
}

.footer_social_network>div:nth-last-of-type(1) img {
  height: 15px;
}

.footer_mobile {
  display: none;
}

/* lang and currency //////////////////////////////////////*/
.currency_div,
.lang_div {
  position: relative;
  font-family: Arial, chinese;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  margin-left: 10px;
  border-spacing: 0px;
  padding: 0px;
  border-collapse: collapse;
  /*  display: flex;*/
  display: flex !important;
  /*  flex-direction: row-reverse;*/
  align-items: center;
}

.currency_div:before,
.lang_div:before {
  content: "";
  display: flex;
  width: 13px;
  height: 13px;
}

.currency_div:before {
  background: url("/library/images/icon/btn_currency_coin.svg") no-repeat center / contain;
}

.lang_div:before {
  background: url("/library/images/icon/btn_lang_globe.svg") no-repeat center / contain;
}

.currency_menu,
.lang_menu {
  position: absolute;
  text-align: center;
  display: none;
  z-index: 100;
  bottom: 100%;
  /*  left: 50%;*/
  /*  transform: translateX(-50%);*/
  /*  background-color: #333333;*/
  right: 0;
  box-shadow: 0px 2px 1px #111111;
  background: #fff;
  min-width: 100%;
  /*  border-radius: 5px;*/
  border-radius: 3px;
  overflow: hidden;
  text-shadow: none;
  color: #333;
}

.currency_menu>div,
.lang_menu>div {
  text-align: center;
  /*  font-size: 11px;*/
  font-size: 12px;
  padding: 8px 15px;
  white-space: nowrap;
  transition: all 0.2s ease 0s;
}

.currency_menu>div {
  text-align: left;
}

.currency_menu>div:hover,
.lang_menu>div:hover {
  background-color: #b9aa6b;
  color: #fff;
  cursor: pointer;
}

.currency_tab,
.lang_tab {
  pointer-events: all;
  /*
	background:url(../../../../../images/header/lang_arrow.png) no-repeat right;
	padding-right:20px;
	*/
  cursor: pointer;
  text-align: center;
  padding: 5px 5px;
  text-transform: none;
  white-space: nowrap;
}

/* lang and currency end//////////////////////////////////////*/

.but_close {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  margin: 5px;
}

.but_close::after,
.but_close::before {
  content: "";
  border-right: 1px solid #7a7f86;
  width: 1px;
  height: 20px;
  position: absolute;
  left: 50%;
  transform: rotate(45deg);
}

.but_close::before {
  transform: rotate(-45deg);
}

.but_close:hover::after,
.but_close:hover::before {
  border-right: 1px solid #ffffff;
}

.but_close.blk:hover::after,
.but_close.blk:hover::before {
  border-right: 1px solid #111111;
}

.header_login {
  position: fixed;
  z-index: 300;
  top: 50px;
  right: 30px;
  background-color: #ffffff;
  border-radius: 3px;
  color: #323232;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  transition: 0.2s ease-in-out;
  display: none;
  opacity: 0;
}

.header_login.active {
  display: block;
  opacity: 1;
}

.login_box {
  padding: 15px;
  display: none;
  font-family: "Montserrat", "Noto Sans SC", chinese;
  max-width: 230px;
}

.header_notification {
  position: fixed;
  z-index: 300;
  text-align: left;
  top: 50px;
  right: 3px;
  color: #323232;
  background-image: url(/library/images/tc/single_page/membership/bg_marble1.jpg);
  background-size: cover;
  background-position: top;
  width: 450px;
  max-width: 100%;
  right: -100vw !important;
  height: calc(100vh - 56px);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  z-index: 100000000;
}

.header_notification.active {
  right: 0vw !important;
}

.header_notification .visitor_box {
  width: 100%;
  background-color: #f5f5f5;
  font-family: "Montserrat", "Noto Sans SC", chinese;
}

.header_notification .visitor_notification_list {
  padding: 0px;
  color: #2b2b2b;
  font-family: "Montserrat", "Noto Sans SC", chinese;
  font-size: 0;
}

.header_notification::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  transform-origin: 50% 50%;
  border: 6px solid;
  top: -4px;
  right: 30px;
  bottom: auto;
  transform: translateX(-50%) rotate(-45deg);
  border-color: #fff #fff transparent transparent;
}

.notify_details {
  height: 45px;
  overflow: hidden;
  display: none !important;
}

.notification_item {
  /* text-align: center;
  background: #F6F3EC;
  border-right: 4px solid #F1ECE0;
  flex: 0 0 20%;
  align-content: flex-start;
  padding: 20px;
  display: inline-grid;
  place-content: center;
  gap: 10px; */
  padding: 12px 0;
  position: relative;
}

.notification_item_frame {
  cursor: pointer;
  border-top: 1px solid #ededed;
}

.notification_item_frame[noti-url="0"] {
  cursor: default;
}

.notification_item .notify_title {
  font-weight: 500;
  color: #535353;
  letter-spacing: 1px;
  font-size: 13px;
  padding: 3px 0;
}

.notification_item_frame .notify_date {
  font-size: 10px;
  color: #b39e82;
  font-weight: 500;
  padding-top: 3px;
}

.notification_item .noti_order {
  background: rgb(181, 175, 158);
  background: linear-gradient(27deg, #e8d04e 0%, #a7844d 100%);
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 3px;
}

.notification_item .noti_shipment {
  background: rgb(181, 175, 158);
  background: linear-gradient(27deg, #4cc1ad 0%, #118d87 100%);
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 3px;
}

.notification_item .noti_member {
  background: rgb(181, 175, 158);
  background: linear-gradient(27deg, #b5af9e 0%, #86775f 100%);
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 3px;
}

.notification_item .noti_product {
  background: rgb(181, 175, 158);
  background: linear-gradient(27deg, #1f448b 0%, #055877 100%);
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 3px;
}

.notification_item .notify_info_box {
  position: relative;
}

.notify_info_box>div:nth-of-type(1) {
  background: none !important;
  color: #897e55 !important;
  font-size: 13px !important;
  font-weight: 500;
  font-family: "Montserrat", "Noto Sans SC", chinese !important;
  text-transform: capitalize;
}

.notification_item .noti_arrow:after {
  content: "";
  width: 8px;
  height: 8px;
  border-left: 2px solid #626262;
  border-bottom: 2px solid #626262;
  border-radius: 2px;
  position: absolute;
  top: 5px;
  right: 10px;
  transform: rotate(225deg);
}

.empty_notification_box {
  text-align: center;
  border: 1px solid #a3a3a3;
  border-radius: 10px;
  padding: 20px;
  color: #848282;
}

.notify_title .date {
  font-size: 10px;
  color: #b4b2b2;
  font-weight: 500;
  padding-top: 3px;
}

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

.noti_content_frame .noti_logo {
  width: 100%;
}

.noti_content_frame .noti_logo img {
  max-width: 200px;
  padding-bottom: 30px;
}

.noti_content_frame .noti_btn {
  padding: 10px;
  background-color: #262626;
  max-width: 130px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 3px;
  margin: 0 auto;
}

.noti_unread_wrapper {
  display: flex;
  justify-content: space-between;
  padding: 20px 33px 10px 45px;
  align-items: center;
}

.noti_unread_wrapper>div:nth-of-type(1) {
  font-size: 22px;
  font-weight: 300;
}

[lang="EN"].noti_unread_wrapper>div:nth-of-type(1) {
  font-size: 12px;
}

.noti_unread_wrapper .noti_unread_msg {
  font-size: 14px;
  font-weight: 500;
  color: #987f17;
}

.noti_unread_wrapper #notification_cate {
  font-size: 12px;
  border: 1px solid #cacaca;
  color: #777;
  border-radius: 30px;
  padding: 0 5px;
  height: 24px;
  background: unset;
  box-shadow: none;
  margin: 0;
}

.noti_cate_promotion .readicon.unread {
  background: tomato;
}

.noti_cate_member .readicon.unread {
  background: #15cea1;
}

.noti_cate_shipment .readicon.unread {
  background: #cea315;
}

.noti_cate_order .readicon.unread {
  background: #ce5f15;
}

.noti_cate_normal .readicon.unread {
  background: #ce1553;
}

.coupontext {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 2px;
  color: #ffffff;
  padding: 3px 20px;
  text-shadow: 1px 1px 3px #373737;
}

.notification_item_wrapper {
  /* width: 780px;
  max-width: 100%;
  margin: auto;
  padding: 0 30px; */
  padding: 30px;
  padding-left: 45px;
  padding-top: 0;
  overflow-y: auto;
  height: calc(100% - 200px);
  padding-bottom: 100px;
}

.notification_item_wrapper.highlight_wrapper {
  height: 200px !important;
}

.notification_item_frame.coupon {
  cursor: pointer;
}

.notification_item_frame.coupon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.visitor_notification_list>div:nth-of-type(1) {
  box-shadow: unset;
  background: unset;
}

.listall_noti_box .notification_item_frame.coupon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.btn_showall_notify_container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(0deg,
      rgba(255, 255, 255, 0.95) 40%,
      rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(0deg,
      rgba(255, 255, 255, 0.95) 40%,
      rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0.95) 40%,
      rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  z-index: 0;
}

.btn_showall_notify {
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 20px;
  border-radius: 20px;
  border: 1px solid #b6b6b6;
  color: #747474;
  background: #ffffffe6;
  z-index: 1;
}

.btn_showall_notify:hover {
  font-weight: 600;
}

.listall_noti_box .notification_item_frame {
  display: flex;
  flex-flow: wrap;
  margin: 0 auto;
  padding: 4px 0;
  position: relative;
}

.readicon {
  width: 8px;
  height: 8px;
  border-radius: 11px;
  position: absolute;
  top: 17px;
  left: -25px;
}

/* .readicon.unread {
  box-shadow: inset 0px 0px 0px 2px #744b00;
} */

.readicon.haveread {
  opacity: 0;
}

#main_noti_box_top_bar {
  display: none;
  background-color: #ffffff;
  z-index: 10;
  width: 100%;
  box-shadow: 1px 1px 10px #00000038;
  z-index: 1;
  top: 40px;
  position: sticky;
}

.top_bar_main {
  display: inline-flex;
  padding: 0 30px;
  font-size: 14px;
}

.top_bar_main>a {
  color: white !important;
}

.top_bar_item {
  cursor: pointer;
  margin-left: 10px;
  color: #393420;
  background: #e2e2e2;
  border-radius: 2px;
  padding: 0px 5px;
  font-size: 11px;
  align-self: center;
}

#main_noticontent_frame {
  display: flex;
  align-items: center;
  position: relative;
  place-content: center;
}

#main_noticontent {
  width: 100%;
  text-align-last: center;
  align-self: center;
}

#top_bar_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #464646;
  align-items: center;
  padding: 0;
  min-width: 460px;
}

#top_bar_list li {
  display: none;
}

#top_bar_list li.show {
  display: block;
}

#noti_prev_button,
#noti_next_button {
  cursor: pointer;
  color: #333;
}

.noti_title {
  font-size: 16px;
}

.noti_description {
  font-size: 15px;
  font-weight: 300;
}

.account_nav {
  color: #2b2b2b;
  font-size: 13px;
  font-family: "Montserrat", "Noto Sans SC", chinese;
  min-width: 180px;
}

.page_next {
  display: none !important;
}

.login_container {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d8c257;
}

.lb_login_container {
  font-family: "Montserrat", "Noto Sans SC", chinese;
}

.lb_login_container .login_box {
  display: block;
  padding: 0px;
  font-family: "Montserrat", "Noto Sans SC", chinese;
}

nav .article {
  padding: 0 15px;
  letter-spacing: 2px;
  opacity: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

nav .article img {
  max-width: 70px;
  width: 100%;
}

.icon_new_brand {
  padding-left: 10px;
}

.add_cart_restricted.rewardbtn {
  background: #fff;
  border: 1px solid #ba8c2a;
  border-top: none;
  font-size: 11px;
  font-weight: 500;
  color: #ba8c2a !important;
  padding: 0 5px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  letter-spacing: -0.02em;
  text-align: center;
  min-width: 105px;
  text-transform: capitalize;
}

.add_cart_restricted.rewardbtn:hover {
  background: #ba8c2a !important;
  color: #fff !important;
}

.product_list .action_box:has(.add_cart_restricted.rewardbtn) {
  border-top: 1px solid #ba8c2a;
}

.gift_label {
  margin: 3px 5px;
}

.db_box.mycoupon .pwa_label_app .tag_general {
  background: #b1b1b1;
}

.db_box.mycoupon .pwa_label_app .tag_gold {
  background: #c4b57f;
}

.db_box.mycoupon .pwa_label_app .tag_platinum {
  background: #5d7c99;
}

.db_box.mycoupon .pwa_label_app .tag_vip {
  background: #cb547b;
}

.db_box.mycoupon .pwa_label_app .tag_timeclub {
  background: #cca842;
}

.db_box.mycoupon .pwa_label_app .tag_birthday {
  background: #ed9d0b;
}

.db_box.mycoupon .pwa_label_app .tag_welcome {
  background: #0fc6c0;
}

.db_box.mycoupon .pwa_label_app .tag_gold_upgrade {
  background: #a48327;
}

.db_box.mycoupon .pwa_label_app .tag_platinum_upgrade {
  background: #55637b;
}

.db_box.mycoupon .pwa_label_app .tag_event {
  background: #bf7111;
}

/* start of responsive notification section @2024oct  */
.notification_item_wrapper.responsive {
  display: block;
  padding: 0 20px;
}

.notification_item_wrapper.responsive>div {
  display: block;
  margin: 20px 0;
}

.notification_item_wrapper.responsive>div:nth-last-of-type(1) {
  margin-bottom: 90px;
}

.notification_item_wrapper.responsive .cate_icon {
  border-radius: 30px;
  height: 35px;
  width: 35px;
  align-content: center;
  margin-right: 10px;
  text-align-last: center;
}

.notification_item_wrapper.responsive .topic {
  text-align: left;
  background: unset;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
  border-right: unset;
}

.notification_item_wrapper.responsive .order_detail {
  gap: 20px;
  padding: 10px 0;
  font-size: 14px;
}

.notification_item_wrapper.responsive .btn>div:nth-last-of-type(1) {
  display: inline-block;
}

.notification_item_wrapper.responsive .date {
  font-size: 12px;
  padding: 10px 5px;
}

.notification_item_wrapper.responsive .topic_info {
  display: flex;
  align-items: center;
}

.notification_item_wrapper.responsive .category {
  font-size: 14px;
}

.notification_item_wrapper.responsive .btn_box {
  display: inline-block;
}

.notification_item_wrapper.responsive .btn_box {
  border-left: unset;
  display: inline-block;
  padding: 0 20px 20px;
  flex: 0 0 22%;
}

.notification_item_wrapper.responsive .btn_box .icon img {
  position: absolute;
  right: 8%;
  top: 36%;
}

/* end of responsive notification section @2024oct  */

/* start of notification section @2024oct  */

.notification_item_frame {
  /* position: relative; */
  cursor: pointer;
  border-top: 1px solid #ededed;
}

.notification_item_frame .bigdate:before {
  position: absolute;
  top: 7px;
  left: 35px;
  content: "";
  width: 94%;
  border-bottom: 1px solid #e3e3e3;
}

/*
.notification_item_frame {
  display: flex;
  flex-flow: wrap;
  box-shadow: 0 1px 7px #00000026;
  position: relative;
} */

.listall_noti_box .notification_item_frame :after {
  content: "";
  position: absolute;
  top: 20px;
  left: -20px;
  width: 10px;
  height: 10px;
  border-radius: 30px;
  z-index: 1;
  border: 1px solid #fff;
}

.notification_item_wrapper.responsive .notification_item_frame>div {
  flex: 1;
  padding: 10px 20px;
  /* display: inline-grid;
  place-content: center; */
  gap: 10px;
}

.notification_item_wrapper.responsive .notification_item_frame .status_box {
  justify-content: flex-start;
}

.notification_item_wrapper.responsive .notification_item_frame .status_box .status {
  color: #333;
  font-size: 14px;
}

.notification_item_wrapper.responsive .notification_item_frame .no_msg_box>div {
  flex: unset;
}

.notification_item_frame .msg_box .topic {
  text-align: center;
  background: #f6f3ec;
  border-right: 4px solid #f1ece0;
  flex: 0 0 20%;
  align-content: flex-start;
}

.notification_item_frame .date {
  font-size: 10px;
  color: #999999;
}

.notification_item_frame .category {
  color: #84806c;
}

.notification_item_frame .order_detail {
  display: flex;
  flex-flow: wrap;
  gap: 80px;
}

.notification_item_frame .order_detail .info {
  color: #b48c18;
  font-size: 22px;
}

.notification_item_frame .order_detail .order {
  color: #a09167;
  font-weight: 200;
}

.notification_item_frame .price_detail {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.notification_item_frame .price_detail .order {
  color: #999;
  font-weight: 200;
}

.notification_item_frame .price_detail .info {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  padding-left: 5px;
}

.notification_item_frame .promo .order_detail {
  gap: 10px;
}

.notification_item_frame .promo .order_detail img {
  width: 400px;
  max-width: 100%;
}

.notification_item_frame .promo .limited {
  color: #a09167;
  font-size: 10px;
  padding-bottom: 5px;
  position: relative;
  padding-left: 15px;
}

.notification_item_frame .promo .limited:before {
  content: "";
  background: url(/library/images/tc/icon/icon_counter.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  cursor: pointer;
  left: 0px;
  top: 0;
  width: 13px;
  height: 13px;
}

.notification_item_frame .tnc {
  font-size: 9px;
  padding-top: 10px;
  color: #666666;
}

.notification_item_frame .btn_box {
  border-left: 1px solid #e9e9e9;
  flex: 0 0 22%;
  align-content: flex-start;
}

.notification_item_frame .btn_box>div {
  cursor: pointer;
  margin: 0 auto;
}

.notification_item_frame .btn_box img {
  width: 80px;
  max-width: 100%;
}

.notification_item_frame .cate_icon {
  background: #f1ebdc;
  border-radius: 30px;
  height: 50px;
  width: 50px;
  align-content: center;
}

.notification_item_frame .cate_icon img {
  opacity: 0.5;
  width: 20px;
  max-width: 100%;
}

.notification_item_wrapper .topic_info {
  display: block;
}

.notification_item_frame .no_msg_box {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e9e9e9;
  margin-bottom: 30px;
}

.notification_item_frame .no_msg_box img {
  max-width: 100%;
  width: 100px;
}

.notification_item_frame .btn_box>div:nth-last-of-type(1) {
  background: rgb(177, 175, 146);
  background: linear-gradient(306deg,
      rgba(177, 175, 146, 1) 0%,
      rgba(145, 141, 121, 1) 100%);
  padding: 10px 20px;
  color: #fff;
  border-radius: 4px;
}

/* .btn_showall_notify_container {
  position: relative;
} */

/* END of notification section @2024oct  */

/* start of dashboard coupon */
.db_box.mycoupon {
  position: relative;
}

.db_box.mycoupon.special_event {
  display: none;
}

.db_box.mycoupon .db_header {
  font-size: 18px;
  padding: 10px 0;
}

.db_box.mycoupon .pwa_mycoupon_box.forapp {
  position: relative;
  flex: 0 1 49%;
  margin: 0;
}

.db_box.mycoupon .pwa_mycoupon_box {
  position: relative;
  flex: 0 1 49%;
  margin-bottom: 15px;
}

.db_box.mycoupon .pwa_label_app {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -10px;
}

.db_box.mycoupon .pwa_label_app>div {
  background: #ff5601;
  padding: 2px 20px;
  max-width: 100%;
  z-index: 1;
  border-radius: 0 10px;
  text-align: center;
  color: #fff;
}

.db_box.mycoupon .pwa_label_app .first_coupon {
  border-radius: 0px 0 0 10px;
}

.db_box.mycoupon .pwa_label_app .second_coupon {
  border-radius: 0px 10px 0 0;
}

.db_box.mycoupon .pwa_mycoupon_details {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px 20px;
}

.db_box.mycoupon .pwa_mycoupon_details .owl-stage-outer {
  overflow: visible;
}

.db_box.mycoupon .pwa_mycoupon_details .owl-item {
  scale: 1;
  filter: blur(3px);
}

.db_box.mycoupon .pwa_mycoupon_details .owl-item.active {
  scale: 1.1;
  z-index: 5;
  filter: blur(0px);
}

.db_box.mycoupon .owl-carousel .owl-stage {
  gap: 10px;
}

.db_box.mycoupon .pwa_mycoupon_details.special_event {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px 20px 20px;
}

.db_box.mycoupon .pwa_mycoupon_info {
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 3px #d5b177ad;
  border-radius: 0 0 10px 10px;
  padding: 15px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #5f4b17;
  height: 120px;
}

.db_box.mycoupon .pwa_mycoupon_box.forapp .pwa_mycoupon_info {
  box-shadow: rgb(0 0 0 / 0%) -5px -5px 16px 0px inset,
    rgb(0 0 0 / 0%) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.db_box.mycoupon .pwa_mycoupon_box.forapp .pwa_mycoupon_info>div:nth-of-type(1) {
  position: relative;
  flex: 0 0 40%;
  padding-left: 4%;
}

.db_box.mycoupon .pwa_mycoupon_box.forapp .pwa_label_app {
  right: 0;
  top: -10px;
}

.db_box.mycoupon .pwa_mycoupon_box.forapp .pwa_label_app>div {
  background: #ff5601;
}

.db_box.mycoupon .pwa_mycoupon_info img {
  max-width: 100%;
  width: 90px;
  mix-blend-mode: multiply;
}

.db_box.mycoupon.special_event .pwa_mycoupon_info img {
  max-width: 100%;
  width: 70px;
}

.db_box.mycoupon .pwa_mycoupon_details.special_event .pwa_mycoupon_info:after {
  display: none;
}

.db_box.mycoupon .pwa_mycoupon_info:after {
  content: "";
  border-top: 1px dashed #ed9d0b;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.db_box.mycoupon .pwa_mycoupon_name {
  max-width: 100%;
  line-height: 18px;
  flex: 0 0 50%;
  padding-left: 10px;
}

.db_box.mycoupon .pwa_mycoupon_wrapper {
  padding: 15px 10px 10px 10px;
  background: rgb(255, 80, 0);
  background: linear-gradient(317deg, #c5ab7a 0%, #e7cc90 100%);
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  flex: 1;
}

.db_box.mycoupon .pwa_mycoupon_box.forapp .pwa_mycoupon_name {
  max-width: 100%;
  line-height: 25px;
  cursor: pointer;
  font-size: 20px;
}

.db_box.mycoupon .pwa_mycoupon_box .pwa_mycoupon_name span {
  font-size: 30px;
  font-weight: 500;
}

.db_box.mycoupon .pwa_mycoupon_box .pwa_mycoupon_name div {
  color: #b5b5b5;
  font-size: 10px;
  cursor: pointer;
}

.db_box.mycoupon .pwa_mycoupon_box.forapp .cigarcoin {
  opacity: 1;
  position: absolute;
  top: -30px;
  left: -40px;
  z-index: 1;
  width: 160px;
}

.db_box.mycoupon .pwa_mycoupon_info .cigarcoin img {
  width: 100%;
}

.db_box.mycoupon .pwa_mycoupon_details.special_event .pwa_mycoupon_discount {
  font-size: 18px;
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 2;
  flex: 0 0 100px !important;
}

.db_box.mycoupon .pwa_mycoupon_discount {
  font-size: 40px;
  font-weight: 500;
  flex: 0 0 22%;
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
}

.db_box.mycoupon .pwa_mycoupon_discount span {
  font-size: 14px;
}

.db_box.mycoupon .pwa_mycoupon_discount .discount_ds:before {
  content: "$";
  position: absolute;
  left: 0;
  top: 20px;
}

.db_box.mycoupon .pwa_mycoupon_status {
  background: #fff7e1;
  box-shadow: 0 0 5px #c8c8c8ad;
  border-radius: 10px 10px 0 0;
  padding: 6px 20px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  align-items: center;
}

.db_box.mycoupon .pwa_mycoupon_cat {
  background: #f2e9d9;
  color: #5f4b18;
  padding: 0 5px;
  border-radius: 2px;
}

.db_box.mycoupon .pwa_mycoupon_cat.tag_brand {
  background: #f2e9d9;
}

.db_box.mycoupon .pwa_mycoupon_cat.tag_product {
  background: #f2d9d9;
}

.db_box.mycoupon .pwa_mycoupon_cat.tag_campaign {
  background: #ecf2d9;
}

.db_box.mycoupon .pwa_mycoupon_cat.tag_order_discount {
  background: #d9f2e8;
}

.db_box.mycoupon .pwa_mycoupon_expire {
  color: #d82854;
  position: relative;
}

.db_box.mycoupon .pwa_mycoupon_expire:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='圖層_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 118 118' style='enable-background:new 0 0 118 118;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23D82854;stroke:%23D82854;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M55.1,6.6c0-2.2,1.8-3.9,3.9-3.9c31.1,0,56.4,25.2,56.4,56.4c0,31.1-25.2,56.4-56.4,56.4 C27.9,115.4,2.6,90.1,2.6,59c0-2.2,1.8-3.9,3.9-3.9s3.9,1.8,3.9,3.9c0,26.8,21.7,48.5,48.5,48.5c26.8,0,48.5-21.7,48.5-48.5 c0-26.8-21.7-48.5-48.5-48.5C56.8,10.5,55.1,8.7,55.1,6.6z M59,39.3c2.2,0,3.9,1.8,3.9,3.9v17h17c2.2,0,3.9,1.8,3.9,3.9 c0,2.2-1.8,3.9-3.9,3.9H59c-2.2,0-3.9-1.8-3.9-3.9v-21C55.1,41.1,56.8,39.3,59,39.3z'/%3E%3Cpath class='st0' d='M43.8,8.7c0.8,2-0.2,4.3-2.3,5.1c-0.7,0.3-1.5,0.6-2.2,0.9c-2,0.9-4.3,0-5.2-2c-0.9-2,0-4.3,2-5.2 c0.8-0.4,1.7-0.7,2.6-1.1C40.7,5.6,43,6.6,43.8,8.7z M25.7,18.3c1.5,1.6,1.4,4.1-0.1,5.6c-0.6,0.5-1.1,1.1-1.7,1.7 c-1.5,1.6-4,1.6-5.6,0.1c-1.6-1.5-1.6-4-0.1-5.6c0.6-0.7,1.3-1.3,2-2C21.7,16.7,24.2,16.7,25.7,18.3z M12.6,34.2 c2,0.9,2.9,3.2,2,5.2c-0.3,0.7-0.6,1.5-0.9,2.2c-0.8,2-3.1,3-5.1,2.3c-2-0.8-3-3.1-2.3-5.1c0.3-0.9,0.7-1.7,1.1-2.6 C8.3,34.2,10.7,33.3,12.6,34.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  left: -22px;
  bottom: 0px;
}

/* end of dashboard coupon */
@media only screen and (max-width: 500px) {
  .header_notification {
    display: none;
  }
}

/*notification top bar starts*/
#main_noti_box_top_bar {
  background-color: #ffffff;
  width: 100%;
  box-shadow: 1px 1px 10px #00000038;
  z-index: 1;
  top: 40px;
  position: sticky;
  padding: 0 !important;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#main_noticontent_frame.special_promotion {
  display: flex;
  align-items: center;
  position: relative;
}

#noti_prev_button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#noti_next_button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.right_arrow,
.left_arrow {
  position: relative;
}

#noti_prev_button .left_arrow {
  width: 8px;
  height: 8px;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  transform: rotate(45deg);
}

#noti_next_button .right_arrow {
  width: 8px;
  height: 8px;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  transform: rotate(225deg);
}

#top_bar_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #464646;
  align-items: center;
  padding: 0 8px;
  min-width: 460px;
  width: 460px;
  margin: 0 0;
}

.top_bar_main {
  display: inline-flex;
  padding: 3px 30px 0px;
  font-size: 14px;
  gap: 12px;
}

.top_bar_item {
  margin-left: 0px;
  color: #1d1d1d;
  background: none;
  border-radius: 2px;
  padding: 0px 5px;
  font-size: 11px;
  align-self: center;
  text-wrap: inherit;
  word-wrap: normal;
  white-space: nowrap;
  text-decoration: underline;
}

.top_bar_des {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: center;
  margin: auto;
}

.global_delivery .top_bar_des {
  letter-spacing: 2.5px;
  font-weight: 600;
  color: #1d1d1d;
}

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

.delivery_icon img {
  width: 26px;
}

.top_bar_personalized_page .top_bar_main {
  cursor: pointer;
}

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

.top_bar_personalized_page_icon img {
  width: 84px;
}

[lang="en"] .global_delivery .top_bar_main {
  gap: 12px;
}

[lang="en"] .global_delivery .top_bar_des {
  letter-spacing: 0px;
}

.global_delivery .top_bar_item {
  display: none;
}

/*notification top bar ends*/

/*timeforshre menu starts*/
nav .article {
  padding: 15px;
  position: relative;
}

nav>div.article .subnav {
  left: 0;
  top: 50px;
  position: absolute;
  transform: translateX(0px);
  box-shadow: 0px 0px 5px #393d42;
}

nav .article .nav_width {
  min-width: 200px;
}

nav div.article .subnav div:hover {
  background: rgb(235, 235, 235);
}

nav .article:hover .subnav {
  max-height: 85vh;
}

/*timeforshre menu ends*/