/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2015-5-8, 17:05:20
    Author     : feeling
*/

#first,
#second,
#third,
#fourth,
#fifth,
#sixth,
#seventh,
#eighth,
#ninth,
#tenth{
    /*display:none;*/
}

#gotop{
    opacity: 0;
    position: fixed;
    right:20px;
    bottom:20px;
    z-index: 9999;
}


/*	 Preloader  */

#preloader {
    position:fixed;
    z-index:2500;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#FFF;
    z-index:99999999;
}

#status {
    position:fixed;
    z-index:99999999;
    width:250px;
    height:250px;
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(../images/status.gif);
    background-size:64px 64px;
    background-repeat:no-repeat;
    background-position:center;
    margin:-125px 0 0 -125px;
}

#status p{
    top:60%;
}

#status em{
    font-size:10px!important;
    display:block;
    font-style:normal;
}
.center-text{
    display:block;
    text-align:center;
}




/*Top Sliding Menu*/

.menu-top{
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}
.show-menus{
    display: block;
}
.menu-top .close-menu{
    margin: 0;
    font-size: 22px;
    position: absolute;
    left: 50%;
    margin-left: 142px;
    top: 50%;
    z-index: 102;
    margin-top: -232px;
    width:30px;
    height:30px;
    line-height: 30px;
    text-align: center;
}
.menu-top ul{
    position:fixed!important;
    z-index:101;
    max-height:443px;
    width:300px!important;
    left:50%;
    margin-left:-150px;
    border:solid 1px #cacaca;

    border-top:solid 1px rgba(0,0,0,0.1);
    background-color:#fff;
    position:absolute;
    height:100%;
    overflow:auto!important;
    -webkit-overflow-scrolling: touch!important;
    border-radius:10px;
}


.active-submenu{
    display:block;
    min-height:100%;
    max-height:500px!important;
}

.active-menu .fa-circle{
    color:#2ecc71!important;
}


.menu-top li{list-style:none; margin-bottom:0px;}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important; }

.menu-wrapper-background{
    position:fixed;
    z-index:100;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:none;
    background-color:rgba(255,254,250,0.8);
}

.show-menus ul{
    top:50%;
    margin-top:-220px;
}
.show-menus ul li{
    height: 40px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
.menu-top a{
    height:100%;
    width:100%;
    display: block;
    margin: 0;
    outline: none;
    font-size:14px;
    font-weight:500;
    padding-left:40px;
    color:#3b4043;
    line-height:40px;
    border-bottom:none;
    font-family: "Microsoft YaHei";
}

.menu-top span{
    border-bottom:solid 1px rgba(0,0,0,0.01);
    display:block;
    font-size:11px;
    font-family:'Roboto', sans-serif;
    text-align:Center;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-top a i{
    position:absolute;
    margin-top:12px;
    margin-left:-24px;
    font-size:14px;
}

.menu-top .fa-circle{
    font-size:8px;
    margin-top:14px;
}



@media (max-height:440px){
    .show-menus ul{
        top:8px;
        margin-top:0;
    }
    .menu-top .close-menu{
        top:0px;
        margin-top:0;
        right:0;
        left:auto;
        margin-left: 0;
    }
}
@media (min-height:580px){
    .show-menus ul{
        top:50%;
        max-height: 530px;
        margin-top: -250px;
    }
    .show-menus ul li{
        height: 48px;
    }
    .menu-top a{
        line-height: 46px;
    }
    .menu-top a i {
        margin-top: 16px;
    }
    .menu-top .fa-circle {
        margin-top: 18px;
    }
    .menu-top .close-menu{
        margin-top: -262px;
    }
    .menu-wrapper-background{
        background-color:rgba(255,254,250,0.8);
    }
}
@media (min-width:740px){
    .show-menus ul{
        width:400px!important;
        margin-left: -200px;
    }
    .menu-top .close-menu{
        margin-left: 192px;
    }
}

.submenu li:last-child{
    border-bottom:solid 1px rgba(0,0,0,0.08)!important;
}

.menu-top a:hover{color:#000000;}


/*Header*/

.header{
    position:fixed;
    top:0;
    width:100%;
    z-index:9999;
    height:60px;
    background: #fff;
    /*background-image:url(../images/menu-bg.png);*/
    cursor: pointer;
}

.header-logo{
    float:left;
    background-image:url(../images/magalogo.png);
    background-repeat: no-repeat;
    /*    font-size: 22px;
        color:#fff;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;*/
    width:110px;
    height:42px;
    background-size:108px 42px;
    margin-top:12px;
    margin-left:20px;
}

.header-navigation{
    display: block;
    width:100%;
    color:#FFFFFF;
    height:60px;
    text-align:center;
    line-height:60px;
}

.header-navigation i{
    float: right;
    height:60px;
    line-height: 60px;
    width: 90px;
    text-align: center;
    color:#c80000;
    font-size:18px;
}
.header-navigation i span{
    font-family: "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin-left:8px;
    vertical-align: baseline;
    font-style: normal;
}

.header-navigation:hover{
    color:#000;
    background-color:rgba(255,255,255,0.1);
}
#TopPlaceholder{
    height:60px;
    margin: 0;
    padding: 0;
}