.list1, .cool {
font-size: 17px;

background-image : url('/images/tmn_1.gif');
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #88beff;
}

.postItem {
font-size: 17px;
background-color: #fff;
padding: 4px 4px 8px 4px;
margin: 4px 0px 4px 0px;
border: 1px solid #afbbd7;
box-shadow: 0px 1px 1px #ccc;
-moz-box-shadow: 0px 1px 1px #ccc;
-webkit-box-shadow: 0px 1px 1px #ccc;
overflow: hidden;
transition: all 0.3s;
-moz-transition: all 0.3s;
}


.bmenu {
font-size: 18px;
color : #fff;
font-weight : bold;
text-shadow : #000000 1px 1px 2px;
background-color : #11bce0;
background-image : url('/images/copy.gif');
background-repeat : repeat-x;
background-position : 70% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 3px;
border : 1px solid #15a8c7;
}


.link{color:#7b68ee}.link:hover{color:#fff200;background:#f9f;box-shadow:0 0 12px #99f inset}


.fmod{ -webkit-animation:hue 1s linear infinite;color: orange;text-shadow: 0px 0px 1px #00FFFF !important;} 
.mod{ -webkit-animation:hue 1s linear infinite;color: #0052FF;text-shadow: 0px 0px 1px #00FFFF !important;}
.smod{ -webkit-animation:hue 1s linear infinite;color: #025A0A;text-shadow: 0px 0px 1px #00FFFF;}
.admin{ -webkit-animation:hue 1s linear infinite;color: red;text-shadow: 0px 0px 1px #FFFF00 !important;}

.float-right {
    float: right;
}
.gray {
    color: #586776;
}
.sub {
    border-top: 1px dotted #c8e9ff;
    font-size: 15px;
    padding-top: 2px;
    margin-top: 6px;
}

a.link {
  background-color: #e4f3fd;
  font-size: 11px;
  color: #fff;
  padding: 1px 2px 1px 2px;
  border: 1px solid #c8e9ff;
}

.postTime {
    border-bottom: 1px dotted #c8e9ff;
    padding: 2px;
    font-size: small;
    color: gray;
    margin-bottom: 6px
}

.red, .red a:link, .red a:visited {
    color: #ff0000;
}
.nreply {
    background-color: #e9ebec;
    border: 1px solid #e9ebec;
    border-left: 4px solid #8394b2;
    color: #878787;
    font-size: 12px;
    padding-left: 6px;
    margin-top: 5px;
    padding: 3px;
}
.icon {
    padding: 3px 3px 3px 1px;
    vertical-align: middle;
}
.icon-inline {
    padding-right: 6px;
    vertical-align: middle;
}
a.button-link {
  background-color: #e4f3fd;
  font-size: 13px;
  color: #fff;
  padding: 1px 1px 1px 2px;
  border: 1px solid #c8e9ff;
}
.status {
    color: #cd853f;
    padding-left: 0;
}
a:link, a:active, a:visited {
color : #176093;
text-decoration : none;
}
a:hover, a:focus {
color : #0066ff;
text-decoration : none;
text-shadow: 0 0 6px #ff4e00;
background-image: url('/images/star.gif');
}



body {
color: #000;
font-family : Tahoma;
font-size: 16px;
border : 1px solid #e1e1e1;
padding : 1px;
margin: auto;
max-width: 700px;
}



textarea {
  width: 98%;
  max-width: 640px
}
input, textarea, select {
color: #000;
background: url('/images/bg_input.png') #fff left bottom repeat-x;
border: 1px solid #88beff;
margin: 1px;
padding: 2px;
max-width: 97%;
}


img {
max-width: 100%;
}
input:hover, textarea:hover, select:hover {
color: #000000;
background-color: #f4f4f4;
border: 1px solid #d7d7d7;
}
input:focus, textarea:focus, select:focus {
color: #000000;
background-color: #edf9fd;
border: 1px solid #c2e3ec;
}
input[type="submit"] {
color: #ffffff;
background: #1895d4 url('/images/til.gif') 50% top repeat-x;
padding: 2px 4px 2px 4px;
border: 1px solid #8fdcff;
}
input[type="submit"]:hover {
color: #000;
background: #1895d4 url('/images/til.gif') 0 top repeat-x;
border: 1px solid #000;
padding: 2px 4px 2px 4px;
}
h3 {
margin : 0;
padding : 0;
padding-bottom : 2px;
}
hr {
margin-top : 2px;
margin-bottom : 2px;
border-top : 1px solid #e3e3e3;
border-right-style : none;
border-right-width : 0;
border-bottom-style : none;
border-bottom-width : 0;
border-left-style : none;
border-left-width : 0;
}
p {
margin-top : 6px;
margin-bottom : 6px;
}
ul {
margin : 0;
padding-left : 20px;
}

.bmenu a {
font-weight:700;
color : #fe8f17;
text-decoration : none;
border-bottom : 1px dotted #979797;
}
.func {
border-left : 4px solid #84e2f8;
color : #757575;
font-size : x-small;
margin-top : 4px;
margin-left : 2px;
padding-left : 4px;
}
.gmenu {
color : #75bf00;
background-color : #fafff0;
background-image : url('/images/gmenu.gif');
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #d4eba1;
}
.gmenu a {
color : #6db900;
border-bottom : 1px dotted #cfe798;
}
.gmenu a:hover {
color : #92e31d;
border-bottom : 1px dotted #e3f0c5;
}
.footer {
color : #ffffff;
text-shadow : #45cdf5 1px 1px 1px;
background-color : #84e2f8;
background-image : url('/images/bmenu.gif');
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #68e1ff;
}
.footer a {
color : #fe8f17;
text-decoration : none;
border-bottom : 1px dotted #979797;
}
.footer a:hover {
color : #fffffff;
text-decoration : none;
border-bottom : 1px dotted #696969;
}
.menu {
background-color: #ebebeb; 
border: 1px solid white; 
margin: 0; 
padding: 3px 4px 3px 4px;
}
.currentpage {
    border: 1px dotted #888888;
    padding: 0 4px 0 4px;
    margin: 1px;
    font-weight: bold;
    display: inline-block;
}
.list2, .row_hard, .c {
    background-color: #f6f6f6;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    border: 1px solid #88beff;
}
.quote {
border-left : 4px solid #c1c1c1;
color : #8787870;
font-size : x-small;
padding : 2px 0 2px 4px;
margin-left : 2px;
}





.note, .unread {
  background: #ff5c5c url(images/note.png) repeat-x top left;
  font-weight: bold;
  padding: 1px 3px 1px 3px;
  color: #fff;
  border: 1px solid #f88;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.rmenu, .alarm {
color : #fd4646;
background-color : #fff0f0;
background-image : url('/images/rmenu.gif');
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #ffd0d0;
}
.tmn, .fmenu {
color : #00bae8;
background-color : #f1f1f1;
background-image : url('/images/tmn.gif');
background-repeat : repeat-x;
background-position : 50% bottom;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border-top : 1px solid #e1e1e1;
border-bottom : 1px solid #e1e1e1;
}
.headerz {
    background-color: #aaffff;
    background-image: url('/images/bautroi.gif');
    background-repeat: repeat x;
    text-align: center;
    border: 1px dashed #0000ff;
    margin: 0;
    padding: 0;
}
.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}
.daik {
    padding-top : 2px;
    background-color: #fff;
    background-position : top;
}
td {
line-height: 15px;
}
#tab {
padding:2px 5px 0 5px;
border-bottom:5px solid #84e2f8;
font-size:12px;
}
#tab a {
color:#494949;
font-weight:bold;
}
#tab tr, #tab td {
height:25px;
padding-top:4px;
}
#tab td {
padding-left:5px;
padding-right:5px;
text-align:center;
}
#tab .active {
background: #84e2f8;
}
#tab .active a {
color:#fff;
}
.page, .filelist_paging {
text-align:left;
padding:2px;
margin:2px;
background: #f6f6f6 repeat-x 50%top;
border: 1px solid #88beff;
}
.page:before, .filelist_paging:before {
content:url('/images/tool.gif');
padding-right:2px;
}
.page a {
    border: 1px dotted #888888;
    padding: 0 4px 0 4px;
    margin: 1px;
    display: inline-block;
}






