@import url('http://vacation.vsites.net/447_style.css');                          @import url('http://mblogbb.viwap.com/theme/font.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('http://vacation.vsites.net/447_forum.css');
@import url('http://tuoitho.vsites.net/367_blog.css');
body, input, textarea, select{
 font-family: anonyjohn;
}
body
{background-color: #999966; color: #000; font-family: Arial, Tahoma, sans-serif; font-size: small; max-width: 700px; margin: 0 auto}
{
  background: #000;
  color: #000;
  line-height: 1.5;
  margin: 0px auto;
  font-size: 14px;
  line-height: 23px;
word-break: break-word;

}
body.alertShow{
  overflow: hidden;
}
img, embed {max-width: 100%;}
ul.guestbook {

}
div.vacation #chat {
    border: 1px solid #999966;
    border-radius: 2px;
    margin: 4px;
}

.comment-head {
    border-bottom: 1px dashed #CCCC99;
    padding: 5px;
    background: #999966;
}
.comment-content {
    padding: 10px 5px;
}
.comment-time {
  font-size: 12px;
  float: right;
}
.form-comment{border:1px solid #CCCC99;margin:4px;background:#999966;border-radius:2px;padding:5px}
.form-comment textarea,.form-comment input,.form-comment button{border-radius:2px;margin:4px 0;border:1px solid #CCCC99;padding:3px}
.form-comment textarea{    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;width:100%}
.mainblok {
    border: 1px solid #3399cc;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.tit {
    background: #036D96;
    border-top: 1px solid #036D96;
    color: #FFF;
    font-size: 13px;
    padding: 5px;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
ul>li {
    display: list-item;
    text-align: -webkit-match-parent;
}
div>img{
  vertical-align: middle;
}
a{color:#3a3838;text-decoration:none}
a:hover{color:#B30000;text-decoration:none}
b.button {
  color: #2a5885;
  text-decoration: none;
}
form{
  margin: 0px;
}
input, select, textarea{
  font-family: inherit;
}
input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), select{
  border: 1px solid #d3d9de;
  padding: 7px 16px;
  margin: 3px 0px;
  font-size: 12px;
  line-height: 12px;
  width: 100%;
  outline: 0px;
  height: 30px;
  box-sizing: border-box;
    vertical-align: middle;
}
textarea {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #d3d9de;
  outline: 0px;
  min-height: 100px;
  margin: 3px 0px;
}
input[type="submit"] {
  background: #5e81a8;
  border: 1px solid #5e81a8;
  color: #fff;
  padding: 7px 16px;
  border-radius: 2px;
  margin: 3px 0px;
  outline: 0px;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
}
input[type="submit"]:hover {
  background: #6888ad;
  border: 1px solid #6888ad;
}
input[type="submit"]:active {
  background: #537397;
  border: 1px solid #537397;
}
input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
}

input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

input[type="radio" i], input[type="checkbox" i] {
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}
input[type="file"], select{
  padding: 4px 16px!important;
}
.min-less{
  width: 30%!important;
}
img.captcha{
  height: 30px;
  width: 100px;
  border: 1px solid #d3d9de;
  border-right: 0px;
  margin: 3px 0px;
  font-size: 12px;
  line-height: 12px;
  outline: 0px;
  box-sizing: border-box;
    vertical-align: middle;
}
img .list1, img. list2{max-width:50%}
img.captcha+input[type="text"]{
  width: calc(100% - 100px)!important;
  float: right;
}
.box >div.child{border:1px solid #ded5d5;margin:4px;border-radius:2px}
div.child > div.mchild {
    border-bottom: 1px solid #ded5d5;
    padding: 5px;
    text-align: justify;
}
div.child > div.mchild:nth-last-child(1){border-bottom:none}
.fl{
  float: left;
}
.fr{
  float: right;
}
.hide{
  display: none;
}
.bbpopup a {
    border: 1px solid #A7A7A7;
    height: 10px;
    display: inline-block;
    margin: 1px;
    vertical-align: middle;
    width: 10px;
}
#nutlike {
background-color:#2891fd;
color: #FFFFFF;
text-shadow : #666666 1px 1px 1px;
text-decoration: none;
font-weight: bold;
font-size:1em;
padding: 2px;
margin-left:auto;
margin-right:auto;
margin-top:2px;
-moz-border-radius:4px;-webkit-border-radius:4px;
}
.trollnhau {
    position: fixed;
    bottom: -3px;
    text-align: right;
    width: 100%;
    padding-right: 260px;
    overflow: hidden;
    z-index: 0;
}
.linhlinh {
    position: fixed;
    bottom: -3px;
    text-align: right;
    width: 50%;
    padding-right: 30px;
    overflow: hidden;
    z-index: 0;
}
.max-500{
  max-width: 700px;
  margin: auto;
}
.content{
}
.my-msg{background-image:linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);background-image: -o-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);background-image: -moz-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);background-image: -webkit-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);background-image: -ms-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.25, rgb(210,244,254)),color-stop(1, rgb(149,194,253)));border:solid 1px rgba(200, 200, 200, 0.5);border-radius: 5px;box-shadow: inset 0 5px 10px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
box-sizing:border-box;clear:both;float:left;margin-bottom:5px;padding:5px 10px;position:relative;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);width:auto;max-width:100%;word-wrap:break-word;}
.my-msg:before, .my-msg:after {border-radius:5px;content:'';display:block;position:absolute;}
.my-msg:before{border:8px solid transparent;border-bottom-color:rgba(0, 0, 0, 0.5);bottom:0;left:-7px;z-index:-2;}
.my-msg:after{border:8px solid transparent;border-bottom-color:#d2f4fe;bottom:1px;left:-8px;}
.pagination > span, .pagination > a {display:inline-block; border: 2px solid #dee2e6; border-radius: 4px; padding: 5px; margin-left: 5px}
.pagination > span:first-child, .pagination > a:first-child {margin-left: 0}
.pagination .current {background-color: #000000; color: #fff;}
.pagination .link:hover {background-color: #000000;}
.pagination .disabled {}
/*This is code shared at http://buycode.wap.mu*/
.not-my-msg {background-image:linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);background-image: -o-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);background-image: -moz-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);background-image: -webkit-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);background-image: -ms-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.25, rgb(172,228,75)),color-stop(1, rgb(122,205,71)));float:right;}
.not-my-msg:before{border-bottom-color: rgba(0, 0, 0, 0.5);border-radius:5px;left:auto;right:-7px;}
.not-my-msg:after{border-bottom-color:#ace44b;border-radius: 5px;left:auto;right:-8px;}
.tiento {
    padding: 1px 9px 2px;
    font-size: 12.025px;
    font-weight: bold;
    white-space: nowrap;
    color: #ffffff;
    background-color: #999999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
 }
.tiento:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
 }
