@charset "utf-8";
/* CSS Document */


#collapseNav{
background:#ee7070 url(../images/navBtn.png) center top no-repeat;
width:47px;
height:47px;
position:absolute;
right:10px;
top:10px;
display:none;
cursor:pointer;
}

#collapseNav.active{
background-position:center bottom;
}



.nav ul{
list-style:none;
margin:0;
padding:0;
}

.nav ul li{
float:left;
position:relative;
}

.nav ul li.active>a,
.nav ul li.active-trail>a{
font-weight:bold;
}

.nav > ul > li:hover>a{
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;


filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.nav ul li a{
display:block;
padding:5px 10px;
font-size:16px;
color:#fff;
line-height:40px;
}

.nav ul ul li{
display:block;
float:none;
border-top:1px #fff solid;
border-bottom:1px #c0c0c0 solid;
background-color:#fff;
}
.nav ul ul li:last-child{
border-bottom:none; 
}

.nav ul ul li a{
display:block;
line-height:18px;
color:#2d2d2d;
font-size:14px;
margin:0 20px;
padding:10px 0;
}


#wrapTop .nav{
float:right;
height:40px;
margin:20px 0;
}





#wrapTop .nav ul li ul{
position: absolute;
z-index:999;
left:0;
top:39px;
background:url(../images/navTopBg.png) left top no-repeat;
width:280px;
display:none;

overflow:hidden;
padding:15px 0 0 0;


-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;

-webkit-box-shadow: rgba(0,0,0,0.4) 0 8px 5px;
-moz-box-shadow: rgba(0,0,0,0.4) 0 8px 5px;
box-shadow: rgba(0,0,0,0.4) 0 8px 5px;

}
#wrapTop .nav ul li:hover ul{
display:block;
}






#wrapTop .nav ul ul li:hover{
background:#e14646;
}

#wrapTop .nav ul ul li:hover a{
color:#fff;
}



#wrapBtm .nav{
float:right;
margin:0px 0 0 0;
}

#wrapBtm .nav li{
 max-width:120px;
}
#wrapBtm .nav li a{
line-height:22px;
}

#wrapBtm .nav ul li ul{
overflow:auto;
width:130px;

}

#wrapBtm .nav ul ul li{
padding:0;
border:none;
background:none;
}

#wrapBtm .nav ul ul li a{
font-size:12px;
line-height:16px;
display:block;
color:#fff;
margin:0px 0 0 10px;
padding:5px 0;
}


#wrapBtm .nav ul ul li a:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#qrCode{
 display:block;
 margin:20px 0;
}







/**/