@charset "utf-8";

.miso-category { padding:0px; }
.miso-category a { display:block; }
.miso-category .ca-body {
    border: none;
    overflow: hidden;
}
.miso-category .ca-sub1 { padding:0px; float: left; text-align: center; border-right: 1px solid #ddd; }
.miso-category .ca-sub1:first-child { border-left: 1px solid #ddd; }
.miso-category .ca-sub1 a { display:block; text-align: center; color: #333; font-size: 16px; height: 52px; line-height: 52px; }
.miso-category .ca-sub1 a:hover,
.miso-category .ca-sub1.on > a {
    background: #2dbbda;
    color: #fff;
}
.miso-category .ca-sub2 { padding:0; margin:0; list-style:none; background: #fff; padding:0px; margin:0px; }
.miso-category .ca-sub2 li { border-bottom:1px solid #eee; }
.miso-category .ca-sub2 li:last-child { border-bottom:1px solid #ddd; }
.miso-category .ca-sub2 li a { display:block; padding:6px 20px; padding-right:10px; }
.miso-category .ca-sub2 li a:hover,
.miso-category .ca-sub2 li.on a { font-weight:bold !important; color:#000 !important; }
.miso-category .ca-line { font-weight:bold; padding:10px; background:#f1f1f1; border-bottom:1px solid #ddd; font-size:14px; }
.miso-category .new { color:crimson; }

@media all and (max-width: 1200px) {
    .sub_category .at-container {padding: 0;}
}
@media all and (max-width: 767px) {
    .miso-category .ca-sub1 {
        float: none;
        width: 100% !important;
        border: none;
        border-bottom: 1px solid #ddd;
    }
    .miso-category .ca-sub1:first-child {border-left: none;}
    .miso-category .ca-sub1 a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}