*{margin:0;padding:0}
html, body {
      touch-action: pan-x pan-y !important;
      -webkit-text-size-adjust: 100% !important;
    
}
html{height:100%;width:100%}
body{margin:0;padding:0;line-height:1.5;font-size:16px;background:#FFF;overflow-x:hidden;color:#414141;font-family:"NotoSans",Arial,"serif" !important;font-weight:400}
@font-face{font-family:"NotoSans";src:url("fonts/NotoSans-Regular.ttf");font-weight:400}
@font-face{font-family:"NotoSans";src:url("fonts/NotoSans-Bold.ttf");font-weight:700}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;line-height:inherit;font-size:inherit}
ul li{list-style:none}
ul{padding:0;margin:0}
input{-webkit-appearance:none}
textarea{-webkit-appearance:none;resize:none}
input::-webkit-input-safebox-button{display:none}
select{-webkit-appearance:none}
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none}
a{cursor:pointer;color:#414141;  user-select: none;
 -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-touch-callout: none;user-drag: none;-webkit-user-drag: none;}
a:hover{transition:0.3s ease-out; color: #009998;}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none}
span:focus,img:focus,button:focus{outline:none !important;border:none;box-shadow:none !important}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none}
a:focus,a:hover{text-decoration:none;outline:none}
select,select:focus,select:active{outline:none}
input:focus,textarea:focus,select:focus{outline:none !important;box-shadow:none !important}
select{-webkit-appearance:none;appearance:none}
input::-moz-placeholder{color:#A7A7A7 !important;opacity:1}
input:-ms-input-placeholder{color:#A7A7A7 !important}
input::-webkit-input-placeholder{color:#A7A7A7 !important}
input{color:#414141}
.form-control::placeholder{color:#A7A7A7 !important}
.form-control{background:#FFF;border-radius:0;border:none;border-bottom:1px solid #E9EFF3;padding:17px 0;color:#000;min-height:45px;font-size:14px}
.container{max-width:1685px;width:100%;}
.layui-input:focus, .layui-textarea:focus{border-color: #535353 !important;}
.layui-input[readonly], .layui-disabled{
    cursor:no-drop;background: #EDEDED; color: #A7A7A7 !important ;border-color: #eee !important;
}
.layui-form-select .layui-input[readonly]{background: none; cursor: pointer; color: #414141 !important;}
.layui-form-select  .layui-input.layui-disabled{
    cursor:no-drop;background: #EDEDED; color: #A7A7A7 !important ;
}
.layui-textarea{border-color: #E4E4E4; border-radius: 10px;padding: 8px 10px;}
.swiper_product_c{padding:0 60px;padding-bottom:30px;margin-bottom:80px;position:relative;margin-left:-60px;margin-right:-60px}
.swiper_product_c .swiper-button-prev{left:0}
.swiper_product_c .swiper-button-next{right:0}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0.5;}
.swiper-container.swiper_product{position:initial;overflow:hidden}
.swiper-button-next, .swiper-button-prev{width:32px;height:32px;border-radius:50px;opacity:1;
    margin-top:-16px; border-radius: 50px;background: none; border: 2px solid #009998;color: #009998; background: #FFF;}
    .swiper-button-next:hover, .swiper-button-prev:hover{background: #009998; color: #FFF;}
.swiper-button-next::after,.swiper-button-prev::after{font-size:24px;line-height:28px}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{content:"\f12c" ; font-family: bootstrap-icons !important;}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after{content:"\f135" ; font-family: bootstrap-icons !important;}
 .swiper-pagination-bullet{background: #FFF;width: 8px;height: 8px;border: 1px solid #009998;border-radius: 50px; opacity: 1;}
 .swiper-pagination-bullet-active{background: #009998}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
.swiper-button-lock{display: none !important;}





/* footer */
footer{background: #F6F6F6;}
footer .License{border-bottom: 1px solid #E4E4E4;padding: 30px 0;}
.license_title{font-size: 18px;font-weight: 700; margin-bottom: 15px;}
.License-row{display: flex; justify-content: space-between;flex-wrap: wrap; gap:20px 20px; width: 100%;}
.License_list{ width: calc((100% - 60px)/4);}
.header_search.subscribe{width: auto; margin-left: 0;max-width: 400px;}
/* .header_search.danger{border-color: #D10909;} */
.header_search >div{flex: 1;}
.search_wrapper{display: flex; justify-content: space-between; align-items: center;}
.clear-btn {
     font-size: 20px;
      text-align: center;
      color: #A7A7A7;
      opacity: 0.8;
      cursor: pointer;
      /* 默认隐藏 */
      display: none;
      margin-right: 10px;
      user-select: none; /* 禁止选中文字 */
}
.clear-btn:hover {
      opacity: 1;
    }
.footer_row{display: flex; justify-content: space-between; gap:20px 40px; width: 100%; flex-wrap: wrap;}
.footer_logo{max-width:142px ;}
.BranchInformation{display: flex; justify-content: space-between;flex-wrap: wrap; gap:20px 20px; width: 100%;}
.BranchInformation_list{width: calc((100% - 20px)/2);}
.Branch_information{display: flex;gap:0 5px; color: #414141; font-size: 14px; align-items: center; margin-bottom: 5px; justify-content: flex-start;}
.Branch_information img{max-width: 24px;}
.Branch_title{color: #535353;  font-weight: 700; margin-bottom: 10px;}
.footer_title{font-weight: 700; font-size: 18px; margin-bottom: 20px;}
.footer_list:first-child{max-width: 320px;}
.footer_list:nth-child(2){flex: 1;}
.footer{padding: 25px 0;border-bottom: 1px solid #E4E4E4;}
.footer_list{flex-shrink: 0;}
.footer_txt{ margin-top: -10px; margin-bottom: 15px;}
.footer_share_links .footer_title{margin-bottom: 0;}
.footer_share_links{display: flex; align-items: center;gap:0 20px; margin-bottom: 20px;}
.footer_share_links .Branch_information{gap:0 10px;margin-bottom: 0;}
.footer_share_links .Branch_information img{width: 32px;}
.footer_logo{margin-bottom: 20px;}
.footer_bottom{background: #FFF;padding: 15px 0; color: #535353;}
.footer_bottom .container{display: flex; justify-content: space-between; align-items: center;}
.footer_bottom_right{display: flex; align-items: center; gap:0 15px; flex-wrap: wrap;}
.error{color: #D10909 !important; line-height: 1.5; font-size: 14px; margin-top: 5px;display: flex; align-items: center; gap:5px;width: 100%;}






















.index_banner{padding: 0 0;padding-bottom: 35px;margin-bottom:50px; position:relative;}
.swiper.banner{position: static;}
.banner .swiper-slide{width:80%;max-width:1100px}
.banner .swiper-slide img{width:100%; border-radius: 20px; overflow: hidden;}
.banner_button{position:absolute;left:0;top:50%;width:100%;height:46px; margin-top: -23px;}
.banner_button .container{position:relative;height:100%; max-width: 1320px;}
.banner_button .swiper-button-next, .banner_button .swiper-button-prev{width: 46px;height: 46px;margin-top: 0; top: 0;}
.banner_button .swiper-button-next::after, .banner_button .swiper-button-prev::after {font-size: 36px;}
.notice_top{background:#f2feff;padding:20px 0;color:#009998}
.notice_top .container{display:flex;justify-content:space-between;align-items:center;gap:0 10px}
.notice_top .notice_top_close{color:#414141}
.notice_top .notice_top_close:hover{color:#000}
.notice_top .notice_top_close i:before{font-weight:bold !important}

.top_bar_Features{background: #FFF;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;padding:33px 0;font-weight: 700;}
.top_bar_Features .container{display: flex;justify-content: center; align-items: center;gap:0 13%;text-align: center;}
.top_bar_Features img{margin-bottom: 5px;}
.top_bar_Terms{background: #F6F6F6;border-bottom: 1px solid #F6F6F6;height: 64px;}
.top_bar_Terms .container{display: flex;height: 100%;align-items: center; justify-content: end;gap:0 40px}
.top_bar_Terms a{color: #009998;}
.top_bar_Terms a img{margin-right: 5px;}
.top_bar_Terms a:hover{opacity: 0.8;}











header{background:#FFF;z-index:92;position:relative;}
header.header-fixed{z-index:999;position:fixed;left:0;top:0;width:100%;animation:fadeInDown 0.5s ease-out}
header .container{display:flex;align-items:center;justify-content:space-between;height:100%; gap: 0 20px;}
header .logo{max-width:246px}
.header_c_right{display: flex; align-items: center;gap:0 30px;}

.header_c_left{display:flex;align-items:center;padding: 16px 0;}
.header_c_right.loggedIn .head_account{display: none !important;}
.header_c_right.loggedIn .mobile_visible{display: block !important; color: #009998;}
.top_nav_icon{display: none;}
.flex_search{margin-left:12px;}
.hot_search{display: flex;gap:3px 20px;margin-top: 15px;flex-wrap: wrap;}
.hot_search a{color: #009998;}
.hot_search a:hover{opacity: 0.5;}
.header_search{width:667px;position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid #E4E4E4;background:#FFF;height:48px;border-radius:50px;}
.header_search:hover{border-color: #535353;}
.header_search input{width:100%;background:none;padding:0 15px;border:none}
.header_search .search_but{height:100%; border: none; background:#009998;color:#FFF;font-size:14px;min-width:60px;text-align:center;display:flex;justify-content:center;align-items:center; border-radius: 0 50px 50px 0;}
.header_search .search_but:hover{opacity: 0.6;}
.search_dropdown{position: absolute;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25); border-radius: 10px;padding: 16px 16px 0; background: #FFF; top: 120%; animation: fadeInUp 0.5s ease-out; width: 100%;z-index: 9;}
.search_dropdown_title{font-weight: 700; margin-bottom: 15px;font-size: 16px;}
.search_dropdown.dropdown-hidden{display: none}
.search_dropdown.dropdown-visible{display: block;}
.search_tags{margin-bottom: 10px;}
.search_tags a{display: inline-block; background:#F2F2F2; padding: 8px 12px; border-radius: 50px; margin-right: 3px; margin-bottom: 10px;}
.search_dropdown_list{ margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid #ECF0F4;}
.search_dropdown_list > a{display: flex; align-items: center; }
.search_dropdown_list .img{width: 60px; min-width: 60px; border-radius: 10px; overflow: hidden;border: 1px solid #e4e4e4;}
.search_dropdown_list .txt{margin-left: 10px;flex: 1; font-size: 16px;margin-right: 20px;}
.search_dropdown_list .price{flex: 0 0 auto;min-width: 100px;}
.search_dropdown_list .price .new_price{font-size: 16px; color: #009998;font-weight: bold;}
.search_dropdown_list .price .old_price{text-decoration: line-through; color: #A7A7A7;font-size: 14px;}
.search_dropdown_list_button{text-align: center;padding-bottom: 20px;}
.search_dropdown_list_button a{color: #414141;font-weight: 700;}
.search_dropdown_list_button a i{margin-left: 5px;}
.search_dropdown_list_button a:hover{color: #009998;}
.top_nav_search_contact_no img{max-width: 60px; display: block; margin: 0 auto 20px;}
.top_nav_search_contact_no{text-align: center;padding: 30px 0;color:#909090 ;}
.header_c_mobile{display: none;}
.top_language{padding-left:15px;border-left:1px solid #E9EFF3}
.top_language a{display:inline-block;color:#BCBCBC;margin:0 2px;vertical-align:middle}
.top_language a:hover{color:#00B6BD}
.head_account{display:flex;align-items:center;gap:0 2px;color: #FFF;font-size: 14px;background: #009998;justify-content: center;padding: 12px 13px; border-radius: 50px;}
.head_account a{color: #FFF;font-weight: 700;}
.head_account a:hover{color:rgba(255,255,255,0.9);}
.head_account img{margin-right: 5px;}
.head_account:hover{background: rgba(0, 153, 152, .7);}
.right_links{display: flex; align-self: center;gap:0 30px}
.right_links a img{width: 32px;}
.right_links a:hover{opacity: 0.5;}
.top_shopcart{position:relative;}
.top_shopcart .shopcart_total{position: absolute; right:-5px; top: -5px;width: 19px; 
    height: 19px;text-align: center;font-size: 10px;color: #FFF;display: flex;align-items: center;justify-content: center;background: #D10909;border-radius: 50px;}
.top_shopcart:hover{opacity: 0.5;}
.top_nav_width{position:relative;}
.top_nav_width_bg{background: #F6F6F6;}
.top_nav{text-align:center}
.top_nav > ul{display: flex; justify-content: center;gap:0 35px}
.top_nav>ul>li>a{color:#56392A;padding:0;display:block;padding-bottom: 15px;padding-top: 15px;  }
.top_nav>ul>li{position: relative;border-bottom: 2px solid transparent;}

.top_nav>ul>li.active>a{color:#009998}
.top_nav>ul>li.parent{padding-right: 20px;}
.top_nav>ul>li .m_icon_up{position:absolute;right:0;top:18px;}
.top_nav>ul>li .m_icon_up:after{content:"\f282";font-size:14px;font-family:bootstrap-icons !important}
.layui-form-select .layui-edge{border:none;background:url("../images/icon_up.png") no-repeat;width:24px;height:24px;right:8px;margin-top:-12px}
.layui-form-select dl dd:hover{background: none;color:#009998;}
.layui-form-select dl dd.layui-this{color:#009998; background: none;}

.mobile_visible{display:none}
.top_nav_Close{display:none}
.submenu-wrapper{width: 100%;display: none;z-index: 999;position: absolute;left:50%; top: 100%;animation:fadeInUp 0.3s;-webkit-animation: fadeInUp 0.3s;-moz-animation: fadeInUp 0.3s;-o-animation: fadeInUp 0.3s;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); margin-left: -75px;margin-top: 2px;
border-radius: 10px;overflow: hidden;min-width: 147px;}
.brands-menu{background:#FFF;padding:4px 0;text-align:center;}
.brands-menu ul li a{display:block;padding:9px 10px !important;text-align:center;color:#535353 !important}
.brands-menu ul li{margin:0}
.brands-menu ul li a:hover{color:#009998 !important}
.breadcrumb_top{background:#fff;padding:24px 0}
.breadcrumb>li+li::before{padding:0px 5px}
.breadcrumb{background:none;padding:0;margin-bottom:0}
.breadcrumb li a{color:#A7A7A7}
.breadcrumb li span{color:#414141; text-decoration: underline;}
.breadcrumb>li+li::before{content:"/";color:#414141;padding: 0 10px;}








.index_Classification .container{display: flex;justify-content:space-between;flex-wrap: wrap;gap:20px 20px;}
.index_Classification .container:after{content: "";flex: auto}
.Classification_li{width: calc((100% - 100px)/6);text-align: center;}
.Classification{max-width: 200px;min-height: 200px; border-radius: 20px;height: 200px;display: block;color: #414141;font-weight: 700;padding: 20px;height: 100%;margin: 0 auto;}
.Classification_txt{text-align: left;}
.Classification img{margin-bottom: 5px;}
.bg_D8ECE6{background: #D8ECE6;}
.bg_FFECCE{background: #FFECCE;}
.bg_F2F2DC{background: #F2F2DC;}
.bg_FCF4DE{background: #FCF4DE;}
.bg_FAECEC{background: #FAECEC;}
.bg_E8E9FF{background: #E8E9FF;}




.title{display: flex; justify-content: space-between; margin-bottom:30px; align-items: center;}
.title_left{font-size: 32px;font-weight: 700;display: flex; align-items: center;}
.title_left img{margin-right: 5px;}
.title.title_wrap{display: block;}
.title.title_wrap .title_right{margin-top: 20px;padding-right: 80px;}

.index_Popular_filter a{font-size: 14px; background: #EDEDED;padding:9px 16px; color: #414141; border-radius: 80px;white-space:nowrap;}
.index_Popular_filter a.active{background: #009998; color: #FFF !important;}
.index_Popular_filter a:hover{color:#009998 ;}
.index_Popular_filter{display: flex; gap:0 10px; overflow-x: auto;}

.index_product_list{ gap:0 30px;justify-content:space-between;flex-wrap: wrap;display: flex;}
.index_product_list:after{content: "";flex: auto}
.index_product_list_li{width: calc((100% - 120px)/5);margin-bottom: 60px;}
.libertinism_a{margin: 1px;}
.libertinism_a_img{ position: relative; border: 1px solid #E4E4E4; border-radius: 20px; overflow: hidden; margin-bottom: 20px;}
.libertinism_a_img .img {position: relative;}
.libertinism_a_img .img img{transition: 1s ease 0s;padding: 20px;display: block; margin: 0 auto;}
.libertinism_a_img .img:hover img{transform:scale(1.05);}
.libertinism_a_img .img_bottom{background: #f2feff; display: flex;justify-content: center;gap:0 20px;padding: 12px 0;}
.libertinism_a_img .img_bottom a{background: #FFF;width: 40px; height: 40px;border-radius: 50px; border:1px solid #E4E4E4; 
    color: #535353;display: flex; align-items: center; justify-content: center;}
    .libertinism_a_img .img_bottom a:hover{background: #009998; color: #FFF; border-color: #009998;}
.libertinism_a_img .img_bottom a i::before{font-weight: bold !important;font-size: 18px;}
.libertinism_a_img .img_bottom a i.bi-eye::before{font-size: 22px;}
.libertinism_a.soldout .img a:after{content: ""; background: rgba(65, 65, 65, 0.3);position: absolute; left: 0; top: 0;width: 100%; height: 100%; }
.soldout .btn_shopping_cart a{pointer-events: none;background: rgba(65, 65, 65, 0.5); border-color: rgba(65, 65, 65, 0.5); color: #FFF;}
.position_tag{
position: absolute; left:10px; top: 10px; display: flex;gap:0 3px; z-index: 9;
}
.span_overseas{
    background: #FFECCE;padding:7px 13px;color: #56392A;font-size: 14px;border-radius: 10px;display:flex; align-items: center; gap:0 3px;
}
.span_overseas.at_store{background: #D8ECE6;}
.span_overseas.only_delivery{background: #F2F2DC;}
.span_Offers{background: #FFD4D4;padding:7px 13px;color: #414141;font-size: 14px;border-radius: 10px;display: inline-block;}
.span_overseas > img{margin-right: 3px;padding: 0 !important; display: inline-block; margin: 0 !important; width: auto !important;}
.btn_soldOut{background: #FFF;padding:7px 13px;color: #535353;font-size: 14px;border-radius: 10px;position: absolute; right: 10px; bottom: 10px;z-index: 90;}
.libertinism_a_img .img_bottom a.active:hover{background: #FFF;border-color: #E4E4E4;} 
.libertinism_a_img .img_bottom a.active .bi-heart:before {content: "\f415"; color: #FF5656;}
.libertinism_txt a{display: block;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:48px; margin-bottom: 6px; color: #414141;}
 .libertinism_price{ margin-bottom: 20px;display: flex; align-items: center; justify-content: space-between;} 
 .libertinism_txt a:hover{color: #56392A;}
 .libertinism_price .new_price{color: #009998; font-size: 20px; font-weight: 700;}
  .libertinism_price .old_price{color: rgba(0,152,153,0.6);  font-size: 16px; text-decoration: line-through;}

 .btn_shopping_cart a{display: flex; gap:0 5px; justify-content: center; padding: 8px 0; align-items: center; color: #009998; border-radius: 50px; border: 1px solid #009998; font-size: 14px; font-weight: 700;text-align: center;} 
  .btn_shopping_cart a img,   .btn_shopping_cart a i{margin-right: 3px; font-size: 20px;} 
  .btn_shopping_cart a:hover{background-color: #009998; border-color: #009998; color: #FFF;}

  .BrowseAll{text-align: center;}
  .BrowseAll a{color: #FFFFFF;background: #009998;padding: 12px 40px;display: inline-block; border-radius: 50px;}
.BrowseAll a:hover{opacity: 0.8;}

.latest_coupon_button{position: absolute;right: 0; top: -65px;min-width: 80px;}
.latest_coupon_button .swiper-button-next, .latest_coupon_button .swiper-button-prev{position:initial;left: 0;top: 0;right: 0;margin: 0 0 0 6px;display: inline-block;text-align: center;}
.index_products_c{position: relative;margin-bottom: 50px;}  
.swiper.swiper_products{position: static;}

.margin_bottom60{margin-bottom: 60px;}


/* product_list */
.layui-slider-bar{background:#009998 !important ;}
.slideshow{margin-bottom: 20px;}
.slideshow_img{position: relative;border-radius: 20px; overflow: hidden;}
.slideshow_txt{position: absolute;left: 0; top: 0;width: 100%; height: 100%;display: flex; align-items: center;justify-content: center;
 font-size: 40px; color: #FFF; font-weight: 700;/*background: rgba(65, 65, 65, 0.4);*/}
 .column_left{min-width:334px;width: 334px; margin-bottom: 30px;padding-right: 50px; }
.filter-panel-defalt-c{background: #f2feff; border-radius: 20px; overflow: hidden; padding: 20px; margin-bottom: 20px;}
.filter-panel-defalt-c .filter_title{color: #56392A; font-size: 20px;font-weight: 700; }
.filter_title_dropdown{position: relative;font-weight: normal;cursor: pointer;margin-bottom: 0;padding-right: 20px;}
.filter_title_dropdown:after{content: "\f282"; font-size: 20px;  font-family: "bootstrap-icons";position: absolute; right: 0;top: 50%;font-weight: bold;margin-top: -15px;}
.filter-panel-defalt-c.active .filter_title_dropdown:after{content: "\f286";}
.panel-defalt{display: none;overflow-y: auto;max-height: 227px;margin-top: 20px;}
.panel-defalt .right_txt{font-size: 14px;margin-left: 4px;}
.panel-defalt .filter{padding:  0 8px;margin:0;}
.panel-defalt .filter .price_line{margin:5px 0 0; display:inline-block; width:100%; text-align:right;}
.panel-defalt .filter .price_line .hr{border-top:1px solid #e0e0e0; width:100%; margin-bottom:-8px; margin-top:20px;}
.panel-defalt .filter .price_line span.left{ float:left; background:#Fff; padding-right:10px;}
.panel-defalt .filter .price_line span.right{ display:inline-block; background:#Fff; padding-left:10px;}
.panel-defalt ul{margin:0;list-style:none;}
.panel-defalt ul li{margin:10px 0;display:inline-block;width:100%;position: relative;padding-right: 40px;}
.panel-defalt ul li.active a {color: #B9A3BF;}
.multi-filter-wrapper{margin:20px 0;}
.layui-slider{background: #E4E4E4; height: 8px;}
.demo-slider{margin: 0 5px;}
.layui-slider-wrap-btn{background: #FFF;border-color: #009998!important;width: 16px;height: 16px;}
.layui-slider-wrap{top: -15px;}
.filter-price-section{margin-top: 25px;padding-bottom: 15px;}
.filter-panel-price{margin-bottom: 20px;}
.regular-radio{display:none;}
.regular-radio + label {position: relative;cursor:pointer; padding-left:30px; margin:0;font-weight:normal;color:#535353; text-align:left; display:block;background: url("../images/checkbox.png") no-repeat;min-height: 24px; line-height: 24px;}
.regular-radio:hover + label{background-image:url("../images/Pr_hover.png") ;}
.regular-radio + label a{ color:#009998; text-decoration: underline!important;display:inline-block;}
.regular-radio + label a:hover{text-decoration: none!important;}
.regular-radio:checked + label{background: url("../images/checkbox2.png") no-repeat;}
.multi-filter-wrapper .filter-price-section .range-input-group {margin:15px 0 0;}
.multi-filter-wrapper .filter-price-section .range-input-group input {width: 100%; text-align:left;padding-left: 40px;height: 48px; border-radius:50px; border:1px solid #E4E4E4;;background: #FFF;color: #414141;}
.multi-filter-wrapper .filter-price-section .range-input-group input:focus{border-color: #535353;}
.multi-filter-wrapper .filter-price-section .range-input-group input.danger{border-color: #D10909;}
.multi-filter-wrapper .filter-price-section .range-input-group .range-input:before{content:"HK$";font-size: 12px; color:#906249; position:absolute; left:12px; top:50%;margin-top: -9px;}
.multi-filter-wrapper .filter-price-section .range-input-group input::-webkit-outer-spin-button, .multi-filter-wrapper .filter-price-section .range-input-group > input::-webkit-inner-spin-button {-webkit-appearance: textfield;}
.multi-filter-wrapper .filter-price-section .price-slider {margin: 25px 5px;height:4px;border-color: #009998;}
.multi-filter-wrapper .filter-price-section .price-slider div {background-color: #009998;}
.multi-filter-wrapper .filter-price-section .price-slider span {top:-8px; width:18px; height:18px;outline: 0;border-radius: 50%;background-color: #fff;border:3px solid #009998;}
.multi-filter-wrapper .filter-price-section .range-input{width: 44%; position:relative; display: inline-block; border:none;}
.multi-filter-wrapper .filter-price-section .range-input-r{float:right;}
.multi-filter-wrapper .filter-price-section .to{display:inline-block; width:8%;text-align: center;}
.column_center{ flex: 1;}
.column_center .catrlog_title{font-size: 50px;margin-bottom: 0;}
.column_center .catrlog_title h1{font-size:50px;display: flex;align-items: center;margin-bottom: 30px;}
.column_center .catrlog_title h1 span{font-size: 16px;}
.crumb {display:inline-block;width:100%; border-bottom:1px solid #e0e0e0;}
.crumb .icon-tag{ display:inline-block; margin:0 2px 5px; color:#000;vertical-align:middle;color: #FFF; background: #000; padding:5px 12px;}
.crumb .icon-tag .fa{margin-left:10px;}
.crumb .icon-tag:hover{ background:#bf0000; color:#fff;}
.crumb .crumb_left{ display:inline-block; width:75%; margin-bottom:10px;}
.crumb_left .Varietal{ display:table; width:100%; margin-bottom:6px;}
.crumb_left .Varietal .Varietal_left{display:inline-block; width:70px; color:#999;}
.crumb_left .Varietal .Varietal_c{display: table-cell; width:100%;}
.crumb .clear_all{ display:inline-block; vertical-align:bottom; width:23%; text-align:right; position:relative; margin-bottom:30px;}
.crumb .clear_all a{ color:#bf0000;}
.clear_all_a{display: inline-block;padding: 5px 12px;font-size: 14px;margin-right:7px; color: #535353; background: #EDEDED; border-radius: 50px;margin-bottom: 8px;}
.clear_all_a a{display: inline-block;margin-left: 5px;position: relative;font-size: 12px; color: #535353;}
.clear_all_a:hover{color: #808080;}
.clear_all_a a i::before{font-weight: bold !important;}
.sort_by{display:flex; justify-content: space-between; width:100%;margin-bottom: 20px; align-items: center;}
.sort_by_left{font-weight: 700;color: #535353;}
.sort_by .sort_by_right{display: flex;gap:0 10px;}
.sort_by .layui-form-select{display: inline-block; margin-left: 5px;}
.sort_by .layui-form-select .layui-input{background: #FFF;width: 300px; border: 1px solid #E4E4E4;color: #414141; border-radius: 50px; padding: 12px 35px 12px 15px;height: auto;}
.layui-form-select dl{box-shadow: 1px 0px 8px 2px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.layui-form-select dl dd{text-align: center;padding: 2px 0; border-radius: 8px; margin: 4px 0;}
.clear_all_c{margin-bottom: 20px;}
.product_search_result h1{font-size: 40px;margin-bottom: 20px;}
.product_search_result .column_center{padding-left: 0;}
.product_list{display: flex;flex-flow: wrap;justify-content: left;width: 100%;gap:40px 20px}
.product_list_li{width: calc((100% - 60px)/4);}
.page_product_list{margin-bottom: 20px;}
.page_product_list .container{display: flex;width: 100%;display: flex;}
.btn_clear{margin-top: 8px;}
.btn_clear a{color: #009998; text-decoration: underline!important;}
.btn_clear a:hover{opacity: 0.8;}
.column_left_Close{display: none;}
.calendar_m_nav{display: none;}
.pagination > li{display:inline-block;vertical-align:middle;}
.page_width{text-align:center;  display:block; padding:20px 0px; text-align:center; position: relative;}
.pagination_right{position: absolute;right: 0;top: 50%;margin-top: -16px;}
.pagination_right span{display: inline-block;padding: 4px 20px;border: 1px solid #BCBCBC;border-radius: 8px;margin: 0 5px;}
.pagination{display:inline-block; margin:0 auto;}
.pagination li{ display:inline-block; margin: 0 5px; }
.pagination li a,.pagination li >span{display:flex; border: 1px solid #D9D9D9; border-radius: 50px;
    align-items: center;justify-content: center;height: 100%;font-size:14px;text-align: center;margin:0px; background:#FFF; height:32px; min-width: 32px;color: rgba(0, 0, 0, 0.85);}
.pagination li a span{font-size: 14px;display: inline-block;vertical-align: middle;}
.pagination li i:before{ line-height:40px!important; vertical-align: middle;font-weight: bold!important;}
.pagination li.active a,.pagination li.active >span{background:#009998!important; color:#FFF; border-color:#009998 ;}
.pagination li a:hover{ color: #009998 !important;  border-color:#009998 ; background: #f2feff !important;}
/* .pagination .page_turning a{border-color: #009998;background: none;color: #009998;}
.pagination .page_nexting a{padding: 8px 60px;background: #009998;color: #FFF;}
.pagination .page_nexting a:hover{background: #F94D08} */
.product_list{margin-bottom: 30px;}
.my_modal_cart{padding: 20px;}
.my_modal_cart .modal-dialog{max-width: 1600px;}
.my_modal_cart .modal-body{padding: 0; border-radius: 0;padding: 30px 20px;}
.my_modal_cart .skin_type_box__right{max-height: 900px; overflow-y: auto;padding-right: 20px;}
.my_modal_cart .skin_type_box{margin-bottom: 0;padding-top: 22px;}
.my_modal_cart .close_modal_cart{position: absolute;color: #080539;right: 20px; top: 20px;font-size: 22px;}
.my_modal_cart .close_modal_cart i:before{font-weight: 700 !important;}
.my_modal_cart .product_information{margin-top: 20px; border-bottom: none;padding-bottom: 0;}
/* end product list */


/*product_detail*/
.Productshow_width{position:relative;display: inline-block;width: 100%;margin-bottom: 60px;}
.Productshow_width .alert{margin-top: 0;}
.skin_type_box_left{ width:50%; float:left; position: relative;padding-right: 50px;}
.skin_type_box_left .BestSellers_li_img_icon{right: 1px; top: 1px; font-size: 16px;}
.skin_type_box_left .BestSellers_li_img_icon .BestSellers_top_icon{margin-top: 7px; width: 20px;}

.skin_type_box_left .product-show-buttom{padding:0px; margin-top:30px;margin-bottom: 30px; position:relative;}
.skin_type_box_left .skin_type_thumbs{position: initial;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide{width: 120px;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide img{border: #EDEDED solid 2px; cursor:pointer;border-radius: 10px;width:100%;object-fit: cover;aspect-ratio: 1/1;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide-thumb-active img{border-color: #009998; }
.skin_type_box_left .swiper-button-prev, .skin_type_box_left .swiper-container-rtl .swiper-button-next{left:20px;}
.skin_type_box_left .swiper-button-next, .skin_type_box_left .swiper-container-rtl .swiper-button-prev{right:20px;}

.skin_type_product{border-radius: 20px; border: 1px solid #E4E4E4; overflow: hidden;}
.skin_type_product .swiper-slide img{ width:100%;object-fit: cover;aspect-ratio: 1/1;}
.skin_type_box__right{width:50%; float:right; }
.skin_type_box__right .title{font-size: 40px;margin-bottom: 15px; font-weight: 700;}
#galleryClose{position:absolute; cursor:pointer; right:10px; top:10px; color:#fff;  width:50px; text-align:center;  height:50px; z-index:999; background:#333; background:rgba(51, 51, 51, 0.8)!important; filter:Alpha(opacity=80);border-radius:3px;}
#galleryClose i{font-size:36px; line-height:50px; }
#gallerySlider .placeholder {cursor: auto; opacity: 1;}
.Productshow_right_txt{ margin-bottom: 30px; gap:0 5px; font-size: 14px; padding:8px 16px;display: flex;align-items: center; background: #f2feff; border-radius: 8px; color: #009998;}
.Multiple_offers_title{font-weight: 700;margin-bottom: 16px;}
.Productshow_right_ct_li{padding-bottom: 30px;width: 100%; }
.color_orange{color: #F94D08}
.Style_price{display: flex; align-items: center; gap:0 16px;margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #E4E4E4;}
.Style_price .new_price{color:#009998;font-size:32px; font-weight: bold; }
.Style_price .old_price{font-size: 18px;color: rgba(0,152,153,0.6); text-decoration:line-through;}
.style_Abatement{background: #F94D08;color: #FFF;padding: 2px 6px;}
.Productshow_price .Style_title{ margin-top:0px; top:32px;}
.SupplyStatus{display: flex; align-items: center;gap:0 5px}
.SupplyStatus .Multiple_offers_title{margin-bottom: 0;}
.SupplyStatus .status{color: #42A90F;font-size: 14px;display: flex; align-items: center;gap:0 5px}
.SupplyStatus .status span{width: 8px; height: 8px; border-radius: 50px;background:#42A90F ; display: inline-block;}
.SupplyStatus .status.status_empty{color: #D10909;}
.SupplyStatus .status.status_empty span{background: #D10909;}
.Taste{width: 100%;}
.right-ks{ width:154px; position:relative;}
p.qtypara{margin-bottom:0;width: 100%;display: flex;gap:0 10px;padding: 0 15px; justify-content: space-between; align-items: center; border: 1px solid #E4E4E4; border-radius: 50px;}
p.qtypara .minus, p.qtypara .add{ cursor:pointer;display:inline-block; vertical-align:middle;text-align:center;color: #906249;font-size: 16px;}
p.qtypara span i::before{font-weight: bold !important;}
.input-quantity{border:none!important; border-radius:0;width:68px;border-radius: 50px; font-size:16px; display:inline-block; height:48px;background: #FFF; vertical-align:middle; text-align:center;}
.but_ct_pop{display: flex; align-items: center;gap:0 20px;}
.Productshow_right_ct_border{padding-bottom: 30px;border-bottom: 1px solid #E7EFF2}
.but_ct_pop .but_ct_class{display: flex; font-weight: 700; align-items: center; background: none; padding:10px 0;border: 1px solid #009998; text-align: center; width:100%; color: #009998; cursor:pointer; justify-content: center; border-radius: 50px; -webkit-transition:all .5s; height: 48px;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transform:all .5s}
.but_ct_pop .but_ct_class:hover{background: rgba(0, 153, 152, .7);; color: #FFF;border-color: rgba(0, 153, 152, .7);;}
.but_ct_pop .but_ct_class.bg_orange:hover{background: rgba(0, 153, 152, .7) !important; border-color: rgba(0, 153, 152, .7);}
.but_ct_pop .but_ct_class img, .but_ct_pop .but_ct_class i{margin-right: 8px;max-width: 24px;}
.but_ct_pop .but_ct_class i::before{font-weight: 700 !important; font-size: 22px;}
.bg_orange{background: #009998!important; color: #FFF !important;}
.but_ct_pop .but_ct_class.btn_add_wishlist i:before{font-size: 18px;}
.but_ct_pop .but_ct_class.btn_add_wishlist:hover{border-color: #F25353; color: #F25353;background: none;}
.but_ct_pop .but_ct_class.active{border-color: #F25353; color: #F25353; background: none !important;}
.but_ct_pop .but_ct_class.active i::before{content: "\f415"; color: #F25353;}
.but_ct_class.disabled{display: none;}

.skin_type_thumbs .swiper-button-next.swiper-button-disabled, .skin_type_thumbs .swiper-button-prev.swiper-button-disabled{display: none!important}
.share_product_link{display: flex;gap:0 20px;align-items: center;}
.share_product_link img{max-width: 32px;}
.tags{margin-bottom: 20px; display: flex; align-items: center;gap:0 20px; font-size: 14px; color: #535353;}
.tags_li .name{color: #009998;}
.skin_type_box{display: inline-block;width: 100%;margin-bottom: 30px;}

.icon_wishlist{position: absolute; width: 56px; height: 56px; font-size: 30px;display: flex; align-items: center; justify-content: center;
right: 25px; top: 25px; background: #FFF;border-radius: 50px; border: 2px solid #A7A7A7; color: #535353; z-index: 999;}
.icon_wishlist i:before{font-weight: bold !important;}
.icon_wishlist.active i::before{content: "\f415"; color: #FF5656;}


.product_information{border-bottom: 1px solid #E4E4E4;padding-bottom: 50px;}
.product_information .nav_login li a{color: #56392A;}
.color_blue{color: #009998 !important;}
.product_description a{text-decoration: underline !important; color: inherit;}
.product_description iframe{width: 100% !important;max-width: 900px;}
.product_description li{list-style: inherit;margin-left:1rem}
.product_description img{height: auto !important;}
.RelatedProducts .title_left{color: #009998;}
.warn .layui-form-select .layui-input{border-color: #D10909 !important;}
.productshow_Specifications{display: flex;flex-wrap: wrap;gap:0 20px}
.regular-radio-color{display: none;}
.regular-radio-color +label{padding: 8px 16px; border: 1px solid #E4E4E4; border-radius: 4px; cursor: pointer;}
.regular-radio-color:checked +label{color: #009998; border-color: #009998;}
.ViewProductDetails{margin-top: 20px;border-top: 1px solid #E4E4E4;padding-top: 20px;}
.ViewProductDetails a{font-weight: 700; color: #414141;}
.ViewProductDetails a i{margin-left: 5px;}
.ViewProductDetails a:hover{margin-left: 3px;}
/*end product_detail*/



/* login */
.sign_in_c{padding: 20px 0 50px;}
.sign_in_c .container{display: flex;width: 100%;}
.register_c .sign_in_left{background: none;}
.register_c .sign_in_left:after{background: none;}
.sign_in_left{width: calc(52% - 50px);overflow: hidden;position: relative;border-radius: 16px;margin-right: 50px;background: url("../images/ImageContainer.png") no-repeat center center; background-size: cover;}
.sign_in_left:after{content: ""; position: absolute; left: 0;  top: 0; background: rgba(65, 65, 65, 0.6); width: 100%; height: 100%; z-index: 1;}
.sign_in_left >img{border-radius: 20px;width: 100%;}
.sign_in_right{width: 48%;box-shadow: 1px 6px 9.3px 8px #BDB9B91A; align-content: center; display: flex; flex-wrap: wrap;
border-radius: 20px; padding:50px 60px;}
.sign_in_left_content{position: absolute; z-index: 3;left: 0;bottom: 0;width: 100%;color: #FFF;padding: 48px;}
.sign_in_left_content h2{font-size: 32px;font-weight: 700;margin-bottom: 10px;}
.sign_in_left_content p{font-size: 18px; margin-bottom: 30px;}
.sign_in_left_content_bottom{}
.sign_in_left_content_bottom .no_account{padding: 9px 21px;border-radius: 50px;font-size: 20px;color: #FFF;border: 1px solid #FFF; font-weight: 700; display: inline-block;}
.sign_in_left_content_bottom .no_account:hover{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);border-color: #EDEDED; color:#EDEDED ;}
.sign_in_right h1{font-size: 40px;margin-bottom: 24px; font-weight: 700;}
.login_flex{ text-align: center;}
.login_flex .layui-btn{background: #009998; height: auto; font-size: 20px;  border-radius: 50px;padding: 5px 39px; color: #FFF;width: 100%;max-width: 400px;}
.login_flex .layui-btn:hover{background: rgba(0, 152, 153, 0.5);}
.login_flex .layui-btn.DisableClicks{cursor: no-drop; background: #EDEDED;color: #A7A7A7;pointer-events: none; /* 禁止点击事件 */}
.layui-form-item{width: 100%;}
.p_register{margin-top: 20px;font-size: 14px;}
.btn_to_register{color: #009998; text-decoration: underline;}
.layui-form-title{ margin-bottom: 7px;}
.layui-input-affix{line-height: 48px;}
.layui-input{border: 1px solid #E4E4E4; border-radius: 50px; font-size: 16px; height: 48px;padding-left: 16px;}
.layui-input.laydate[readonly]{cursor:auto;background: #FFF;}
.layui-form_txt{margin-bottom: 30px;}
.layui-form_txt a{color: #009998; text-decoration: underline !important;}
.layui-form_txt a:hover{text-decoration: none !important;}
.form-error{font-size: 14px;color: #D10909;margin-bottom: 30px; display: flex;gap:0 5px;align-items: center;}
.nav_login{margin-bottom: 30px;border-bottom: 1px solid #E4E4E4;display: flex; align-items: center;gap:0 30px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100%;}
.nav_login li {flex-shrink: 0;}
.nav_login li a.active{color: #009998; border-color: #009998;}
.nav_login li a:hover{color: #906249;}
.nav_login li a{ border-bottom: 2px solid transparent; margin-bottom: -1px;  display: inline-block;padding: 15px 0;color: #535353; font-size: 24px; font-weight: 700; }
.layui-form-danger{border-color: #D10909;}
.flex-setting{display: flex; align-items: center; justify-content: space-between;margin-top: 30px;margin-bottom: 30px;}
.layui-input-suffix{right: 20px;}
.layui-input-suffix .layui-icon{font-size: 26px;}
.layui-form-select dl dd.layui-select-tips{padding-right: 10px;}
.flex_space_between{justify-content: space-between !important;}
.retransmission{color: #808080; margin-bottom: 20px;}
.retransmission a{text-decoration: underline; color: #009998;}
.retransmission a.disabled{color: #808080; cursor: no-drop;pointer-events: none; /* 禁止点击事件 */}
.retransmission a:hover{text-decoration: none;}
.input_condition{font-size: 14px; color: #535353; margin-top: 4px;}
.modal_reset_password_success{text-align: center;font-size: 20px;font-weight: 700;padding: 24px;}
.modal_reset_password_success .img{margin-bottom: 20px;}
.modal_reset_password_success .modal_title{font-size: 20px;font-weight: 700;margin-top: 5px;}
.modal_reset_password_success .txt{font-size: 16px;font-weight: normal;margin-top: 5px;}
.modal_reset_password_success .buttons{margin-top: 20px;}
.modal_reset_password_success .buttons a{display: inline-block;padding: 8px 16px;font-size: 14px;font-weight: 400;}
.modal_reset_password_success .close{position: absolute; right: 10px; top: 10px;}
.modal_reset_password_success .bi-check-circle-fill{font-size: 80px;color: #009998;}
.register_success{padding: 50px 0;}
.register_success .back_to_home{margin-top: 20px;}
.register_success .img{margin-bottom: 40px;}
.back_to_home{font-size: 14px; color: #535353; font-weight: 400;margin-top: 10px;}
.layui-laydate-content td > div{border-radius: 50px;}
.layui-laydate .layui-this, .layui-laydate .layui-this > div{background-color: #009998 !important;border-radius: 50px;}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{color: #009998;}
.flex_space_bettow{display: flex; gap:0 15px; align-items: center; justify-content: space-between;}
.flex_space_bettow .send_again{flex-shrink: 0;background: #f2feff; border-radius: 50px; color: #009998;padding: 5px 16px; font-size: 14px; }
.flex_space_bettow .send_again.disabled{ cursor: no-drop;pointer-events: none; color: #A7A7A7;background-color: #EDEDED;}
.sign_in_right .layui-form{margin-bottom: 30px;width: 100%;}
.sign_in_right >div{width: 100%;}
.get_CAPTCHA{position: absolute;display: inline-block; right: 5px;top: 50%;margin-top: -20px; background: #009998;color: #FFF!important;padding: 0 16px; height: 40px; line-height: 40px; font-size: 14px; border-radius: 50px;}
.get_CAPTCHA.send_again{background: #909090;cursor: not-allowed;pointer-events: none }
.get_CAPTCHA.validation_success{background: #f2feff;color: #009998!important;cursor: not-allowed;pointer-events: none }
.get_CAPTCHA.validation_success i{margin-left: 5px; color: #009998;}
.Store_login{margin-top: 20px;text-align: center;}
.Store_login a{border: 1px solid #009998;border-radius: 50px; color: #009998;
  font-size: 20px;
  padding: 5px 39px;
  width: 100%;
  max-width: 400px;display: inline-block;
  line-height: 36px;}
  .Store_login a:hover{border-color:rgba(0, 152, 153, 0.5) ; color: rgba(0, 152, 153, 0.5);}
/* end login */

.goto_top{position: fixed;right: 3%;bottom: 100px;z-index: 90}
.goto_top a{display: flex;width: 45px;height: 45px;text-align: center;background: #009998;color: #FFF;border-radius: 50px;font-size: 30px;padding-top: 0px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 align-items: center; justify-content: center;}
.goto_top a:hover{background: #F94D08}

.shop_search_result{display: inline-block;width: 100%;margin-bottom: 50px;}
.shop_search_result_left{width: 100%;}
.shop_search_result_right{float: right;width: 50%;}
#map_container{width: 100%;height: 150px;margin:0;padding:0; overflow: hidden;}
/* .shop_tab_ct{height: 758px; overflow-y: auto;} */
.shop_list{margin-bottom: 20px;margin-right: 10px;padding: 30px;display: flex; gap:0 50px; justify-content: space-between; background: #FFF;border: 1px solid #e4e4e4; border-radius: 20px; cursor: pointer;transition:all 0.3s ease-out; width: 100%;}
.shop_list.active, .shop_list:hover{border-color: #009998;}
.shop_list  .txt{width: 60%;}
.shop_list  .txt .title{font-size: 24px;font-weight:700; margin-bottom: 15px; color: #535353;}
.shop_list  .txt p{position: relative;padding-left: 24px;font-size: 18px;}
.shop_list  .txt p + p{margin-top: 10px;}
.shop_list  .txt p i{position: absolute; left: 0;top: 50%;margin-top: -7px; color: #009998;}
.shop_list .map{width: 40%;}
.shop_list .map iframe{width: 100%;height: 100%;min-height: 150px;}
.Pickup_store{display: inline-block;background: #009998;color: #FFF; border-radius: 4px; padding:4px 12px;font-size: 14px; font-weight: normal;}
.news_list_img{margin-bottom: 15px; border: 1px solid #E4E4E4; border-radius: 20px; overflow: hidden;}
.news_list_img img{transition: 1s ease 0s;}
.news_list_img:hover img{transform:scale(1.05);}
.news_list_txt {margin-bottom: 15px;}
.news_list_txt a{color: #414141;}
.news_list_txt a:hover{color: #56392A;}
.news_list_txt_date{color: #808080; font-size: 14px;margin-bottom: 15px;}
.news_detail .news_list_tag{margin-bottom: 20px;}
.news_list_tag {display: flex; flex-wrap: wrap; gap:5px 5px;}
.news_list_tag span{display: inline-block;color: #535353; font-size: 12px;background: #f2feff;padding: 4px 8px; border-radius: 50px;}
.filter-panel-defalt-c.blog_filter .panel-defalt{display: block;overflow-y: hidden;max-height: 100%;}
.news_detail{margin-bottom: 50px;}
.news_detail .img{margin-bottom: 20px;}
.news_detail .news_detail_title{margin-bottom: 30px;font-size: 40px; font-weight: 700;}
.news_detail .news_detail_line{display: flex; justify-content: space-between;width: 100%; align-items: center; margin-bottom: 30px;}
.news_detail .news_detail_line .date{color: #535353;}
.news_detail .news_detail_line .share{display: flex; align-items: center;gap: 0 10px;}
.a2a_default_style{display: flex; align-items: center;}

.shopping_discount{text-align: left;display: flex; align-items: center;font-size: 12px; clear: both;}
.available_discount_tag{color: #009998;padding: 2px 4px;border: 1px solid #009998; border-radius: 4px;display: inline-block;}
.available_discount{color:#906249;display: flex;gap: 0 3px; align-items: center; width: 190px;padding-right: 20px;}
.shopping_product_img{position: relative;}
.shopping_product_img .Freegifts{position: absolute;display: flex; align-items: center;background: #F2E9FB; border-radius: 4px;color: #4A0294;font-size: 14px;gap:0 5px;padding:3px 5px;left: -13px;top: -13px;}
.shopping_product_img .Freegifts img{width: 16px;}
.shopping_table_li_discount{padding: 10px 0 20px;border-bottom: 1px solid #E4E4E4;}
.shopping_table_li_discount .shopping_table_li{border-bottom: none;}

.filter-panel-threes{padding:10px 0 0 15px;display: none;}
input.regular-radio:checked ~ ul.filter-panel-threes {
            display: block;
 }
 .ProductCategory > ul >li >label{font-weight: 700;color: #56392A;}

 .popup_coupon_exchange.modal_popup_img .modal-dialog{max-width: 1000px;}
.modal_popup_img .img{margin:0 auto 20px;padding: 10px 0 0; clear: both;}
.modal_popup_img .close{float: right;font-size: 30px; color: #009998;}
.modal_popup_img .close:hover{opacity: 0.7;}
.form-item-center{text-align: center;display: flex; justify-content: center;margin-bottom: 20px;}
.popup_coupon_exchange.modal_popup_img .modal-content{padding: 0 0 12px;}
/* .popup_coupon_exchange.modal_popup_img .modal-dialog{max-width: 500px;} */
@media (min-width:1200px){
    .top_nav>ul>li:hover .submenu-wrapper{display:block}
.top_nav>ul>li:hover .m_icon_up:after{content:"\f286"}
.top_nav>ul>li:hover,.top_nav>ul>li.active{border-color: #009998;}
.top_nav>ul>li:hover>a,.top_nav>ul>li.active>a{color:#009998;}
.top_nav>ul>li:hover .m_icon_up{color:#009998}
.but_ct_pop .but_ct_class.btn_add_wishlist{max-width: 270px;}
}
@media (max-width:1740px){
    .container{padding:0 60px}
    .header_search{width: auto;}
    .top_nav > ul{gap:0 20px}
}

@media (max-width:1300px){
   .top_nav > ul{gap:0 15px}
    .span_overseas, .span_Offers{font-size: 12px;}
}
@media (max-width:1200px){
   .position_tag{display: block;}
   .span_Offers{margin-top: 5px;}
    .shop_list .txt .title{font-size: 20px; display: flex;}
    .shop_list .txt p{font-size: 16px;}
    .news_detail .news_detail_title{font-size: 34px;}
    .top_nav_icon{display:block;min-width: 24px;margin-right: 10px;}

    .index_product_list_li{width: calc((100% - 90px)/4);}
    .container{padding: 0 20px;}
.top_nav_width{position:fixed;  top:0px; left:-100%;  height:100%;  padding:0px; width:85%; max-width: 400px; padding:0px; z-index:99; background:#FFF; opacity:1; overflow:auto;transition: all 0.4s ease-out; }
  .top_nav_width:after{ background:rgba(0, 0, 0, 0.6); filter:Alpha(opacity=80); width: 100%; position: fixed; z-index:1; left:-100%; top:0px; height: 100%; content:""; display: block;}
    .top_nav_mobile.top_nav_width{left: 0px;}
    .top_nav_mobile.top_nav_width:after {left: 0px;}
    
     .top_nav_Close{display: none;color: #FFF; z-index: 999; font-size: 24px; position: fixed; top:15px; right:15px; cursor: pointer;}
     .top_nav_mobile .top_nav_Close{display: block;}
     .top_nav_width_bg{background: #f2feff;z-index: 999;position: relative;height: 100%;padding:0;overflow: auto}
      .top_nav >ul >li{display: block;margin: 0;}
    .top_nav> ul> li> a{padding: 10px 0; text-align: left;font-size: 16px !important}
    .top_nav > ul{gap:0; display: block;}
    .top_nav{padding: 20px 20px;}
    .submenu-wrapper{position: relative; box-shadow: none; top: 0;margin-left: 0;left: 0;}
    .brands-menu{background: none;}
    .brands-menu ul li a{text-align: left;padding: 9px 15px !important; }
    .top_nav > ul > li.hover .m_icon_up::after{content: "\f286";}
     .top_nav > ul > li.hover a{color: #009998;}
     .top_nav > ul > li .m_icon_up{top: 13px;}
     .header_c_right .header_search{display: flex;}
    .header_c_left{justify-content: space-between;}

    header .container{flex-wrap: wrap;}

.right_links{gap:0 15px;margin-left: auto;}
.header_c_right{gap:0 20px; justify-content: space-between;}

.Classification_li{width: calc((100% - 40px)/3);text-align: center;}
.flex_search{margin-left: 0;width: 100%;}
.header_search{width: 100%; }
.banner_button .swiper-button-next::after, .banner_button .swiper-button-prev::after{font-size: 24px;}
.banner_button .swiper-button-next, .banner_button .swiper-button-prev{width: 32px; height: 32px;}
.License_list{ width: calc((100% - 20px)/2);}

.calendar_m_nav{font-size:16px; display:block !important; cursor:pointer; background:#f2feff; color:#414141; padding:10px 15px;margin-bottom: 20px;}
    .calendar_m_nav i{margin-right: 5px;}
.column_left{display: block;width: 100%;position: fixed;height: 100%;background: #fff;border: none;z-index: 99;opacity: 1;top: 0px;left: -100%;padding:15px;overflow-y: scroll;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;padding-bottom: 50px; }
.column_left_Close{ display:block !important;text-align: right;font-size:24px;color: #56392A;padding: 0 0 15px 0}
.column_left.calendar_left_auto{left: 0px;z-index: 99999;opacity: 1;}
.page_product_list .container{display: block;}
.column_left{padding-right: 0;}

}
@media (max-width:992px){
     .shop_search_result_right{float: none;width: 100%;margin-bottom: 20px;}
     .shop_search_result_left{float: none;width: 100%;padding-right: 0;}
     .shop_list{margin-right: 0;padding: 20px;}
    .footer_list:first-child{max-width: 100%; flex: 0 0 100%;}
     .index_product_list{gap:0 20px}
        .index_product_list_li{width: calc((100% - 40px)/3);}
        .footer_bottom .container{display: block;text-align: center;}
        .copyright{margin-bottom: 15px;}
        .footer_bottom_right{justify-content: center;}
        .header_c_left{padding: 10px 0}
        .header_c_left .flex_search{display: none;}
        .header_c_mobile{display: flex;width: 100%; justify-content: space-between;margin-bottom: 0;}
        .footer_list:nth-child(2){flex: 100%;}
        .product_list_li{width: calc((100% - 40px)/3);}
        .hot_search{gap:3px 10px}
        .skin_type_box_left{width: 100%;padding-right: 0;float: none;}
        .skin_type_box__right{width: 100%;float: none;}
        .sign_in_left{width: 100%;margin-right: 0; margin-top: 30px;min-height: 300px;}
        .sign_in_right{width: 100%;}
      .index_banner{margin-top: 15px;}
        .my_modal_cart .skin_type_box__right{max-height: 100%;padding-right: 0;}
        .sign_in_right .layui-form{margin-bottom: 15px;}
    .sign_in_c .container{flex-direction: row-reverse;flex-wrap: wrap-reverse;}
    .sign_in_c{padding-top: 0;}
     .search_dropdown_list .txt{font-size: 14px;}
     .search_dropdown_list .price{min-width: auto;}
     .search_dropdown_list .price .new_price{font-size: 16px;}
     
}
@media (max-width:767px){
    .position_tag >span{padding: 4px 6px; font-size: 12px;}
     .available_discount{width: 180px;}
    .register_success{padding: 0 0;}
    .shop_list{display: block;}
    .shop_list .txt{margin-bottom: 20px;width: 100%;}
    .shop_list .map{width: 100%;}
    .product_search_result h1{font-size:32px;}
     .news_detail .news_detail_title{font-size: 26px;}
    .slideshow_img img{object-fit: cover;aspect-ratio: 2/1; width: 100%;}
    .flex_space_bettow{gap:0 5px}
    .flex_space_bettow .send_again{padding: 5px 10px;font-size: 12px;}
    .libertinism_txt a{height: 44px;}
    .span_Offers{padding: 4px 10px; left: 10px; top: 10px;}
    .my_modal_cart{padding: 0;}

    .nav_login li a{font-size: 20px;}
    .sign_in_right{padding:15px 20px;}
    .layui-form_txt{margin-bottom: 20px;}
    .form-error{margin-bottom: 20px;}
    .nav_login{margin-bottom: 25px;}
    .flex-setting{margin-top: 15px;margin-bottom: 15px;}
    .sign_in_right h1{font-size: 32px; margin-bottom: 6px;}
    .sign_in_left_content_bottom .no_account{font-size: 16px;}
    .sign_in_left_content p{margin-bottom: 20px;}
    .sign_in_left_content{padding: 20px;}
    .sign_in_left_content h2{font-size: 24px;}
    .sign_in_left_content p{font-size: 15px;}
    .but_ct_pop{display: block;}
    .but_ct_pop .but_ct_class{margin-bottom: 15px;}
    .skin_type_box__right .title{font-size: 32px;}
    .skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide{width: 80px;}
    .icon_wishlist{right: 15px; top: 15px;width: 42px; height: 42px; font-size: 20px;}
    .product_list_li{width: calc((100% - 20px)/2);}
    .margin_bottom60{margin-bottom: 24px;}
    .index_products_c{margin-bottom: 30px;}
  
header .logo{max-width: 120px;}
    .right_links a img{width: 24px;}
    .hidden_xs{display: none !important;}
    .mobile_visible{display: block !important;}
    .header_c_right{min-width:auto;}
    .top_bar_Terms .container{gap:0 20px}
    .top_bar_Terms a img{width: 20px;}
    .top_bar_Terms .container{justify-content:center}
    .header_search{height: 42px;}

    .top_bar_Features .container{gap:0 8%;}
    .top_bar_Features img{width: 30px;}
    body{font-size: 14px;}
    .notice_top{padding: 10px 0}
    .title{display: block;}
    .title_right{margin-top: 20px;}
    .title_left{font-size: 26px;}
    .title_left img{width: 34px;}
    .index_product_list_li:nth-child(n+7) {
        display: none;
    }
    .libertinism_price .new_price{font-size: 16px;}
    .libertinism_price .old_price{font-size: 14px;}
    .sort_by .layui-form-select .layui-input{width: 180px;}
    .layui-input{font-size: 14px;padding-left: 12px;padding-right: 12px;}
    .index_banner{margin-bottom: 30px;padding-bottom: 26px;}
    .product_information .nav_login{gap: 0 20px;}
    .product_information .nav_login li a{font-size: 18px;}
    .footer_list{width: 100%;}
    .footer_menu_c{display: none;margin-top: 20px;}
    .mobile_Dropdown{position: relative; cursor: pointer;margin-bottom: 0;}
    .mobile_Dropdown:after{content: "\f282";
    position: absolute;
    bottom: auto;
    left: auto;
    font-family: bootstrap-icons !important;
    margin-top: -10px;
    width: auto;
    height: auto;
    background: none;
    right: 0;
    top: 50%;
    font-size: 14px;}
      .mobile_Dropdown.active::after {
    content: "\f286";
  }
}
@media (max-width:500px){
    .index_Classification .container{gap:10px;}
    .Classification{padding: 15px;}
    .License_list{ width: 100%;}
    .index_product_list_li{width: calc((100% - 20px)/2);}
    .Classification_li{width: calc((100% - 20px)/3);}
.Classification{min-height: auto;}
.BranchInformation_list{width: 100%;}
.shopping_discount{
    display: block;
}
.available_discount{width: 100%;padding-right: 0;}
.available_discount{
    margin-bottom:5px;
}
.libertinism_a_img .img_bottom{gap: 0 10px;}
.libertinism_price{display: block; margin-bottom: 10px;min-height: 45px;}
.libertinism_price >span{display: block;}
.libertinism_a_img .img img{padding: 10px;}
.btn_shopping_cart a{font-size: 12px;}
.btn_shopping_cart a i{font-size: 18px;}
.position_tag > span{font-size: 12px;}
.libertinism_a_img .position_tag img{max-width: 12px;}
.index .libertinism_a_img .position_tag img{max-width: 8px; }
.index .position_tag > span{font-size: 8px;}
.index .span_overseas, .index .span_Offers{border-radius:5px;}
.span_Offers{margin-top: 2px;}
.position_tag{top: 8px;left: 8px;}
.index .position_tag > span{padding: 2px 4px;}
}