/* CSS Document */

.titleSection {
 border-bottom:3px solid #e5e5e5;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-bottom:20px
}
.titleSection .name {
 font-size:22px;
 line-height:30px;
 height:auto;
 padding-bottom:10px;
 position:relative;
 z-index:3;
 overflow:inherit
}
.titleSection .name:after {
 content:"";
 position:absolute;
 bottom:-3px;
 width:100%;
 height:3px;
 left:0;
 background:url(images/line.png) no-repeat left bottom
}
.danhMuc {
 margin-bottom:5px
}
.danhMuc span.title {
 display:inline-block;
 width:100%;
 font-family:"Roboto";
 color:#333;
 font-size:26px;
 line-height:34px;
 padding:15px 25px
}
.danhMuc ul {
 margin-bottom:0;
 padding-bottom:10px;
 margin-left: 0px;
}
.danhMuc ul>li {
 position:relative;
 margin-bottom:10px;
 margin-left: 0px;
 height:40px;
}
.danhMuc ul>li .submenu-button {
 position:absolute;
 width:47px;
 height:40px;
 top:0;
 right:0;
 z-index:100;
 cursor:pointer
}
.danhMuc ul>li .submenu-button.actived:before {
 display:none
}
.danhMuc ul>li .submenu-button.actived:after {
 display:block
}
.danhMuc ul>li .submenu-button:before {
 position:absolute;
 top:0;
 left:0;
 text-align:center;
 height:40px;
 width:47px;
 content:"\f107";
 font:normal normal normal 20px/40px FontAwesome;
 color:#333
}
.danhMuc ul>li .submenu-button:after {
 content:"\f106";
 position:absolute;
 top:0;
 left:0;
 text-align:center;
 height:40px;
 width:47px;
 font:normal normal normal 20px/40px FontAwesome;
 color:#333;
 display:none
}
.danhMuc ul>li>a {
 font-family:"Roboto";
 color:#666;
 font-size:15px;
 line-height:24px;
 padding:12px 20px;
 -webkit-transition:0.5s;
 -o-transition:0.5s;
 transition:0.5s;
 display:block;
 width:100%;
 background:#f6f6f6;
 border:solid 1px #eeeeee
}
.danhMuc ul>li>a i {
 -webkit-transform:scaleX(0);
 -ms-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transform-origin:0 100%;
 -ms-transform-origin:0 100%;
 transform-origin:0 100%;
 margin-right:5px;
 -webkit-transition:0.5s;
 -o-transition:0.5s;
 transition:0.5s;
 width:0;
 overflow:hidden
}
.danhMuc ul>li>ul {
 list-style-type:none;
 padding-left:0;
 -webkit-transform:scaleY(0);
 -ms-transform:scaleY(0);
 transform:scaleY(0);
 height:0;
 overflow:hidden;
 -webkit-transform-origin:100% 0;
 -ms-transform-origin:100% 0;
 transform-origin:100% 0
}
.danhMuc ul>li>ul.actived {
 -webkit-transform:scaleY(1);
 -ms-transform:scaleY(1);
 transform:scaleY(1);
 height:auto
}
.danhMuc ul>li>ul>li.active:hover,.danhMuc ul>li>ul>li:hover:hover {
 color:#f26522
}
.danhMuc ul>li>ul>li.active:hover i,.danhMuc ul>li>ul>li:hover:hover i {
 -webkit-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1);
 color:#f26522;
 width:auto
}
.danhMuc ul>li>ul>li>a {
 font-family:"Roboto";
 color:#666;
 font-size:15px;
 line-height:20px;
 padding:10px 48px;
 -webkit-transition:0.3s;
 -o-transition:0.3s;
 transition:0.3s;
 display:block;
 width:100%;
 position:relative
}
.danhMuc ul>li>ul>li>a:before {
 position:absolute;
 content:"";
 width:4px;
 height:4px;
 background:#333;
 left:36px;
 top:46%;
 -webkit-transform:translatey(-50%);
 -ms-transform:translatey(-50%);
 transform:translatey(-50%)
}
.danhMuc ul>li.active a,.danhMuc ul>li:hover a {
 color:#f26522
}
.danhMuc ul>li.active a i,.danhMuc ul>li:hover a i {
 -webkit-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1);
 color:#f26522;
 width:auto
}