@font-face{
    font-family:Consolas;
    /*等宽字体*/
    src:url('Consolas.ttf');
}
@font-face{
    font-family:LseedSans;
    src:url('Rg_sans.ttf');
}
body{
    transition: 0.2s ease-out;
    /*字母换行断句*/
    word-wrap: break-word;
    word-break: normal;
    overflow-x: hidden;
    
    /*font-family: Consolas;*/
    font-weight: 150;
    line-height: 1.5;
}
h1,h2,h3{
    font-weight: 510;
}
.container{
    /*总容器*/
    width:100%;
    height:100%;
}
.left{
    /*左栏*/
    position: fixed;
    float: left;
    width: 250px;
    height: 100%;
    top: 0;
    /*resize:horizontal;*/
    overflow: auto;
    left: 0;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0 , 0 , 0 , 0.5);
    text-align: left;
    /*滑动效果*/
    transition: 0.5s ease-out;
}
.left_content{
    width: 90%;
    /*height: 1.8em;*/
    /*font-size: 1.5em;*/
    margin-left: 10%;
    padding: 0;
}
.right{
    /*右栏（实际向右偏移）*/
    margin-left: 250px;
    transition: 0.5s ease-out;
    text-shadow: 1px 1px 2px #333;
}
.main{
    /*右栏div框*/
    width: 95%;
    
    margin-top: 2px;
    /*margin-right: 0%;*/
    /*margin-bottom: auto;*/
    /*margin-left: 0;*/
    
    padding: 2px 4px;
    border-radius: 10px;
    /*box-shadow: 2px 2px 10px rgba(0 , 0 , 0 , 0.5);*/
    animation: fade 1s 1;
}


/*左栏*/
#sideul li {
    list-style-type: none;
    width: 100%;
    font-size: 19px;
    margin-top: 2px;
    margin-left: -20px;
    padding: 0;
}

#sideul a {
    text-decoration: none;
}


/*基本配置*/
.area{
    width:60%;
    height: 300px;
    border-radius: 2px;
    outline:0;
    font: LseedSans,Serif;
    font-size: 17px;
}
.input{
    width:170px;
    border-bottom: black 1px solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    outline:0;
}
.code{
    /*预处理模式*/
    white-space: pre-wrap;
     /*制表宽*/
    -moz-tab-size: 4;
    tab-size: 4;
}

/*动画配置*/
@keyframes fade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}