@import url('https://fonts.googleapis.com/css2?family=Lato');


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

.top_banner { background:#6adadb; text-align:center; }

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

.top_inner { width:1250px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }

.top_area_1 { background:#ffdde2; width:100%; margin:0px auto; padding:0px 30px; height:90px; display:flex; align-items:center; }

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

.top_area_1 .membership_menu { flex-grow:1; text-align:right; position:relative; height:40px; display:flex; justify-content:right; align-items:center; }
.top_area_1 .membership_menu ul { display:flex; justify-content:right; align-items:center;  }
.top_area_1 .membership_menu li { padding:0 5px; height:40px; display:flex; align-items:center; }
.top_area_1 .membership_menu li img { width:24px; }
.top_area_1 .membership_menu .cart { margin:0 20px 0 10px; }

.top_area_1 .search_box { width:200px;  }
.top_area_1 .search_box .form_search { background:#fff; border:0; padding:0 10px; border-radius:10px; }
.top_area_1 .search_box fieldset { border:0; padding:0; /* display:flex; align-items:center; */  }
.top_area_1 .search_box legend { display:none; }
.top_area_1 .search_box #keyword  { width:150px; height:28px; border:0; 
font-size:14px; color:#222;  background:#fff; }
.top_area_1 .search_box input:focus {  outline: none;  }


.top_area_2 { width:100%; height:50px; border-bottom:1px solid #ddd; margin-bottom:20px; background:#fff; }
.top_area_2 .cate_menu { display:flex; align-items:center; height:50px; }
.top_area_2 .cate_menu > li { margin-right:30px; position:relative; }
.top_area_2 .cate_menu > li:last-child { margin-right:0; }
.top_area_2 .cate_menu > li > a { font-weight:400;  color:#333; font-size:14px; line-height:50px; display:block; padding:0px; white-space:nowrap; }
.top_area_2 .cate_menu > li > a:hover { color:#aaa; }


.top_area_2 .cate_menu > li .sub_category_2 { display:none; position:absolute; top:49px; left:50%; margin-left:-70px; width:140px; z-index:999; }
.top_area_2 .cate_menu > li:hover .sub_category_2 { display:block; }

.top_area_2 .cate_menu .sub_category_2 li { padding:0 20px; background:#fff;
border-left:1px solid #ddd; border-right:1px solid #ddd;  }
.top_area_2 .cate_menu .sub_category_2 li:first-child { padding-top:10px; border:1px solid #ddd; border-bottom:0; }
.top_area_2 .cate_menu .sub_category_2 li:last-child { padding-bottom:10px;  border:1px solid #ddd; border-top:0; }
.top_area_2 .cate_menu .sub_category_2 li a { font-size:14px; }


.top_area_2 .cate_menu .btn_community_menu { color:#222; font-size:13px; background:url('../image/btn_community.png') no-repeat; 
background-size:14px; padding-left:27px; background-position:left 17px; }



#footer { border-top:1px solid #ddd; position:relative; margin:150px 0 0 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:1270px; margin:0 auto; *zoom:1; }
#footer .inner:after {  content:""; display:block; clear:both; }

#footer .footer_flex { display:flex; justify-content:space-between;  width:1270px; margin:0 auto; padding:50px 0 50px 0; }

#footer .footer_block h2.title { color:#f895c4; font-size:14px;  font-family:'Lato'; font-weight:600;letter-spacing:1px;   }
#footer .footer_block li.no a { font-size:18px; }
#footer .footer_block ul { margin-top:10px; }
#footer .footer_block ul li { font-size:13px; line-height:22px; }
#footer .footer_block ul li a { font-size:13px; }
#footer .footer_block ul li span { font-size:11px; color:#999; font-family:'Lato'; font-weight:400;letter-spacing:1px;  margin-left:10px; }
#footer .footer_block ul li span:first-child { margin-left:0; }

#footer .copyright { width:1270px; border-top:1px solid #ddd; padding:20px 0; font-family:'Lato'; font-weight:400;letter-spacing:1px;
margin:0 auto; font-size:13px; }


#right_panel { display:none; position:fixed; right:0; top:0; width:200px; background:#fff; border-left:1px solid #ddd; z-index:9999; height:100%; }
#right_panel .right_menu ul { display:flex; flex-wrap:wrap; width:180px; margin:50px auto 0; }
#right_panel .right_menu ul li i { text-align:center; color:#abdbdd; font-size:22px; padding:0px 0px 5px 0px; }
#right_panel .right_menu ul li { width:75px;  margin:5px; text-align:center; }
#right_panel .right_menu ul li span { font-size:12px; white-space:nowrap; display:block; }
#right_panel .right_menu ul li a { display:block; border:2px solid #ffd9eb; border-radius:10px; padding:10px; }
#right_panel .right_cscenter { text-align:center; font-size:13px;width:160px;margin:40px auto; }
#right_panel .right_cscenter h2 { }
#right_panel .right_cscenter li { font-size:12px; line-height:150%; }
#right_panel .right_cscenter li.no { font-size:15px; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:10px 0; 
letter-spacing:1px;   font-family:'Lato'; font-weight:600 }

#right_panel_close { position:absolute; right:165px; top:50%; margin-top:-50px; background:#ff78a4; width:100px; height:30px; transform:rotate(-90deg); z-index:99; 
color:#fff; text-align:center; font-size:13px;  font-family:'Lato'; font-weight:400;letter-spacing:1px; line-height:30px; 
border-radius:10px 10px 0 0; cursor:pointer; }

#right_panel_open { position:fixed; right:-35px; top:0; top:50%; margin-top:-50px; background:#ff78a4; width:100px; height:30px; transform:rotate(-90deg); z-index:98; 
color:#fff; text-align:center; font-size:13px;  font-family:'Lato'; font-weight:400;letter-spacing:1px; line-height:30px; 
border-radius:10px 10px 0 0; cursor:pointer;  }

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