html,body,.layout
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}
/*解决输入框组按钮填充不完整问题*/
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group,.form-inline .input-group .input-group-btn > .btn
{
 width:100%;   
}
.layout
{
    overflow: hidden;
    position: relative;
}
.container,.container-fluid
{
    height:100%;
}
.layout > .top
{
    position: relative;
    z-index: 1000;
    display: inline-block;
    width: 100%;
    top: 0px;
}
.layout > .left
{
    position: absolute;
    height: 100%;
    display: inline-block;
    left:0px;
}
.layout > .left > .split
{
    position: absolute;
    z-index: 10;
    top: 20%;
    left: 100%;
    display: inline-block;
    background-color: #E0E0E0;
    background-image: linear-gradient(rgb(230, 230, 230) 0%, rgb(200, 200, 200) 100%);
    background-repeat: repeat-x;
    width: 16px;
    height: 50px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
.layout > .left > .split:hover
{
    background-image: linear-gradient(rgb(200, 200, 200) 0%, rgb(162, 162, 162) 100%);
}
.layout > .left > .split > i
{
    background-position: center;
    display: inline-block;
    width: 16px;
    height: 100%;
    background-image: url('icon/split_left.png');
    background-repeat: no-repeat;
}
.layout > .right
{
    position: absolute;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    right: 0px;
    z-index:1;
}
.layout > .bottom
{
    position: absolute;
    overflow: hidden;
    bottom: 0px;
    width: 100%;
}
.layout > .center
{
    padding: 0px;
    margin: 0px; /*border: 1px solid #bce8f1;*/
    right: 0px;
    overflow: auto;
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.double-arrow-h-l,.double-arrow-h-r,.single-arrow-h-l,.single-arrow-h-r
{
    width: 20px;
    text-align: center;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    font-weight: 300;
    text-shadow: none;
}
.double-arrow-h-l:before
{
    content: "\f100";
}
.double-arrow-h-r:before
{
    content: "\f101";
}
.single-arrow-h-l:before
{
    content: "\f104";
}
.single-arrow-h-r:before
{
    content: "\f105";
}