@charset "utf-8";
.cms4d_fmenu_container, .cms4d_fmenu_container *{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.cms4d_fmenu_container{
width:100%;
float:left;
clear:both;
position:relative;
z-index:1000;
color:black;
font-family:roboto2014_condensed_light, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
font-size:17px;
line-height:19px;
}
.cms4d_fmenu{
position:absolute;
width:100%;
height:0px;
left:0px;
overflow:hidden;
}
.cms4d_fmenu_container.is_open .cms4d_fmenu{
height:auto;
overflow:visible;
}
.cms4d_fmenu_content{
width:100%;
float:left;
clear:both;
position:relative;
-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.8);
box-shadow:0px 5px 5px 0px rgba(0,0,0,0.8);
}
.cms4d_fmenu_head{
width:100%;
min-height:50px;
float:left;
clear:both;
position:relative;
color:white;
background-color:rgb(102,102,102);
padding:0 50px 0 50px;
text-align:center;
}
.cms4d_fmenu_head .btn{
position:absolute;
width:40px;
height:40px;
padding:10px;
top:5px;
cursor:pointer;
}
.cms4d_fmenu_head .btn:before{
content:'\f060';
font-family:'fontawesome';
font-size:20px;
line-height:20px;
}
.cms4d_fmenu_head .btn.back{
left:5px;
}
.cms4d_fmenu_head .btn.act{
right:5px;
}
.cms4d_fmenu_head .btn.act:before{
content:'\f15b';
color:rgb(255,204,0);
}
.cms4d_fmenu_head .ccol{
display:block;
position:relative;
max-width:100%;
padding:5px 0 0 0;
cursor:pointer;
}
.cms4d_fmenu_head .ccol:before{
content:'\f015';
font-family:'fontawesome';
display:none;
position:absolute;
font-size:20px;
left:-24px;
top:16px;
}
.cms4d_fmenu_head .ftitle{
font-family:roboto2014_condensed_regular, Arial, 'Arial Unicode MS', Helvetica, sans-serif;
width:100%;
display:inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:20px;
padding-top:10px;
padding-bottom:10px;
}
.cms4d_fmenu.is_root_group .cms4d_fmenu_head .btn.back{
display:none;
}
.cms4d_fmenu.is_root_group .cms4d_fmenu_head .ccol{
display:inline-block;
}
.cms4d_fmenu.is_root_group .cms4d_fmenu_head .ccol:before{
display:inline-block;
}
.cms4d_fmenu_body{
width:100%;
float:left;
clear:both;
position:relative;
background-color:rgb(102,102,102);
}
.cms4d_fmenu_group{
width:100%;
float:left;
position:relative;
margin-right:-100%;
left:100%;
display:none;
}
.cms4d_fmenu_group.on{
left:0px;
display:block;
}
.cms4d_fmenu_footer{
width:100%;
float:left;
clear:both;
position:relative;
padding:10px 20px 20px 20px;
min-height:40px;
background-color:rgb(102,102,102);
}
.fcol{
width:50%;
float:left;
position:relative;
overflow:hidden;
padding:0 5px 10px 5px;
}
.cms4d_fmenu .fcol:nth-child(2n-1){
clear:left;
}
.cms4d_fmenu .fcol.only{
width:100%;
}
.cms4d_fmenu .fbtn{
width:100%;
float:left;
clear:both;
min-height:42px;
background-color:rgb(230,230,230);
border:1px solid rgb(80,80,80);
border-radius:5px;
}
.cms4d_fmenu .fcol.act .fbtn{
background-color:rgb(255,230,180);
}
.cms4d_fmenu .fcol.on .fbtn{
background-color:rgb(255,204,0);
}
.cms4d_fmenu .fcol.hashref .fbtn{
padding-left:30px;
}
.cms4d_fmenu .fcol.hascn .fbtn{
padding-right:60px;
}
.cms4d_fmenu .flbl{
}
.cms4d_fmenu .flbl span{
display:inline-block;
cursor:pointer;
padding:10px 5px 8px 10px;
width:100%;
position:relative;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.cms4d_fmenu .fcol.hashref .flbl span{
padding-left:0;
}
.cms4d_fmenu .fcol.hascn .flbl span{
padding-right:0;
}
.cms4d_fmenu .flbl a{
display:block;
color:black;
text-decoration:none;
position:relative;
}
.cms4d_fmenu .flbl a:before{
content:'\f15c';
font-family:'fontawesome';
color:rgb(102,102,102);
display:inline-block;
line-height:41px;
position:absolute;
width:30px;
height:100%;
left:-30px;
top:0;
padding-left:10px;
}
.cms4d_fmenu .fcbtn{
display:block;
cursor:pointer;
width:40px;
height:40px;
padding:5px;
position:absolute;
right:5px;
top:1px;
}
.cms4d_fmenu .fcbtn > span{
display:block;
position:relative;
width:100%;
height:100%;
overflow:hidden;
border-radius:80px;
background-color:rgb(153,153,153);
}
.cms4d_fmenu .fcbtn > span:before{
content:'\f061';
font-family:'fontawesome';
color:white;
font-size:20px;
line-height:20px;
position:absolute;
left:7px;
top:4px;
}
.cms4d_fmenu_footer .btn{
font-family:'fontawesome';
display:block;
width:40px;
height:40px;
overflow:hidden;
float:left;
position:relative;
border-radius:40px;
background-color:rgb(153,153,153);
cursor:pointer;
}
.cms4d_fmenu_footer .btn:before{
color:white;
font-size:28px;
line-height:28px;
position:absolute;
left:9px;
top:5px;
content:'\f00d';
}
.cms4d_fmenu_footer .btn.close{
float:right;
}
.cms4d_fmenu_footer .btn.back{
position:absolute;
left:50%;
margin-left:-20px;
}
.cms4d_fmenu_footer .btn.back:before{
content:'\f060';
left:8px;
}
.cms4d_fmenu_footer .btn.home{
float:left;
}
.cms4d_fmenu_footer .btn.home:before{
content:'\f015';
left:7px;
}
.cms4d_fmenu.is_root_group .cms4d_fmenu_footer .btn.home{
display:none;
}
.cms4d_fmenu.is_root_group .cms4d_fmenu_footer .btn.back{
display:none;
}