@charset "utf-8";
.widget-side {width:95%;}
.basic-category { padding:0px;letter-spacing:-.05em;border:1px solid #1b55a4;}
.basic-category a { display:block; }
.basic-category .ca-head {margin:0;padding:10px 17px;font-size:150%;font-weight:700;background-color:#1b55a4;color:#fff;}
.basic-category .ca-sub1 {font-weight:500;font-size:105%;padding:0 10px;}
.basic-category .ca-sub1 > a {color:#777;border-top:1px solid #eee;  padding:10px 15px;font-size:105%;}
.basic-category .ca-sub1 > a:hover {color:#222;}
.basic-category .ca-sub1.on > a {color:#1b55a4;}

.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 { padding:0; margin:0; list-style:none; background: #fafafa; padding:4px 0px; margin:0px; border-bottom:1px solid #eee }
.basic-category .ca-sub2 li { padding:4px 35px; padding-right:15px; }
.basic-category .ca-sub2 li.on a { font-weight:bold !important; color: crimson !important; }
.basic-category .ca-line { padding:8px 15px; background:#fafafa; border-bottom:1px solid #eee; }
.basic-category .new { color:crimson;}

.sub_top_cate {margin-bottom:15px;}
.sub_top_cate .basic-category {border:none;}
.sub_top_cate .basic-category .ca-sub1 > a {border:none;text-align:center;background-color:#e7e7e7;}
.sub_top_cate .basic-category .ca-head {display:none;}
.sub_top_cate .basic-category .ca-sub1 > a.no-sub::after {content:none;}
.sub_top_cate .basic-category .ca-sub1 {padding:0 2px;float:left;width:25%;}
.sub_top_cate .sub_menu_box {margin:0 -2px;overflow:hidden;}
.sub_top_cate .basic-category .ca-sub1.on > a {background-color:#1b55a4;color:#fff;}

@media (max-width:1100px) {
    .basic-category .ca-head {font-size:120%;}
}

@media (min-width: 992px) {
    .basic-category .sub_menu_box {display:block !important;}
}
@media (max-width: 991px) {
    .at-side {padding:10px 0 7px;}
    .basic-category .ca-head {font-size:130%;padding:15px;}
    .widget-side {width:100%;}
    .basic-category .sub_menu_box {display:none;}
}
@media all and (max-width:767px) {
    .basic-category .ca-head {font-size:120%;padding:10px 15px;}
    .basic-category .ca-sub1 > a {font-size:95%;padding:10px 15px;}
    .widget-side .widget-box {margin-bottom:0;}
}