@charset "utf-8";

@media only screen and (max-width: 1366px) {
  html[lang="en"] .header {
    width: 100%;
    position: fixed;
    padding: 5px;
  }

  html[lang="en"] .header > div {
    padding-right: 30px;
  }

  html[lang="en"] .logo.v6 {
    width: 110px;
  }

  html[lang="en"] .logo {
    padding: 10px;
    margin-left: 15px;
    margin: 5px 10px;
  }

  html[lang="en"] nav .article img {
    max-width: 55px;
  }

  html[lang="en"] nav {
    padding: 0;
  }

  html[lang="en"] nav .article {
    padding: 0 5px;
  }

  html[lang="en"] nav > div {
    font-size: 14px;
  }

  html[lang="en"] nav > div > div > div {
    padding: 10px;
  }

  html[lang="en"] nav > div > div > div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
  }

  input.hamburger-checkbox {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 10vw;
    opacity: 0;
    height: 6vh;
  }

  .quick_scbox {
    margin-bottom: 3px;
    margin-top: 5px;
  }

  .hamburger-icon {
    position: relative;
    top: 2px;
    z-index: 1;
    width: 20px;
    z-index: 100000000;
    padding: 0 !important;
  }

  .hamburger-icon span {
    display: block;
    width: 28px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #d5d3a8 !important;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition:
      transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
      background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
      opacity 0.55s ease;
  }

  .mega img {
    height: unset;
  }

  #openmenu:checked ~ .menu-pane {
    left: 0vw !important;
    width: 100%;
    opacity: 1;
    visibility: visible;
  }

  #openmenu:checked ~ .hamburger-icon span:nth-of-type(1) {
    opacity: 1;
    transform: rotate(45deg) translate(0px, -1px);
  }

  #openmenu:checked ~ .hamburger-icon span:nth-of-type(2) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  #openmenu:checked ~ .hamburger-icon span:nth-of-type(3) {
    transform: rotate(-45deg) translate(0, -1px);
  }

  .menu-pane .subnav {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    flex-wrap: wrap;
    opacity: 0;
    text-align: left;
  }

  .sitemap .menu-pane .subnav {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }

  .menu-pane .subnav.active {
    max-height: 4000px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    flex-wrap: wrap;
    display: block;
    padding: 0;
    opacity: 1;
  }

  .menu-pane .subnav.brand {
    background-color: #f5f5f5ff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    text-shadow: none;
    color: #333333;
    box-shadow: 0px 0px 5px #393d42;
    overflow: auto;
    padding: 0px;
  }

  .sitemap .subnav.active {
    margin-bottom: 10px;
  }

  .menu-pane .subnav.brand .cate_view_all > div {
    border-radius: 15px;
    padding: 5px 15px;
    background: unset;
    color: #3e3e3e;
    background: #ffffff;
    margin: 10px;
    font-weight: 400;
    font-size: 13px;
    flex: 1;
    text-align: center;
    box-shadow:
      rgb(0 0 0 / 10%) 0px 1px 3px 0px,
      rgb(0 0 0 / 6%) 0px 1px 2px 0px;
  }

  .menu-pane .subnav.brand.c1 .cate_view_all {
    display: flex;
    background: linear-gradient(to right bottom, #ffdc79 0%, #fff4bf 100%);
  }

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

  .menu-pane .subnav.brand.c34 .cate_view_all {
    display: flex;
    background: linear-gradient(to right bottom, #d5cc67 0%, #e4dc7f 100%);
  }

  .menu-pane .subnav.brand.c18 .cate_view_all {
    background: #e2c298;
  }

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

  .menu-pane .subnav.brand > div:nth-of-type(2) > div {
    padding: 20px 20px;
    /* padding-right: 10px; */
    font-size: 14px;
    flex: 1 1 30%;
    position: relative;
    display: block;
    text-align: center;
    text-align: -webkit-center;
    /* justify-content: space-between; */
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
  }

  .menu-pane .subnav.brand .brand_logo {
    flex: 0 0 80px;
  }

  .menu-pane
    .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;
  }

  .menu-pane .subnav.brand > div:nth-of-type(2) > div:hover {
    background-color: unset;
    box-shadow: unset;
  }

  .menu-pane
    .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;
  }

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

  .menu-pane .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;
  }

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

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

  .menu-pane .subnav > div {
    padding: 15px 30px;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 14px;
    color: #30302f;
    background: #fff;
  }

  .header_login {
    display: none;
  }

  .header_login.active {
    display: block;
  }

  .sitemap .menu-pane .subnav > div {
    padding: 15px 0px 0 0 !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    font-size: 14px !important;
  }

  .menu-pane .subnav.brand {
    background-color: #ffffff;
  }

  .menu-pane .nav_promo {
    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;
  }

  .menu-pane .hamburger_wrapper {
    background: #1f1f1e;
    width: 100%;
    position: sticky;
    top: 0;
    height: 50px;
    z-index: 100;
  }

  .subnav .nav_promo::before {
    content: "";
    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;
  }

  .subnav .nav_promo.vip::before {
    top: 22px;
  }

  .subnav .nav_promo.anniversaty::before {
    top: 22px;
  }

  .subnav .nav_promo::before {
    top: 22px;
  }

  .subnav .nav_promo.cuban::before {
    top: 22px;
  }

  .subnav .nav_promo.other::before {
    top: 22px;
  }

  .nav_promo,
  .nav_promo .vip,
  .nav_promo .anniversaty,
  .nav_promo .cuban,
  .nav_promo .other {
    position: relative;
  }

  div.menu-pane.pwabar_active {
    top: 60px;
  }

  div.menu-pane {
    background-color: #1f1f1e;
    position: absolute;
    width: 100%;
    height: auto;
    transition: 0.3s ease-in-out;
    max-height: 100vh;
    min-height: 100vh;
    visibility: hidden;
    right: 100px;
    top: 0;
    padding: 0;
    overflow: auto;
    box-sizing: content-box;
    opacity: 0;
    left: 100vw;
    z-index: 10000000;
    width: 0;
  }

  .arrow_div {
    padding: 20px;
    position: relative;
  }

  .arrow_div::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 5px;
    border-left: 5px solid #914303;
    border-bottom: 5px solid #914303;
    right: 10px;
    top: 25%;
    transform: translateY(-25%) rotate(-45deg);
  }

  .menu-pane p {
    color: black;
    font-size: 0.6em;
  }

  .menu-pane nav {
    padding: 10%;
  }

  .menu-links {
    font-family: "Montserrat";
    font-size: 15px;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    background-color: #30302f;
    overflow: auto;
    height: auto;
    padding: 0px;
    overflow: unset;
  }

  .menu-links > div {
    padding: 0px;
    border-bottom: 1px solid #333;
    position: relative;
  }

  .menu-links > div > div:focus {
    background-color: #1f1f1e;
  }

  .menu-links > div > div {
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
  }

  .menu-links div,
  a,
  span {
    transition: 0.5s ease-in-out;
    text-transform: uppercase;
  }

  .menu-links div a {
    color: white;
    text-decoration: none;
  }

  .menu-links div:hover a {
    color: #ffab91;
  }

  .menu-links div:first-child:hover a {
    color: black;
    background-color: #ffab91;
  }

  /* .menu-links>div.with_lv2>div:nth-of-type(1)::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 0px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 40px;
    top: 26px;
    transform: rotate(-45deg) translateY(-35%);
  } */

  #QC-info {
    background-color: #ffab91;
    border: 2px solid;
    border-color: #ffab91;
    display: block;
    opacity: 0;
  }

  .menu-links li:first-child:hover #QC-info {
    opacity: 1;
  }

  .menu-links li:first-child:hover #DC-info {
    opacity: 1;
  }

  .mobile_info {
    padding: 10px;
    display: none;
  }

  .menu-pane .region_lang_container {
    display: none;
  }

  .menu-pane .currency_div,
  .menu-pane .lang_div {
    display: none;
  }

  .currency_div,
  .lang_div {
    font-size: 12px;
    display: flex;
    align-items: center;
  }

  #DC-info {
    background-color: #ffab91;
    border: 2px solid;
    border-color: #ffab91;
    display: block;
    opacity: 0;
  }

  .menu-links li:first-child a {
    padding: 5px;
  }

  #search input {
    padding: 10px;
  }

  .featured_items_box .image.brand {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .feature_details_img_box img {
    max-width: 330px;
  }

  .home_mini_ads_box2 {
    box-shadow: none;
    min-height: 530px;
  }

  .home_ads_right {
    margin: 0px;
  }

  .home_mega.mega_a .mega_content {
    width: 550px;
    padding: 30px;
    left: 400px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
  }

  .home_mini_ads_mega1 {
    padding: 30px;
  }

  .home_mini_ads_mega2 {
    padding: 30px;
  }

  /* .product_hot_container {
    padding-top: 50px;
  } */
  .home_mini_ads_box2 .slider_controller {
    bottom: 10px;
  }

  .menu-pane .footer_social_network {
    display: none;
  }

  footer:hover site_footage {
    bottom: 25px;
  }

  .menu-links > div > div img {
    max-width: 80px;
    /*width: 100%;*/
  }

  .product_list .thumb {
    /* padding-bottom: 90%; */
    /* height: 318px; */
  }

  .icon-icon_envelop .material-symbols-outlined {
    font-size: 24px !important;
  }

  .product_list .product_list_box > div {
    flex: 0 0 25%;
  }

  .main_container .full_logo {
    margin: 30px auto 0;
    max-width: 1000px;
  }

  .mini_banner_btn_containter .btn_general {
    background-color: rgb(255 255 255 / 31%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  .eshop .brand_list img {
    image-rendering: unset;
  }

  .eshop .brand_list > div {
    max-width: 800px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1180px) {
  .product_list .product_list_box > div {
    flex: 0 0 33%;
  }

  .noti_unread_wrapper {
    padding: 10px 33px 10px 45px;
  }

  .notification_item {
    padding: 8px 0;
  }

  .btn_showall_notify {
    bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .logo.v6 {
    width: 135px;
  }

  /* .switch_region {
    position: absolute;
    left: 0;
    top: 13px;
  } */
  .header_notification::before {
    right: 74px;
  }

  .mobile_info > div {
    font-size: 13px;
  }

  .menu-pane .sitemap {
    display: block;
  }

  .main_container .full_logo {
    margin: 30px auto 20px;
    max-width: 850px;
  }

  .main_container .full_logo img {
    max-width: 80px;
    image-rendering: unset;
  }

  .sitemap {
    font-size: 14px;
    text-align: left;
    padding: 10px 0px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    font-weight: 400 !important;
    color: #aaaaaa;
  }

  .sitemap > div {
    padding: 5px 20px;
    margin: 0;
  }

  .sitemap > div > div:nth-of-type(2) > div {
    color: #ffffff;
    font-size: 12px;
    margin: 0;
    padding: 8px 0 0 0;
    position: relative;
    font-weight: 200;
    background: unset;
    z-index: 1;
  }

  .sitemap .nav_rotate:before {
    filter: brightness(0) saturate(100%) invert(31%) sepia(0%) saturate(4612%)
      hue-rotate(80deg) brightness(105%) contrast(84%);
  }

  .menu-links .nav_arrow,
  .site_box .nav_arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .menu-pane .nav_rotate:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    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 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230F0F0F;%7D%0A%3C/style%3E%3Cpath class='st0' d='M52.1,196.7c4.3,4.3,11.3,4.3,15.7,0l73.6-73.6c13-13,13-34,0-47L68.6,3.3C64.3-1,57.3-1,53,3.3 c-4.3,4.3-4.3,11.3,0,15.7l72.8,72.8c4.3,4.3,4.3,11.3,0,15.7L52.1,181C47.8,185.3,47.8,192.4,52.1,196.7z'/%3E%3C/svg%3E%0A");
    filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(1%)
      hue-rotate(159deg) brightness(91%) contrast(87%);
  }

  .menu-pane .nav_rotate {
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    transform-origin: center center;
    color: #6d6565;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .menu-pane .nav_rotate.down {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .sitemap > div > div:nth-of-type(1) {
    padding: 5px 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    border-bottom: 1px solid #222222;*/
    color: #d7d7d7;
  }

  #contact_us_box {
    padding-top: 5px;
  }

  site_footage > div {
    padding: 13px 30px;
  }

  footer:hover site_footage {
    bottom: 20px;
  }

  .lang_tab,
  .currency_tab {
    color: #ffffff;
  }

  .home_mini_ads_box2 {
    min-height: unset;
  }

  .featured_items_box > div {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #f1f1f1;
  }

  .featured_items_box > div:nth-last-child(1) {
    border-bottom: none;
  }

  .product_list .thumb {
    /* padding-bottom: 90%; */
    /* height: 246px; */
  }

  .from_pos {
    top: 127px;
  }

  .home_ads_right {
    margin: 0px;
  }

  .home_ads_right > div:nth-of-type(2) {
    width: 1000px;
    height: 368px;
  }

  .home_ads_right > div > div:nth-of-type(1) {
    width: 750px;
    height: 350px;
  }

  .product_collection_container .list_container {
    margin-top: 0;
  }

  .product_collection_container .item_list {
    width: 1000px;
  }

  .home_mini_ads_mega1 {
    margin: 0px 20px;
    padding: 15px;
    width: 61%;
  }

  .home_mini_ads_mega2 {
    margin: 0px 20px;
    padding: 15px;
    width: 61%;
  }

  .home_mini_ads_mega1 div {
    font-size: 14px;
  }

  .home_mini_ads_mega2 div {
    font-size: 14px;
  }

  #home_mini_mega_bg1 {
    min-height: 420px;
  }

  #home_mini_mega_bg2 {
    min-height: 420px;
  }

  .home_ads_right > div > div:nth-of-type(2) {
    width: 250px;
    height: 350px;
  }

  .home_mini_ads_box2 .slider_controller {
    bottom: 45px;
  }

  .home_mini_ads_box2 .slider_controller {
    bottom: 0px;
  }

  .footer_etc {
    text-align: right;
    margin-top: -12px;
    display: none;
  }

  .hotline {
    color: #fff;
  }

  .icon_new_brand {
    position: absolute;
    top: 20px;
    right: 30px;
  }

  .menu-pane .accessory_mobile {
    justify-content: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }

  .menu-pane .accessory_mobile > div {
    margin: 30px;
    flex: 0 0 27%;
  }

  .menu-pane .subnav.brand > div:nth-of-type(2) > div:hover {
    background-color: unset;
    box-shadow: unset;
  }

  /* .menu-pane .subnav_cate {
    display: none;
  } */

  .menu-pane .subnav_cate.subnavid_34 {
    display: block;
  }

  nav .article {
    font-size: 12px;
  }

  nav > div > div > div {
    font-size: 12px;
  }

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

  .quick_scbox {
    margin-right: 40px;
  }

  .quick_scbox > div {
    font-size: 20px;
    margin-right: -3px;
    margin-top: 3px;
  }

  .home_mini_ads_box2 .slider_controller > div {
    width: 60px;
    height: 30px;
  }

  .featured_items_box .feature_details {
    max-width: 100%;
  }

  .blog_flex > div {
    flex: 0 0 22%;
  }

  .mini_cigar_container .cigar_details .cigar_info > div:nth-of-type(1) {
    font-size: 17px;
  }

  .mini_cigar_container .cigar_details .cigar_info > div:nth-of-type(2) {
    font-size: 30px;
  }

  .blog_container {
    padding: 0;
  }

  .blog_container > div:nth-of-type(1) {
    padding: 50px;
    flex: 0 0 20%;
  }

  .blog_container .blog_flex > div {
    flex: 0 0 43%;
  }

  .product_hot_container .item_list {
    margin: 0px auto;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: unset;
    max-width: 100%;
  }

  .product_item_container .item_image {
    flex: 1;
  }

  .product_item_container .item_image.selected .btn_circle_go {
    bottom: 30px !important;
  }

  .product_newcol {
    justify-content: unset;
    flex-wrap: nowrap;
  }

  .product_hot_container .swiper-slide {
    display: flex;
    place-content: center;
    justify-content: center;
  }

  .product_hot_container {
    max-width: 100%;
  }

  .mini_cigar_container > div:nth-of-type(3) {
    padding: 50px;
  }

  .product_item_container {
    margin: 100px auto 0;
    padding: 30px;
  }

  .product_newcol {
    margin: 20px auto 120px;
    padding-bottom: 50px;
    padding: 0;
  }

  .product_newcol .pbasic_info {
    font-size: 13px;
  }

  .product_newcol .pbasic_info > div:nth-of-type(1) {
    font-weight: 400;
    font-size: 13px;
  }

  .product_newcol .pbasic_info > div:nth-of-type(2) {
    font-size: 13px;
  }

  .product_list .product_list_box > div {
    flex: 0 0 33%;
  }

  .brand_list img {
    max-height: 60px;
  }

  .brand_list > div > div {
    margin: 10px;
  }

  nav {
    display: none;
  }

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