.mxh{text-align: center;
margin-bottom: 15px;
font-size: 11px;}
.mxh a{color: white;}
.share{padding: 2px 4px;
display: inline-block;margin: 1px;
min-width: 58px;}
.share:hover{opacity: .8;}
.fb{background: #0062BD;}
.gg{background: #CE1919;}
.tw{background: #0097DF;}
span.white{color: #fff;}
header {
    position: fixed;
    top: 0px;
    z-index: 600;
    max-width: 700px;
    width: 100%;
    background: #343a40;
    height: 40px;
    box-sizing: inherit;
    color: #fff;
}
header .drm {
    float: right;
    height: 40px;
    line-height: 40px;
}
header .drm a.button {
    display: inline-block;
    box-sizing: border-box;
    height: 24px;
    line-height: 22px;
    padding: 0px 5px;
    margin: 9px 2px;
    font-size: 12px;
    border-radius: 2px;
    color: #fff;
    background-color: #b72e1d;
    border: 1px solid #892216;
}
forum.button {
    display: inline-block;
    box-sizing: border-box;
    height: 24px;
    line-height: 22px;
    padding: 0px 5px;
    margin: 9px 2px;
    font-size: 12px;
    border-radius: 2px;
    color: #fff;
    background-color: #b72e1d;
    border: 1px solid #892216;
}
header .drm a.button:hover,forum.button {
    background-color: #ff452e;
}
header .Logo {
    position: relative;
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
}
header .Logo a{
  color: #fff;
}

.dropdown-toggle {
right: 0px;
left: auto;
margin-top: 0px;
border-radius: 0px 0px 4px 4px;
    position: absolute;
top: 100%;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0px;

font-size: 14px;
text-align: left;
list-style: outside none none;
background-color: #999966;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}
.dropdown-toggle .divider {
    height: 1px;
    margin: 9px 0px;
    overflow: hidden;
    background-color: #E5E5E5;
}
.dropdown-toggle > li > a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
    padding: 3px 20px;
}
.dropdown-toggle > li > a:hover {
    background-color: #E8E8E8;
    background-image: linear-gradient(to bottom, #F5F5F5 0px, #E8E8E8 100%);
    background-repeat: repeat-x;
}
.loading{
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 10px 10px;
}
.nav {
  background: #fafbfc;
  padding: 0px 10px;
  border-bottom: 1px solid #e7e8ec;
}
.nav a{
  display: inline-block;
  padding: 10px 5px;
  line-height: 14px;
  margin: 0px 3px;
  border-bottom: 2px solid transparent;
}
.nav a:hover{
  border-bottom: 2px solid #cad2db;
}
.nav a.active{
  border-bottom: 2px solid #6387ac;
}
.mode-main{
  background: #fff;
  border: 1px solid;
  border-color: #e3e4e8 #e3e4e8 #d7d8db;
  border-radius: 2px;
  overflow: auto;
  margin-top: 10px;
}
.phdrx{
  background: #4285f4;
  border-bottom: 1px solid #e7e8ec;
  color: #fff;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
   font-weight: bold;
}
.phdr{color: #ffffff;
    background-color: #525151;
    border-color: #525151;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;}
.phdr a{
color: white;
}
.footer a{
color: white;
}
.phdrx a{
color: #fff;
}
.box {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-top: 4px;
    border: 1px solid #525151
}
pre{    word-break: break-word;}
.title-v2{
  background: #6287ae;
  border-bottom: 1px solid #e7e8ec;
  color: #fff;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
}
.rmenu, .gmenu, .bmenu, .user, .notif, .chuky {border: 1px solid #e9e9e9; border-top-width: 0; padding: 4px}
.rmenu {background-color: #ffebe8; color: #6d220d}
.gmenu {background-color: #EDF7E8}
.bmenu {background-color: #D3D8DB}
.user {background-color: #E3E5E8;}
.notif, .chuky{color:#7f7212;background:#fffbe2}
.sub {border-top: 1px dotted #ccc; font-size: x-small; margin-top: 1px}
.main {
  padding: 10px;
}
.main.menu {
  padding: 0px;
}
.main.menu .list{
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.chuky {
    color: #000000;
    border: 1px dashed #CECFCE;
    background: #fff0f2;
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
}
.list1, .menu{
  padding: 10px;
  border-bottom: 1px solid #eee;
  background-color: #999966;
}
.list2{
  padding: 10px;
  border-bottom: 1px solid #eee;
  background-color: #FFFFFF ;
}

.postItem {
    background-color: #FFF;
    margin: 5px 3px 5px 3px;
    padding: 8px 10px 8px 10px;
    border: 1px solid #D7EDFC;
    border-radius: 5px
}
.postItem .memInfo {
    background-color: #e4f3fd;
    padding: 3px;
    margin: -6px -8px 8px -8px;
    border-bottom: 1px dotted #c8e9ff;
}

.timePost {
      border-top: 1px dotted #c8e9ff;
    padding-top: 5px;
    font-size: 10px;
    color: gray;
    margin-top: 6px;
}
div.postltem {
    padding: 5px;
    margin: 5px;
    border-top: 1px dotted #C8E8FF
}
.main.menu .list img, .title img {
  vertical-align: text-bottom;
}
.main.menu .list:last-child{
  border-bottom: 0px;
}
.list img{max-width: 50%;}
.main a:hover{
  text-decoration: underline;
}
.list-f1 {
  background-color: #FFFFFF;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 6px;
  margin: 10px 0 0 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.list-f2 {
  background-color: #FFFFFF;
  border-color: #D5D5D5;
  border-style: solid;
  border-width:  0 1px 1px 1px;
  margin: 0;
  padding: 6px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 5px 7px 0 rgba(0, 0, 0, 0.12);
}
.forum-post .fa-avatar {width: 40px; padding-right: 4px}
.forum-post .fa-gender-icon {}
.forum-post .post-content {margin:4px -4px; padding: 4px; border-top: 1px solid #ccc;}
img.fr {border-radius:20px;padding:2px;border:1px solid #b1b1b1;width:48;height:48}
.bottom {
  font-size: 12px;
  color: #b0b0b0;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.paging {
  margin-top: 10px;
  background: #fff;
  border: 1px solid;
  border-color: #e3e4e8 #e3e4e8 #d7d8db;
}
.paging:after {
  content: "";
  display: block;
  clear: both;
}
.pagenav {
    background-color: #f0f7fc;
    border: 1px solid #6cb2e4;
    padding: 3px 5px 3px 5px;
    color: #2b485c;
    text-decoration: none;
}
.currentpage {
    background-color: #f9d9b0;
    border: 1px solid #f9bc6d;
    padding: 3px 5px 3px 5px;
    color: #8f6c3f;
}
.topmenu {
    background-color: #8cbcdd;
    font-size: x-small;
    padding: 2px 4px 3px 4px;
    border-top: 1px solid #8cbcdd;
    border-bottom: 1px solid #8cbcdd;
    border-right: 2px solid #8cbcdd;
    border-left: 2px solid #8cbcdd;
}
.paging .count-paging{
  display: inline-block;
  width: calc(100% - 60px);
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  height: 30px;
}
.paging .count-paging select{
  margin: 0px;
  border-top: 0px;
  border-bottom: 0px;
  text-align: center;
}
.current-page {
    background-color: #f9d9b0;
    border: 1px solid #f9bc6d;
    padding: 0px 5px 0px 5px;
    color: #8f6c3f;
}
.right0s,.user-0{color:black; font-weight:bold;}
.right1s,.user-1{color:#ff0099; font-weight:bold;}
.right2s,.user-2{color:#673AB7; font-weight:bold;}
.right3s,.user-3{color:blue; font-weight:bold;}
.right4s,.user-4{color:#473C8B; font-weight:bold;}
.right5s,.user-5{color:brown; font-weight:bold;}
.right6s,.user-6{color:purple; font-weight:bold;}
.right7s,.user-7{color:orange; font-weight:bold;}
.right8s,.user-8{color:purple; font-weight:bold;}
.right9s,.user-9{color:red; font-weight:bold;}
.box-status {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  box-sizing: border-box;
  height: 0px;
  z-index: 1000;
  line-height: 20px;
}
@media (min-width: 600px){
  .box-status{
    max-width: 500px;
    margin: auto;
  }
}
.footer{
  margin-top: 4px;
  border: 1px;
  min-height: 40px;
  padding: 8px 10px;
  line-height: 20px;
  box-sizing: border-box;
  background: #262626;
  color: #fff;
}
.notification{
  margin-top: -40px;
  min-height: 40px;
  padding: 8px 10px;
  line-height: 20px;
  box-sizing: border-box;
  background: #262626;
  color: #fff;
}
.notification.upload{
  margin-top: 0px;
  height: auto!important;
}
.notification:last-child{
  border-bottom: 1px solid #eee;
}
.progress {
  margin-top: 5px;
  background: #fcfcfc;
  border: 1px solid;
  border-color: #b6b6b6 #c6c6c6 #c6c6c6;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 1px rgba(255,255,255,0.8);
  height: 10px;
}
.bar {
  background-image: linear-gradient(to bottom, #53a9ff,#377ff2);
  border: 1px solid;
  border-color: #3279ec #2d70da #1f5ebe;
  border-radius: 3px;
  height: 100%;
  width: 0%;
  position: relative;
  top: -1px;
  left: -1px;
}
.notification.upload{
  margin-top: 0px;
  height: auto!important;
}
.notification:last-child{
  border-bottom: 1px solid #eee;
}
.progress {
  margin-top: 5px;
  background: #fcfcfc;
  border: 1px solid;
  border-color: #b6b6b6 #c6c6c6 #c6c6c6;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.08), 0 1px rgba(255,255,255,0.8);
  height: 10px;
}
.bar {
  background-image: linear-gradient(to bottom, #53a9ff,#377ff2);
  border: 1px solid;
  border-color: #3279ec #2d70da #1f5ebe;
  border-radius: 3px;
  height: 100%;
  width: 0%;
  position: relative;
  top: -1px;
  left: -1px;
}
.quote_custom{
  background: #efefef;
  padding: 5px 10px;
  border-radius: 4px;
  margin-bottom: 5px;
  line-height: 24px;
  color: #000;
}
.quote{
  display: inline-block;

}
.box-alert {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1001;
}
.box-scroll{
  height: 100%;
  overflow: auto;
}
.box-scroll::-webkit-scrollbar-track{
  background: transparent;
}
.box-main {
  max-width: 500px;
  margin: auto;
  padding: 10px;
  box-sizing: border-box;
}
.box-info{
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.box-title {
  padding: 10px;
  color: #999;
  font-size: 13px;
  text-align: center;
}
.box-content{
  padding: 10px;
  padding-top: 0px;
  font-size: 13px;
  color: #999;
}
.box-submit{
  border-top: 1px solid #f1f1f1;
  padding: 5px;
  font-size: 13px;
  text-align: right;
}
.box-submit a.box-button{
  height: 28px;
  display: inline-block;
  border: 1px solid;
  border-color: #efefef #e7e7e7 #d9d9d9;
  font-size: 12px;
  line-height: 12px;
  color: #333;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 4px;
  padding: 7px 16px;
  box-shadow: 0px 1px 0px 0px #f3f3f3;
  outline: 0px;
}

.details-type {
  margin-top: 10px;
  background: #fff;
  padding: 10px;
  border: 1px solid #e3e4e8;
  border-radius: 4px;
}
.code,pre.text {
    background: #232125;
    padding: 10px;
    line-height: 18px;
    color: #fff;
    font-family: monospace;
    font-size: 15px;
    margin: 3px 0px;
    word-break: break-word;
}
.code,pre.text a{
    color: #49ff61;
    text-decoration: none;
}
.code,pre.text span.pink {
    color: #B729D9;
    font-style: italic;
}
.code,pre.text span.orange{
    color: #ffbb3e;
    font-style: italic;
}
.code.wrap,pre.text{
    white-space: pre-wrap;
}
.tips {
    font-size: 12px;
    font-style: italic;
    padding: 10px;
    background: #557fc6;
    color: #fff;
}
.noti-error {
    padding: 10px;
    background: #ffc3c3;
    color: #9d4040;
}
.noti-success {
   padding: 10px;
    background: #6cffa8;
    color: #1d0c0c;
}
.err{
    min-height: 40px;
    padding: 8px 10px;
    line-height: 20px;
    box-sizing: border-box;
    background: #84186c;
    color: #fff;
}
.abia a {
    color: #555;
    position: absolute;
    font: 600 19px Roboto Condensed,sans-serif;
    right: 3px;
    top: 10px;
    letter-spacing: 0;
    padding: 4px 13px;
    display: inline-block;
    background: white;
    margin: 0 0 0 10px;
    border-radius: 4px;
    opacity: .7;
    text-transform: uppercase;
}
.abia:before {
    content: '';
    opacity: .4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(transparent, #050a18);
}
.cover_img{
text-align: center;
bottom:50%}

.admin {
    -webkit-animation: hue 1s linear infinite;
    color: red;
    text-shadow: 0px 0px 1px #FFFF00 !important;
}

.rank2{border:1px solid#FFCC00;border-radius:10px;padding:2px;margin:2px;box-shadow: 1px 1px 7px #FFCC00
}
.lv100{
background:
url("/images/bg13_zps2612a7c5.gif") repeat scroll 0 0%,
url("/images/bg4_zps012f7fcf.gif") repeat scroll 0 0%,
url("/images/bg5_zps9146c4c3.gif") repeat scroll 0 0;
  color: #ff0000;
border:1px solid#FFCC00;border-radius:10px;padding:2px;margin:2px;
font-weight: bold;

}
. lv1{
color: #0052FF;
}
.lv10 {
color: #025A0A;
}

/* heading*/
h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.chat-avatar {float: left;}
.chat-avatar { width: 30px; height: 30px; padding: 1px; background-color: #fff; border: 1px solid rgb(148, 154, 160); border-radius: 50%; margin-right: 5px; }
api-user-avatar { border-radius:50%;}                   
                                      .hide {display:none}
.btn { background: #999966; border: 1px solid #d8d8d8; color: #686868; padding: 4.5px 16px; border-radius: 2px; margin: 3px 0px; outline: 0px; cursor: pointer; font-size: 12px; line-height: 12px; }
.btn2 { background: #999966; border: 1px solid #d8d8d8; color: #000000; padding: 4.5px 5px; border-radius: 2px; margin: 3px 0px; outline: 0px; cursor: pointer; font-size: 12px; line-height: 12px; }
.list-group-item {
    padding: 5px 4px;
    border: 1px solid #abadaf;
    border-top-width: 0;
    background: #999966;
    line-height: 30px;
    padding-left: 10px;
}
header .Logo {
    position: relative;
    font-size: 20px;
    padding: 0px 1px 1px 10px;
    font-weight: bold;
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
}
img, embed { max-width: 100%; vertical-align: text-top; }
.vatar {border-radius: 50%}
a {color: #000000;text-decoration: none;}
.bb_toolbar {background: #666633;}
.bb_group background-color: #666633;}
.bb_group a {background: #666633;}
.form-comment textarea {background: #666633;
    color: #999966;
}
.bb_group {
    display: inline-block;
    background-color: #666633;
    border: 0px solid #ffffff;
    margin: 0 0px;
    border-radius: 3px;
}                                        h1 {
    font-size: 1rem;
    color: darksla;
    font-family: "Berkshire Swash", cursive;
    text-align: center;
}