@charset "utf-8";

.snb { max-width:300px; }
.basic-category { padding:0px; max-width:300px; letter-spacing:-0.015em;}
.basic-category a { display:block; }
.basic-category .ca-head { border:0; padding:8px 15px; font-size:17px; font-weight:400; letter-spacing:-1px; padding-right:1px; }
.basic-category .ca-sub1 { padding: 0px 30px; border-bottom:0px solid #dcdcdc; background:#fff; color:#555 !important; height:36px; line-height: 36px; color:#fff; border-left:0px solid #dcdcdc; border-right:0px solid #dcdcdc; }
.basic-category .ca-sub1 > a { /*font-weight:400 !important; color: crimson !important;*/ font-size:17px; font-weight:400; color:#555; text-align: right; }
.basic-category .ca-sub1.on > a { color:#224cd6; font-weight:500; }
/*
.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:36px; line-height: 36px; border-bottom:0px solid #dcdcdc; border-left:0px solid #dcdcdc; border-right:0px solid #dcdcdc; }
.basic-category .ca-sub2 li.on { background: transparent; }
.basic-category .ca-sub2 li:hover { background: transparent; height:36px; line-height: 36px; border-bottom:0px solid #dcdcdc; font-weight:400 !important; color:#fff; }
.basic-category .ca-sub2 li a:hover { font-weight:400 !important; color: #555 !important; }
.basic-category .ca-sub2 li.on a { font-weight:400 !important; color: #555 !important; }
.basic-category .ca-sub2 li a{ text-align: right; padding-right: 48px; }
.basic-category .ca-line { padding:8px 15px; /*background:#fafafa;*/ border-bottom:0px solid #dcdcdc; }

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

.basic-category .ca-sub3 a { font-weight:400; text-align: right; }
.basic-category .ca-sub3.on a { color:#224cd6; font-weight:500; }
.basic-category .ca-sub3 a { font-size:17px; font-weight:400; color:#555; }
.basic-category .ca-sub3:hover { /*background:#f5f5f5 !important;*/ color:#fff !important; }
.basic-category .ca-sub3 a:hover { color:#224cd6; }
.basic-category .ca-sub3.on { background: transparent; }
.basic-category .ca-sub3:first-child { margin-top:10px; }
.basic-category .ca-sub3:last-child { margin-bottom:10px; }
.basic-category > div:last-of-type { border-bottom:0px solid #dcdcdc; }

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

.snb_customer { border:0px 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;  line-height:1.2;}

@media (max-width: 991px) {
.snb { max-width:100%; width:100%; }
.basic-category { max-width:100%; width:100%; }

}


#side-menu-bg { border: 0px solid #dcdcdc; border-bottom: 0px; background: #224cd6; line-height: 77px; height: 77px; }
#side-menu-bg span { font-weight:400; font-size:20px; color:#fff; line-height:19px; }