body{background: #555;}
#app_body{height:450px;border-radius: 5px;background: #fff;margin-top:10%;}
#app_body_title{float:left;width:100%;font-size:25px;line-height: 70px;text-align: center;font-family: 'Montserrat', sans-serif;border-bottom: 1px solid #dedede;}
#app_body_head{float:left;width:100%;overflow: hidden;background: #DEDEDE;height:45px;padding: 10px 0;}
#app_body_head img{float:left;border-radius:50px;width:25px;height:25px;margin-right:5px;}
#app_body_head p{float:left;font-size:13px;line-height: 25px;}
#app_body_head span{float:right;font-size:13px;}
#app_body_sec{float:left;width:100%;padding: 10px 0;height:280px;overflow-x: hidden;overflow-y: auto;}
#app_body_bottom{float:left;width:100%;padding: 10px 0;height:50px;}
#app_body_bottom a{font-size:13px;line-height:22px;border-radius:3px;padding: 3px 15px;color:#fff;transition: background-color .5s;}
#app_body_bottom_log{float:right;background: #ba423b;color:#fff;}
#app_body_bottom_log:hover{text-decoration: none;background: #ba5858;}

#app_body_bottom_word{float:left;color:#fff;background: #c3b92a;}
#app_body_bottom_word:hover{background: #ded330;text-decoration: none;}

#app_body_bottom_word_add{float:left;color:#fff;background: #61ba87;margin-right: 10px;}
#app_body_bottom_word_add:hover{background: #73dca0;text-decoration: none;}

#home_guest_body{float:left;width:100%;text-align: center;margin-top: 30px;font-family: 'Open Sans', sans-serif;}
#home_guest_body p{float:left;padding-top:50px;width:100%;color:#555;padding-left:6%;padding-right:6%;font-size:13px;text-align: justify;}
#home_guest_body a{color:#fff;background: #BA423B;border-radius: 3px;padding: 8px 15px;font-size:13px;transition: background-color .5s;}
#home_guest_body a:hover{text-decoration: none;background-color: #BA5858;}
#app_body_bottom span{float:left;width:100%;font-size:14px;text-align: center;margin-top: 20px;}


/*WORD-PAGE*/
#app_body_word{font-size:12px;font-family: 'Open Sans', sans-serif;text-align: center;border-radius: 3px;}
#app_body_word thead{background: #d9d9d9;border: 2px solid #bfbfbf;}
#app_body_word th{border: 2px solid #e7bf70;text-align: center;}
#app_body_word td{border: 2px solid #e7bf70;text-transform: capitalize;}
#app_body_word tbody>tr:hover{background: #faff9a;}
#app_body_word table{float:left;width:100%;}
#app_body_word form{float:left;width:100%;padding: 10px 0;}
#app_body_word input{padding:5px 5px 5px 35px;width:250px;}
.app_body_word_form_icon{position:absolute;background: #e7bf70;color: #ac8e54;padding:0 8px;z-index:99;line-height: 31.6px;border-radius: 2px}

#app_body_word_filter{float:left;width:100%;}
#app_body_word_filter ul{float:left;width:100%;margin:0;padding: 0;}
#app_body_word_filter li{float:left;margin:0;padding: 0;list-style: none;}
/*END-WORD-PAGE*/

/*WORD-ADD-PAGE*/
#app_body_word_add{width:100%;text-align: center;font-family: 'Open Sans', sans-serif;font-size:14px;padding-top: 15px;}
#app_body_word_add form{padding-top: 25px;}
#app_body_word_add input{padding:5px 10px;width:250px;color:#555;}
#app_body_word_add input::placeholder{font-size:12px;}
#app_body_word_add button{width:250px;background: #7189fe;color:#fff;padding:5px 15px;cursor:pointer;border:none;border-radius: 2px;transition: background-color .5s;}
#app_body_word_add button:hover{background: #9f84fe;}
#app_body_word_add_alert{font-size:13px;}
/*END-WORD-ADD-PAGE*/


@media screen and (min-width: 992px)   {

}

@media screen and (max-width: 768px)   {
    #myChart{margin-top:30px;}
}

@media screen and (max-width: 468px)   {
    #myChart{margin-top:50px;}
}