ul li,
ol li
{
    list-style: none;
}

html,
body
{
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body a,
body a:focus
{
    outline: none;
}

a:hover
{
    text-decoration: none;
}

body
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
body .wrap
{
    overflow-y: auto; 
    /*  margin-top: 110px; */

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#header
{
    z-index: 999;
    /*  position: fixed; */
    top: 0;
    left: 0;

    width: 100%;

    -webkit-box-shadow: 1px 1px 5px #ccc;
            box-shadow: 1px 1px 5px #ccc;
}
#header .header-logo
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 80px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
#header .header-logo .logo
{
    padding-right: 10px; 

    border-right: 2px solid #2f768d;
}
#header .header-logo .logo img
{
    height: 50px;
}
#header .header-logo .text
{
    margin-left: 10px;
}
#header .header-logo .text p
{
    margin-bottom: 0; 

    color: #2f768d;
}
#header .nav
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 80px;

    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
#header .nav .nav-menu .menu
{
    height: 100%;
    padding: 0;
}
#header .nav .nav-menu .menu .menu-item
{
    float: left;

    padding: 10px 10px;

    cursor: pointer;
    -webkit-transition: all linear .3s;
         -o-transition: all linear .3s;
            transition: all linear .3s;
}
#header .nav .nav-menu .menu .menu-item a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    height: 30px;
    padding: 0 15px;
    /* min-width: 90px; */

    text-align: center; 

    color: #2f768d;
}
#header .nav .nav-menu .menu .menu-item.active a
{
    color: #00a2db; 
    border-radius: 5px;
}
#header .nav .nav-menu .menu .menu-item.active .dropdown-toggle
{
    background: #fff;
}
#header .nav .nav-menu .menu .menu-item:hover
{
    -webkit-transition: all linear .3s;
         -o-transition: all linear .3s;
            transition: all linear .3s;
}
#header .nav .nav-menu .menu .menu-item:hover a
{
    color: #00a2db; 
    border-radius: 5px;
}
#header .nav .nav-menu .glyphicon
{
    font-size: 30px;
    line-height: 47px;

    margin-right: 15px; 

    color: #2f768d;
}

.common-tit
{
    margin: 50px 0; 

    text-align: center;
}
.common-tit h4
{
    font-size: 30px;

    color: #00a3db;
}
.common-tit p
{
    font-size: 16px;
}

.footer
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 80px;

    color: #fff;
    background: #003d4f;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.footer p
{
    margin-bottom: 0;
    padding: 0 4%; 

    text-align: center;
}

@media only screen and (min-width: 1024px)
{
    .xs-screen
    {
        display: none;
    }
}

@media only screen and (max-width: 1024px)
{
    #header .header-logo
    {
        height: 60px;
    }
    #header .header-logo .logo img
    {
        height: 40px;
    }
    #header .nav
    {
        height: 60px;
    }
    #header #nav .menu-modal
    {
        position: fixed;
        z-index: 99;
        top: 0;
        left: -100%;

        width: 100%;
        height: 100%;

        -webkit-transition: all .5s;
             -o-transition: all .5s;
                transition: all .5s;
    }
    #header #nav .menu-modal .menu
    {
        position: absolute;
        z-index: 6;

        width: 75%;

        background: #003d4f;
    }
    #header #nav .menu-modal .menu .menu-item
    {
        width: 100%;
    }
    #header #nav .menu-modal .menu .menu-item a
    {
        line-height: 40px; 

        height: 40px;

        color: #fff;
    }
    #header #nav .menu-modal .menu .menu-item.active a
    {
        color: #00a2db; 
        border-radius: 5px;
    }
    #header #nav .menu-modal .menu-back
    {
        position: absolute;
        top: 0;
        left: 75%;

        width: 25%;
        height: 100%;

        background-color: rgba(0, 0, 0, .7);
    }
    #header #nav .menu-modal .menu-back span
    {
        font-size: 20px;
        line-height: 50px;

        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 50px;
        height: 50px;

        text-align: center; 

        color: #fff;
        background-color: rgba(0, 0, 0, .8);
    }
    .common-tit
    {
        margin: 35px 0; 

        text-align: center;
    }
    .common-tit h4
    {
        font-size: 22px;

        color: #00a3db;
    }
    .common-tit p
    {
        font-size: 16px;
    }
}