/* BASIC css start */
#lnb > div > div.type-scroll > div.scroll > div.cont1 > ul > li:nth-child(2){position:relative;}
#lnb > div > div.type-scroll > div.scroll > div.cont1 > ul > li:nth-child(2) > a > span:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #555;
content: "";
z-index: 0;
}

.brandTab { text-align: center; margin: 140px auto 30px; }
.brandTab > li { display: inline-block; margin: 0 7px; line-height:32px; }
.brandTab > li > a:hover {color:#333;}
.brandTab > li > a {font-size: 15px; position:relative; color:#999;}
.brandTab > li > a:after {z-index: -1;
    position: absolute;
    content: "";
    bottom: 4px;
    width: 0%;
    height: 8px;
    background: #fff;
    opacity: .3;
    left: 0;
    margin: 0 auto;
    transition: all 1s}
.brandTab > li:hover > a:after {width:100%;}
.brandTab > li.selected > a {font-weight:bold; color:#333;}
.brandTab > li.selected > a:after { z-index: -1;
    position: absolute;
    content: "";
    bottom: 4px;
    width: 100%;
    height: 8px;
    background: #fff;
    opacity: .3;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1s;}
/* BASIC css end */