@charset "utf-8";

.snb { max-width:300px; }
.basic-category { padding:0px; max-width:300px; }
.basic-category a { display:block; }
.basic-category .ca-head { border:0; padding:8px 15px; font-size:16px; font-weight:bold; letter-spacing:-1px; padding-right:1px; }
.basic-category .ca-sub1 { padding: 0px 20px; padding-right: 20px; padding-right: 15px; border-bottom:1px solid #dcdcdc; background:#fff; color:#555 !important; height:55px; line-height: 55px; color:#fff; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.basic-category .ca-sub1 > a { /*font-weight:bold !important; color: crimson !important;*/ font-size:16px; font-weight:400; color:#555; }
.basic-category .ca-sub1 a { font-weight:400; }
.basic-category .ca-sub1.on a { color:#fff; font-weight:500; }
.basic-category .ca-sub1 a { font-size:16px; font-weight:400; color:#555; }
.basic-category .ca-sub1:hover { background:#f5f5f5 !important; color:#fff !important; }
.basic-category .ca-sub1 a:hover { color:#555; }
.basic-category .ca-sub1.on { background:#3e85c3; }
/*
.basic-category .ca-sub1 > a.no-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.basic-category .ca-sub1 > a.is-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "+"; }
*/
.basic-category .ca-sub2 { display:none; padding:0; margin:0; list-style:none; background: #fafafa; /*border-bottom:1px solid #dcdcdc;*/  }
.basic-category .ca-sub2 li { padding:0px 20px; padding-right:15px; height:55px; line-height: 55px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.basic-category .ca-sub2 li.on { background:#c8a063; }
.basic-category .ca-sub2 li:hover { background:#c8a063; height:55px; line-height: 55px; border-bottom:1px solid #dcdcdc; font-weight:bold !important; color:#fff; }
.basic-category .ca-sub2 li a:hover { font-weight:bold !important; color: #fff !important; }
.basic-category .ca-sub2 li.on a { font-weight:bold !important; color: #fff !important; }
.basic-category .ca-line { padding:8px 15px; background:#fafafa; border-bottom:1px solid #dcdcdc; }

.basic-category .ca-sub3 { padding:0; margin:0; list-style:none; background: #fff; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.basic-category .ca-sub3 { padding:0px 20px; padding-right:15px; height:55px; line-height: 55px; border-bottom:1px solid #dcdcdc; }

.basic-category .ca-sub3 a { font-weight:400; }
.basic-category .ca-sub3.on a { color:#fff; font-weight:500; }
.basic-category .ca-sub3 a { font-size:16px; font-weight:400; color:#555; }
.basic-category .ca-sub3:hover { background:#f5f5f5 !important; color:#fff !important; }
.basic-category .ca-sub3 a:hover { color:#555; }
.basic-category .ca-sub3.on { background:#3e85c3; }
.basic-category > div:last-of-type { border-bottom:1px solid #dcdcdc; }

.basic-category .new { color:crimson; }

.snb_customer { border:1px solid #dcdcdc; margin-top:20px; padding:20px; box-sizing:border-box; }
.snb_customer h2 { font-size:18px; color:#282828; font-weight:400; margin:0; }
.snb_customer b { font-size:25px; color:#1561c3; font-weight:500; margin:15px 0 10px 0; display:block; }
.snb_customer p { font-size:14px; color:#777; font-weight:300; line-height:19px; margin:0; }

.basic-category .sub-plus { padding:0 5px 0 5px; font-size:25px; color:#555; }

@media (max-width: 991px) {
.snb { max-width:100%; width:100%; }
.basic-category { max-width:100%; width:100%; }
#side-menu-bg { margin-top:40px; }
}


#side-menu-bg {/*  height:115px; */ background-image:url('/data/main/submenu-bg.jpg'); background-color:#fafafa; border-bottom:1px solid #dcdcdc !important; background-position:center center; margin-bottom:0; background-size:100% 100%; padding:40px 10px; border:1px solid #dcdcdc; border-bottom:0px; }
#side-menu-bg span { font-weight:400; font-size:30px; color:#fff; line-height:19px; }
#side-menu-bg .menu-logo { margin-bottom:10px;}