@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

#header { min-width:100%; width:100%; height:55px; background:#fcf7f0; }
.fixinner{ position:fixed; top:0px; z-index:999; height:55px !important;  animation:fadein 0.7s ease  }
@keyframes fadein {0% { opacity:0; } 100% {opacity:1;}  }


.top_banner_darkgray { background:#222; width:100%; height:37px; line-height:37px; text-align:center; position:relative; overflow:hidden; }
.top_banner_darkgray a { color:#fff; font-size:13px; font-weight:300; }
.top_banner_darkgray ul.top_banner_login_menu { position:absolute; top:0; right:40px }

.banner_area { margin:0px auto; text-align:center; width:100%; }
.banner_area img { max-width:100%; }

.top_area { width:100%; margin:0px auto; padding:10px 30px; height:54px; display:flex; justify-content:space-between; align-items:center; }

.top_area .top_logo { display:flex; align-items:center; }
.top_area .top_logo a { font-size:40px; color:#444; /* color:#d93838; */ font-weight:600; letter-spacing:-1px }
.top_area .top_logo img { max-height:40px; }

.top_area .membership_menu { text-align:right; position:relative; height:40px; }
.top_area .membership_menu ul { display:flex; justify-content:right; align-items:center;  }
.top_area .membership_menu li { padding:0 5px; height:40px; display:flex; align-items:center; }
.top_area .membership_menu li img { width:24px; }

.top_area .search_box { position:absolute; top:0; right:0; background:#fcf7f0; display:none; width:280px;  }
.top_area .search_box .form_search { background:#fcf7f0; border:1px solid #886d5d; padding:0 20px; border-radius:10px; }
.top_area .search_box fieldset { border:0; padding:0; /* display:flex; align-items:center; */  }
.top_area .search_box legend { display:none; }
.top_area .search_box #keyword  { width:150px; height:38px; border:0; 
font-size:16px; color:#222;  background:#fcf7f0; }
.top_area .search_box input:focus {  outline: none;  }
.show_search { height:40px; display:flex !important;  align-items:center; justify-content:right; }
.close_search { display:none !important; }
.search_close { padding:10px; }

.category_area { height:40px; }
.category_area .cate_menu { display:flex; align-items:center; height:40px; }
.category_area .cate_menu > li { margin:0 12px; position:relative; }
.category_area .cate_menu > li >  a { font-weight:400;  color:#111; font-size:13px; line-height:40px; display:block; padding:0px; white-space:nowrap; }
.category_area .cate_menu > li > a:hover { color:#665244; }

.category_area .cate_menu > li > a i { display:none; position:absolute; background:#dbc2b2; left:50%; margin-left:-50%; width:100%; height:2px; top:30px; }
.category_area .cate_menu > li > a:hover i { display:block; }


.category_area .cate_menu > li .sub_category_2 { display:none; position:absolute; top:40px; left:50%; margin-left:-80px; width:160px; z-index:999; }
.category_area .cate_menu > li:hover .sub_category_2 { display:block; }


.category_area .cate_menu .sub_category_2 li { text-align:center; box-shadow:5px 5px 5px rgba(100,100,100,0.2); padding:0 10px; background:#fff;}
.category_area .cate_menu .sub_category_2 li:first-child { padding-top:10px; border-radius:10px 10px 0 0 ;
box-shadow:5px 5px 5px rgba(100,100,100,0.2); }
.category_area .cate_menu .sub_category_2 li:last-child { padding-bottom:10px; border-radius:0 0 10px 10px; 
box-shadow:5px 5px 5px rgba(100,100,100,0.2); }



.category_area .category li { display:inline-block; position:relative; margin-right:20px; }
.category_area .category li a { color:#222; font-size:17px;  line-height:54px; display:block; padding:0 5px; font-weight:400; }
.category_area .category a:hover { color:#ca0000; }


#footer { background:#f5f5f5; position:relative; margin:150px 0 0 0; padding:50px 0 50px 0;  clear:both; display:block; content:""; }
#footer:before { position:absolute; top:54px; left:0; content:""; width:100%; height:0;  }
#footer .inner { overflow:hidden; position:relative; width:1400px; margin:0 auto; *zoom:1; }
#footer .inner:after {  content:""; display:block; clear:both; }

#footer .footer_flex { display:flex; width:1370px; margin:0 auto;}

#footer .bottom_area_1 { width:1370px; margin:0 auto 40px; position:relative; }
#footer .bottom_area_1 * { font-size:14px; }
#footer .bottom_area_1 ul {}
#footer .bottom_area_1 ul li { display:inline-block; }
#footer .bottom_area_1 ul li a { display:block; border-left:1px solid #88765e; padding:0 15px; line-height:14px; font-size:16px; }
#footer .bottom_area_1 ul li a:hover { color:#777; }
#footer .bottom_area_1 ul li:first-child a { border:0; padding-left:0; }
#footer .bottom_area_1 .btn_top { position:absolute; top:0px; right:0; }
#footer .bottom_area_1 .btn_top a { border:0; display:block;width:60px; height:60px; text-align:center; background:#c5b9aa; line-height:60px; padding:0;
border-radius:30px; color:#fff; font-size:14px; }

#footer .bottom_area_2 { flex-grow:1; }
#footer .bottom_area_2 h2 { display:none; position:absolute; top:30px; left:0; }
#footer .bottom_area_2 h2 img { width:150px; }

#footer .bottom_area_2 .address { color:#757575; line-height:24px; width:1000px; }
#footer .bottom_area_2 .address span { padding:0 10px 0 0; font-size:12px; display:inline-block; }
#footer .bottom_area_2 .address span a { color:#757575;font-size:12px; }
#footer .bottom_area_2 .copyright {  font-size:11px; line-height:45px; }


#footer .cscenter { width:350px; flex-shrink:0; }
#footer .cscenter .title { font-family:'Poppins';font-weight:500; font-size:16px; color:#222; }
#footer .cscenter ul { }
#footer .cscenter .no {  font-family:'Poppins';font-weight:500;  color:#222; }
#footer .cscenter .no a {  font-family:'Poppins'; font-size:30px; font-weight:500; color:#222; }
#footer .cscenter .txt { font-size:15px; color:#888; }

.shop_menu_blank { height:20px; display:block; }

.main_banner_area { margin:40px auto; text-align:center; width:100%; }
.main_banner_area img { max-width:100%; }