.article_main_div{
    /*position: absolute;*/
    width: 100%;
    height:100%;
    /*background-image:url('../images/index.png');*/
    background-size:100% 100%;
}
.article_div_right{
    width: 100%;
    color: #FFFFFF;
    margin-top:10px;
    padding-right: 15px;
}
.article_div_left{
    margin-top: 40px;
    width: 55%;
    height:265px;
    margin-left: 30px;
    border:1px solid white;
    scrollbar-face-color:#403933;
    scrollbar-shadow-color:#403933;
    cursor: pointer;
    overflow-y: auto;
    padding: 10px;
}
.article_td{
    width: 10%;
    color: #cccccc;
    font-size: 16px;
    text-align:left;
}
.article_div_right_text{
    float: left;
    width: 80%;
    height:500px;
    top:30px;
}
.article_div_title{
    color: #cccccc;
    font-size: 16px;
    text-align: center;
}
.article_div_content{
    color: #cccccc;
    font-size: 16px;
    /*padding-left: 10px;*/
}
.article_div_author{
    color: #cccccc;
    font-size: 16px;
    text-align: right;
}
.article_saveButton {
    background: url('../images/save.png');
    width: 80px;
    height: 30px;
    cursor: pointer;
    /*margin: 0 auto;*/
    float: left;
}
.article_saveButton:hover {
    background: url(../images/save_on.png);
}
.article_saveAndAddButton{
    background: url(../images/saveAndAdd.png);
    width: 80px;
    height: 30px;
    cursor: pointer;
    /*margin: 0 auto;*/
    float: right;
}
.article_saveAndAddButton:hover {
    background: url(../images/saveAndAdd_on.png);
}
.article_cancelButton {
    background: url(../images/cancel.png);
    width: 80px;
    height: 30px;
    cursor: pointer;
    /*margin: 0 auto;*/
    float: left;
}
.article_cancelButton:hover {
    background: url(../images/cancel_on.png);
}
.article_input{
    width: 280px;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    background:url(../images/input.png);
    background-size: 100% 100%;
    padding-left: 10px;
    border:none;

}
.article_inputArea{
    width: 280px;
    float: right;
    height: 96px;
    margin-top: 8px;
    background:url(../images/area.png);
    background-size: 100% 100%;
    padding: 10px;
    border: none;
}
.article_inputDiv{
    height: 40px;
    margin-top: 20px;
    margin-left: 75px;
}
.article_inputs{
    margin-left: 10px;
    position: absolute;
    margin-top: 10px;
}
.article_titleCancel{
    background: url(../images/abolish.png);
    width: 32px;
    height: 38px;
    float: right;
}
.article_titleCancel:hover{
    background: url(../images/abolish_on.png);
}
.article_warning_message {
    height:10px;
    padding-left: 10px;
    font-size: 12px;
    color: lightcoral;
}
.article_warning{
    background:url(../images/warning.png);
    width: 38px;
    height: 38px;
    margin-left: 100px;
    float: left
}
.article_line{
    float: right;
    margin-right: 10px;
}
.article_button{
    width :auto;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
.article_img{
    background: url(../images/add.png);
    width: 105px;
    height: 105px;
    float: left;
}
.article_img:hover{
    background: url(../images/add_on.png);
}
.family_img{
    background: url(../images/family.png);
    width: 105px;
    height: 105px;
    margin-left: 100px;
    float: left;
}
.family_img:hover{
    background: url(../images/family_on.png);
}
.article_addArticle{
    color: white;
    padding-top: 3px;
    float: left;
    text-align: left;
    cursor: pointer;
}
.article_tr_light{
    color: #888888;
}
.article_saveLeft{
    margin-left: 45px;
}
.article_save{
    left: -15px;
}
.article_cancel{
    left: -90px;
}