.tpage {
border:1px dotted #888;
padding: 0px 5px 0px 5px;
margin:1px;
}
.memInfo {
background-color: #e4f3fd;
border-bottom: 1px dotted #c8e9ff;
margin: -4px -4px 4px -4px;
padding: 2px;
overflow: hidden;
transition: all 0.3s;
-moz-transition: all 0.3s;
}
.author {
background: #cfeffc;
margin: 0;
padding: 2px 4px 2px 2px;
border-bottom: 1px solid #a5cae4;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.mod-quote {
background-color: #ddfaff;
border: 1px solid #d7edfc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 6px 2px 2px 3px;
padding: 0;
}
.timePost {
border-top: 1px dotted #c8e9ff;
padding-top: 5px;
font-size: 10px;
color: gray;
margin-top: 6px;
}
.file-attach {
background-color: #fff7eb;
border: 1px solid #f9d9b0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 6px 2px 2px 3px;
padding: 0;
}
.attach {
background: #fadeba;
font-weight: bold;
margin: 0;
padding: 2px 4px 2px 2px;
border-bottom: 1px solid #f9bc6d;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
}
.attach img {
width: 16px;
height: 16px;
margin-right: 2px;
vertical-align: - 2px;
}
.code {
background-color: #E0E6E9;
border: 1px dotted #9FAEBB;
margin-top: 4px;
padding: 0 2px 0 2px;
overflow: auto;
}
.timeP {
border-bottom:1px dotted #c8e9ff;
padding:2px;
font-size:10px;
color:gray;
margin-bottom:6px
}
.edit {
color: #675b5b;
font-size: 11px;
background: #ceceda;
padding: 1px 5px 1px 5px;
border: 1px dotted #4a86a5;
}
.bblist {
color: #4a5663;
background: transparent url(/images/dot.gif) no-repeat left;
padding: 0px 0px 0px 10px;
}
.spoilerhead {
background: #e0e6e9;
border: 1px solid #9fa9b8;
font-size: x-small;
margin-top: 2px;
padding: 2px;
}
.spoilerbody {
border: 1px solid #c1c1c1;
border-top: 0px;
color: #586776;
background-color: rgba(255, 255, 255, 0.3);
margin-bottom: 2px;
padding: 6px;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.bbpopup {
margin-top: 3px;
}
.bbpopup a {
border: 1px solid #a7a7a7;
height: 10px;
display: inline-block;
margin: 1px;
vertical-align: middle;
width: 10px;
}


 * {word-wrap: break-word;} 
.prefix {  
       background: transparent url(/images/22KUAbI.png) repeat-x top;  
       padding: 0px 6px;  
       margin: -1px 0;  
       border: 1px solid transparent;  
       border-radius: 4px; -webkit-border-radius: 4px;  
       -moz-border-radius: 4px;  
       -khtml-border-radius: 4px;  
       display: inline-block;  
  }  
  a.prefixLink:hover {  
       text-decoration: none;  
  }  
  a.prefixLink:hover .prefix {  
       color: #176093;  
       text-decoration: none;  
       background-color: #f0f7fc;  
       padding: 0 6px;  
       border: 1px solid #a5cae4;  
  }  
  .prefix a {  
       color: inherit;  
  }  
  .prefix.prefixPrimary {  
       color: #176093;  
       background-color: #d7edfc;  
       border-color: #d7edfc;  
       margin-right:3px;  
  }  
  .prefix.prefixSecondary {  
       color: #8f6c3f;  
       background-color: #f9d9b0;  
       border-color: #f9d9b0;  
       margin-right:3px;  
  }  
  .prefix.prefixred {  
       color: white;  
       background-color: red;  
       border-color: #F88;  
       margin-right:3px;  
  }  
  .prefix.prefixgreen {  
       color: white;  
       background-color: green;  
       border-color: green;  
       margin-right:3px;  
  }  
  .prefix.prefixOlive {  
       color: black;  
       background-color: olive;  
       border-color: olive;  
       margin-right:3px;  
  }  
  .prefix.prefixTaiVe {  
       color: black;  
       background-color:#2d6987;  
       border-color:#2d6987;  
       margin-right:3px;  
  }  
  .prefix.prefixLightGreen {  
       color: white;  
       background-color: lightgreen;  
       border-color: lightgreen;  
       margin-right:3px;  
  }  
  .prefix.prefixxanh {  
       color: white;  
       background-color: blue;  
       border-color: #88F;  
       margin-right:3px;  
  }  
  .prefix.prefixRoyalBlue {  
       color: black;  
       background-color: royalblue;  
       border-color: #81A9E1;  
       margin-right:3px;  
  }  
  .prefix.prefixblue {  
       color: black;  
       background-color: skyblue;  
       border-color: skyblue;  
       margin-right:3px;  
  }  
  .prefix.prefixGray {  
       color: black;  
       background-color: gray;  
       border-color: #AAA;  
       margin-right:3px;  
  }  
  .prefix.prefixSilver {  
       color: black;  
       background-color: silver;  
       border-color: silver;  
       margin-right:3px;  
  }  
  .prefix.prefixvang {  
       color: red;  
       background-color: yellow;  
       border-color: #E0E000;  
       margin-right:3px;  
  }  
  .prefix.prefixcam {  
       color: white;  
       background-color: orange;  
       border-color: #FFC520;  
       margin-right:3px;  
  }  
  .prefix.prefixpink {  
       color: white;  
       background-color: #ff00ff;  
       border-color: #ff00ff;  
       margin-right:3px;  
  }  
.prefix.prefixnau {  
color: white;  
background-color: #800000;  
border-color: #800000;  
margin-right:3px;  
}
.prefix.prefixviolet {  
color: black;  
background-color: violet;  
border-color: violet;  
margin-right:3px;  
}
span.loading-icon:after {   
       content: "đang tải dữ liệu ...";   
   }
 @-webkit-keyframes hue
{
100% { -webkit-filter:hue-rotate(360deg); }
}