.list-tool{margin:0 auto;color:#666;background-color:#f6f6f6;border-radius:4px;padding:6px;background-clip:padding-box;margin:6px 0;box-shadow:1px 1px 1px #ccc;font-weight:700;text-align:left}.list-tool img{width:48px;height:48px;border-radius:50%}.list-tool:hover img{box-shadow:0 0 14px #f66214}.media:hover{word-break:keep-all;background-color:#e9e9e9}.media h4 a{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64854c;font-size:16px}.media-body span{display:block;word-break:keep-all;max-width:15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em}@media(max-width:1400px){.media-body span{max-width:15em}}@media(max-width:768px){.media-body span{max-width:21em}}@media(max-width:320px){.media-body span{max-width:16em}}.app_cat_h{font-size:20px;border-bottom:4px solid #4cae4c;padding:8px 10px;background-color:#5cb85c;color:#fff;border-top-right-radius:4px;border-top-left-radius:4px}ul.app_cat_ul{padding:0;list-style:none;overflow:hidden}ul.app_cat_ul li a{padding:8px 10px;display:block;color:#555;background-color:#fff;border:1px solid #eee;border-top:0;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}ul.app_cat_ul li a:hover{background-color:#eee}.header_img{background-image:url(../img/logo.png);background-repeat:no-repeat;background-size:250px 60px;width:250px;height:60px}div.nav_bar{position:relative}div.header_nav{position:absolute;right:0;top:10px}ul.nav_ul{margin:50px 0 0;padding:0;list-style:none;overflow:hidden}ul.nav_ul li{float:left;margin-right:3px;width:100%}ul.nav_ul li a{padding:6px;display:block;color:#555;background-color:#fff;border:1px solid #eee;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:4px;border-radius:4px}ul.header_nav_ul{margin:0;padding:0;list-style:none;overflow:hidden}ul.header_nav_ul li{float:left;margin-right:0;width:auto}ul.header_nav_ul li a{padding:12px 5px;display:block;color:#999;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:4px;border-radius:4px}.navbar-default .navbar-toggle{border-color:#aaa;margin-top:15px}.navbar-default .navbar-toggle .icon-bar{background-color:#aaa}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#666}ul.header_nav_ul li a:hover{background-color:#eee}@media(max-width:768px){div.header_nav{position:relative;top:0;margin-bottom:5px}ul.header_nav_ul li{float:none}}ul.ul_buttons li a{margin:5px 0;background-color:#3b5998;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}ul.nav_ul li a:hover{background-color:#304d8a;color:#fff;text-shadow:none}#selstyle{width:100%;padding:5px;}.well.well-sm~{position:relative;margin:1em 0;color:rgba(0,0,0,.87);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;border:none;border-radius:.28571429rem;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;background-image:linear-gradient(to bottom,#FCFFF5 0,#FCFFF5 100%)}.btn.btn-toolbar.btn-sm{box-shadow:0 0 0 1px #2185d0 inset;color:#2185d0;background:0}

ul.ul_buttons li a{background-color:#4f5d73; color:#fff; border:0px;}
#code1, #code2{border: 1px solid rgba(255, 255, 255, 0.12);}