@charset "utf-8";

.basic-category { padding:0px;text-align:center; }
.basic-category a { display:block;color:#b8ded0!important; }
.basic-category .ca-head { border:0; padding:8px 15px; font-size:18px; letter-spacing:0px; padding-right:1px; }
.basic-category .ca-sub1 { float : left; padding: 15px 20px; border-left:1px solid #d5bfd3; }
.basic-category .ca-sub1.on{ background:rgba(255,255,255,1); color:#60397b;font-weight:bold;font-size:22px;}	/* on */
/*.basic-category .ca-sub1:hover {background:rgba(255,255,255,0.7); color:#60397b; font-weight:bold !important; }*/
.basic-category .ca-sub1:hover {background:rgba(255,255,255,0.5); color:#000; font-weight:bold !important; }

.basic-category .ca-sub1:last-child {border-right:1px solid #d5bfd3; }
.basic-category .ca-sub1.on > a { background:rgba(255,255,255,0.3); font-weight:bold !important; color:#60397b; }
.basic-category .ca-sub1.on > a:hover {background:#ff0000;font-size:24px }
.basic-category .ca-sub1 > a.no-sub::after { top: 0px; float: right; position: relative;}
.basic-category .ca-sub1 > a.is-sub::after { top: 0px; float: right; position: relative; content: "+";}
/*
.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 {float :left;list-style:none; background: #f2f2f2; padding: 15px 10px; margin:0px; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.basic-category .ca-sub2 li:hover {font-weight : bold;color:#ff0000!important;}
.basic-category .ca-sub2 li:last-child {border-left:1px solid #ddd;}
.basic-category .ca-sub2 li {float :left; padding : 0px 20px;}
.basic-category .ca-sub2 li a{float :left; color:#aaa!important;}
.basic-category .ca-sub2 li.on a { font-weight:bold !important; color: #666!important; }
.basic-category .ca-line {}
.basic-category .new { color:crimson; }