Take some time to read this information before starting to use the administration of your forum:

How to access your administration panel ?
In the top menu, click on Log In, a new page is displayed. Fill in the username "admin" and the password you have choosen during your registration. If you have lost or forgot it, click here. Once you are logged in, click on the link "Administration Panel" at the bottom of the page.

How to modify your board's appearance ?
You can modify your board's appearance by choosing a theme (each theme displays different pictures, colors and icons). To do that, go to the administration panel, then click on Management in the Styles Admin menu and choose one of the displayed themes. You can later change it or choose another one.

How to manage the categories and forums ?
You can add, modify and delete the categories and forums that you have created anytime and without limit. To do that, go to the administration panel, in the management part of the Forum Admin, and click on "Add a link" (a forum or a category). In a first time, we advice you to create test categories and test forums that you will delete later, in order to understand how this tool works.

aaaaaaaaaaaaaaa

Code:

.user-info{padding:5px 10px}
/* Drop menu avatar */
.poster-avatar img{background:#FFF;min-height:122px;max-height:155px;padding:5px;
  width:121px;margin-left:7px}
 .ccdwin img {max-height:95px;}
  
            
           div > .ttdwin, li > .ttdwin, a > .ttdwin, span > .ttdwin {margin-left: 0px;opacity: 0;cursor:help;
  width: 147px;height: 163px;visibility: hidden;
  margin-top: -180px;-webkit-transition-property: opacity, margin-top, visibility,  margin-left;
            
             -webkit-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;-moz-transition-property: opacity, margin-top, visibility, margin-left;-moz-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;-o-transition-property: opacity, margin-top, visibility, margin-left;-o-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;transition-property: opacity, margin-top, visibility, margin-left;transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
            
             }
             div:hover > .ttdwin, li:hover > .ttdwin, a:hover > .ttdwin, span:hover > .ttdwin,a .ttdwin:hover, span .ttdwin:hover, li .ttdwin:hover, div .ttdwin:hover {
             width: 147px;height: 163px;
             margin-top: -145px;opacity: 1;visibility: visible;overflow: visible;display: inline;
             margin-left: 0px;}  
          
.ttdwin img{max-width:147px}
           .ttdwin {background: rgba(254, 255, 253, 0.85);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBFFD0', endColorstr='#DBFFD0',GradientType=0 );color: #04AF15;
  margin-left: -140px;
            position: absolute;font-family: Arial;font-size: 12px;text-decoration: none;font-style: normal;color: #777;box-shadow: 0 2px 1px rgba(0,0,0,0.2);}
           /* span 2*/  
          
div > .ttdwin2, li > .ttdwin2, a > .ttdwin2, span > .ttdwin2 {margin-left: 0px;opacity: 0;cursor:help;
  width: 147px;height: 50px;visibility: hidden;
  margin-top: -190px;-webkit-transition-property: opacity, margin-top, visibility,  margin-left;
            
             -webkit-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;-moz-transition-property: opacity, margin-top, visibility, margin-left;-moz-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;-o-transition-property: opacity, margin-top, visibility, margin-left;-o-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;transition-property: opacity, margin-top, visibility, margin-left;transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
            
             }
             div:hover > .ttdwin2, li:hover > .ttdwin2, a:hover > .ttdwin2, span:hover > .ttdwin2,a .ttdwin2:hover, span .ttdwin2:hover, li .ttdwin2:hover, div .ttdwin2:hover {
             width: 147px;height: 50px;
             margin-top: 5px;opacity: 1;visibility: visible;overflow: visible;display: inline;
             margin-left: 0px;}  
          
.ttdwin2 img{max-width:147px}
           .ttdwin2 {z-index: 999;background: rgba(254, 255, 253, 0.9);padding:10px
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBFFD0', endColorstr='#DBFFD0',GradientType=0 );
  color: #04AF15;
  margin-left: -140px;
            position: absolute;font-family: Arial;font-size: 12px;text-decoration: none;font-style: normal;color: #777;box-shadow: 0 2px 1px rgba(0,0,0,0.2);}
            
          
/* View topic */
.pun .btnPost{border:0;margin:20px 0;padding:0}
.pun .main-content.topic{background:#FFF;border:0 none}
.pun .p-hidden + .post{display:none;border:1px dashed #FFF;background:#999!important}
.post .quoteLink{display:inline-block;height:10px;width:12px;background:url(http://i83.servimg.com/u/f83/16/58/89/73/viewpo10.png) no-repeat transparent;vertical-align:middle;margin-left:3px}
.quoteLink img{display:none!important}
.pun .user.leftname,.pun .posthead, .pun .post-head{height:30px;line-height:26px;border-bottom:1px dashed #F2F2F2;padding:0!important}
.pun .user.leftname{text-align:center;}
.pun .posthead h2{padding:0 1em}
.pun .postfoot .user-contact{left:0;position:absolute;text-align:center;width:150px;z-index:1}
.options-button.user-contact img{width:24px;height:24px;padding:2px}
.pun .post .user{overflow:visible;margin-top:0!important;width:150px;padding:0}
.pun .post .user,.pun .postfoot{margin-left:-150px!important;position:relative}
.postfoot{height:36px}
.pun .postmain{border-color:#f3f3f3;margin-left:150px!important;background: #FFF}
.entry-content img{max-width:100%;border:1px solid #999;padding:2px}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur), -webkit-zoom-in;margin:0 auto}
.prevnext{position:absolute;right:245px;font-size:16px;bottom:-5px}
.prevnext a{display:inline-block;height:16px;font-weight:600;line-height:16px;color:#999!important}
.prevnext .next{background:url(http://i56.servimg.com/u/f56/18/59/49/93/next_i10.png) no-repeat scroll right -16px transparent;padding-right:18px}
.prevnext .prev{background:url(http://i56.servimg.com/u/f56/18/59/49/93/prev_i10.png) no-repeat scroll 0 -16px transparent;padding-left:18px}
.prevnext .prev:hover{background-position:0 0;color:#CA01BA!important}
.prevnext .next:hover{background-position:100% 0;color:#CA01BA!important}
.user.leftname a{text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF}
.pun .post{border:1px solid #CCC;background:#CCC;margin:10px 0}
.main-content.topic > .post[data-rank^="Thành viên bị cấm"]{opacity:0.1}
.main-content.topic > .post[data-rank^="Sáng lập viên"]{background:#FFF;border-color:#666}
.main-content.topic > .post[data-rank^="Quản trị viên"]{background:#FC9696;border-color:#FC9696}
.main-content.topic > .post[data-rank^="Nhân viên"]{background:#EE89B1;border-color:#EE89B1}
.main-content.topic > .post[data-rank^="Quản lý viên"]{background:#54975C;border-color:#54975C}
.main-content.topic > .post[data-rank^="Phát triển viên"]{background:#87C7E6;border-color:#87C7E6}
.main-content.topic > .post[data-rank^="Thành viên nòng cốt"]{background:#D996FF;border-color:#D996FF}
.main-content.topic > .post[data-rank^="Thành viên kỳ cựu"]{background:#579B9B;border-color:#579B9B}
.main-content.topic > .post[data-rank^="Thành viên tích cực"]{background:#BD70A2;border-color:#BD70A2}
.main-content.topic > .post[data-rank^="Thành viên gắn bó"]{background:#FFC398;border-color:#FFC398}
.main-content.topic > .post[data-rank^="Thành viên thân thiết"]{background:#7C9DD1;border-color:#7C9DD1}
.main-content.topic > .post[data-rank^="Thành viên quen thuộc"]{background:#95AD67;border-color:#95AD67}
.main-content.topic > .post[data-rank^="Thành viên chính thức"]{background:#A78D8D;border-color:#A78D8D}
.pun .post:hover {border-left-color:#359bed!important}

.vote-Zzbaivong, .vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{margin-left:13em} /* 13em là khoảng cách đến mép trái, sửa nó về 0 hoặc số khác nếu bị lệch */
.vote-Zzbaivong{float:left;height:26px;line-height:24px;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-minus-post{left:120px}
.vote-note{height:20px;line-height:20px;font-size:11px;background:#ffffd3;border:1px solid #F7EB93;margin-bottom:2px;padding:0 5px}
.vote-mess{width:200px;resize:vertical;min-height:40px;height:40px}
.vote-Zzbaivong .vote-send{width:36px;margin-top:0!important;margin-left:2px;cursor:pointer;text-align:center;vertical-align:top;height:40px;background:#0085FF;border:1px #87CEEB;color:#FFF}
.vote-plus-post:before,.vote-minus-post:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E2E2E2;position:absolute;left:10px;width:10px;right:-10px;top:-10px}
.vote-plus-post:after,.vote-minus-post:after{content:'';display:inline-block;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;position:absolute;left:11px;right:-9px;width:9px;top:-9px}
.vote-plus{background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png) no-repeat 5px 2px #deeaf7;height:24px;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:0 5px 0 25px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);border-color:#CCC}
.vote-time{position:relative;border-radius:2px;display:inline-block;height:24px;line-height:22px;border:1px solid #D8D7D7;margin:auto 5px;padding:0 5px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:5px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:6px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}






.tile2[alt="Code"] {
  background-color: #8683AF;
height: 113px;
width: 224px;
}
.tile2[alt="Skins Punbb"] {
  background-color: #4840BB;
height: 113px;
width: 224px;
}
.tile2[alt="Tài nguyên khác"] {
  background-color: #060238;
height: 113px;
width: 224px;
}
.tile2[alt="Yêu cầu skin"] {
  background-color: #A31AD8;
height: 113px;
width: 224px;
}
.tile2[alt="Hỏi-Đáp"] {
  background-color: #DF5CBF;
height: 113px;
width: 224px;
}
.tile2[alt="Banner"] {
  background-color: #40B365;
height: 113px;
width: 224px;
}
.tile2[alt="Rank"] {
  background-color: #77AA88;
height: 113px;
width: 224px;
}
.tile2[alt="Hình nền PC"] {
  background-color: #0E8B38;
height: 113px;
width: 224px;
}
.tile2[alt="Phim Online"] {
  background-color: #367E0E;
height: 113px;
width: 224px;
}
.tile2[alt="Phim Bộ"] {
  background-color: #71975C;
height: 113px;
width: 224px;
}
.tile2[alt="Giới thiệu phim mới và Trailer"] {
  background-color: #728D7F;
height: 113px;
width: 224px;
}
.tile2[alt="Download Phim"] {
  background-color: #14442B;
height: 113px;
width: 224px;
}
.tile2[alt="Phần mềm Tiếng Việt"] {
  background-color: #701313;
height: 113px;
width: 224px;
}
.tile2[alt="Phần mềm Hệ thống & Bảo mật"] {
  background-color: #3F3D21;
height: 113px;
width: 224px;
}
.tile2[alt="Phần mềm Desktop & Văn phòng"] {
  background-color: #AAA33E;
height: 113px;
width: 224px;
}
.tile2[alt="Hệ Điều Hành - PC"] {
  background-color: #A1AA3E;
height: 113px;
width: 224px;
}
.tile2[alt="Thủ Thuật PC"] {
  background-color: #516F26;
height: 113px;
width: 224px;
}
.tile2[alt="Các Phần mềm khác"] {
  background-color: #011F20;
height: 113px;
width: 224px;;
}
.tile2[alt="Tin tức - các thể loại kinh dị khác"] {
  background-color: #CE0073;
height: 115px;
width: 233px;
}
.tile2[alt="Tin tức 24/24"] {
  background-color: #C981E0;
height: 115px;
  width: 220px;
}
.tile2[alt="Fan Naruto"] {
  background-color: #011F20;
height: 115px;
width: 220px;;
}
.tile2[alt="One Piece"] {
  background-color: #74E6B4;
height: 115px;
width: 233px;
}
.tile2[alt="Clip Funny"] {
  background-color: #A3B837;
height: 115px;
width: 220px;
}
.tile2[alt="Clip Kinh dị"] {
  background-color: #E08181;
height: 115px;
width: 220px;
}
.tile2[alt="Tranh ảnh"] {
  background-color: #485C3A;
height: 115px;
width: 233px;
}
.tile2[alt="Truyện tranh"] {
  background-color: #95AF83;
height: 115px;
width: 220px;
}
.tile2[alt="Music - I like"] {
background-color: #265307;
height: 115px;
width: 220px;
}
.tile2[alt="DownLoad Game PC"] {
background-color: #B60202;
height: 115px;
width: 230px;
}
.tile2[alt="Game Thể Thao"] {
background-color: #B67C02;
height: 115px;
width: 220px;
}
.tile2[alt="[Jx] Võ Lâm Private"] {
background-color: #CEC68A;
height: 115px;
width: 220px;
}
.tile2[alt="Mu Online Private"] {
background-color: #B45B5B;
height: 115px;
width: 234px;
}
.tile2[alt="Võ Lâm Chi Mộng Private"] {
background-color: #FF0000;
height: 115px;
width: 220px;
}
.tile2[alt="Tòa Án V-Game"] {
background-color: rgb(184, 116, 35);
height: 115px;
width: 220px;
}
.tile2[alt="Thông Báo Tuyển Dụng"] {
  background-color: rgb(201, 30, 30);
  height: 111px;
width: 454px;

}
.tile2[alt="Thông Báo Từ BQT"] {
background-color: transparent;
background-image: url(http://span.vn/images/game2.jpg);
height: 235px;
width: 229px;
}
.tile2[alt="Hướng dẫn-Giải Đáp"] {
background-color: #066495;
  height: 115px;
width: 222px;
}
.tile2[alt="Góp Ý - Khiếu Nại"] {
  background-color: #404a5b;
height: 115px;
width: 222px;
}
.tile2[alt="Lưu Trữ Event"] {
background-color: #A2B4B8;
  height: 115px;
width: 229px;
}
.tile2[alt="Gunny Private"] {
background-color: #ACA731;
  height: 115px;
width: 341px;
}
.tile2[alt="Kiếm Thế Private"] {
background-color: #5F3405;
  height: 115px;
width: 343px;
}
.tile2[alt="Đột Kích Private"] {
background-color: #9B5912;
  height: 115px;
width: 341px;
}
.tile2[alt="Các Game Private Khác"] {
background-color: #13505B;
  height: 115px;
width: 343px;
}

.tile2[alt="Đại Sảnh Thảo Luận Chung"] {
background-color: #182224;
  height: 115px;
width: 341px;
}
.tile2[alt="MMORPG & Casual Game"] {
background-color: #0C0542;
  height: 115px;
width: 343px;
}
a[href="/u62"] strong {
  color: #E282DA;}
/* nền nick */
a[href="/u62"]{background:url(http://forum.ragezone.com/images/backround6.gif);}
  a[href="/u999999"]{background:url(http://img.org.vcdn.vn/bbo/images/data/8-9%20bum/IDDeco_C272.gif);}
 /* trang trí group */
 span[style="color:#FF0000"]
strong { color: white;}
span[style="color:#FF0000"] {
text-shadow: 0 0 0.3em #FF0000, 0 0 0.4em #FF0000, 0 0 0.5em #FF0000;
color: #FF0000;}
span[style="color:#0015FF"]
strong { color: white;}
span[style="color:#0015FF"] {
text-shadow: 0 0 0.3em #0015FF, 0 0 0.4em #0015FF, 0 0 0.5em #0015FF;
color: #0015FF;}
span[style="color:#FF9900"]
strong { color: white;}
span[style="color:#FF9900"] {
text-shadow: 0 0 0.3em #FF9900, 0 0 0.4em #FF9900, 0 0 0.5em #FF9900;
color: #FF9900;}
span[style="color:#00DE34"] {
text-shadow: 0 0 0.3em #00DE34, 0 0 0.4em #00DE34, 0 0 0.5em #00DE34;
color: #00DE34;}
span[style="color:#00DE34"]
strong { color: white;}

#field_id2{
  display:none;
}
/* font-bucnong */ a[href="/u62"] strong {
font: 16px ;
  font-family: 'Noto Sans',sans-serif;
}
/*chatboxbxq*/
#chatbox span[title] {float: right !important;}

/*end*/
body{font-family:'Noto Sans',sans-serif;font-size: 13px;}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local('Noto Sans'),local('NotoSans'),url(http://themes.googleusercontent.com/static/fonts/notosans/v4/mTzVK0-EJOCaJiOPeaz-hz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}
a[href="/u62"] span:after {content: url(http://1.bp.blogspot.com/-NuySgh7k_iY/UVKw7XLq1xI/AAAAAAAAE0U/hNF9iaE4qDc/s320/nameicon_143205.gif);}
a[href="/u62"] span:before {content: url(http://tkfiles.storage.msn.com/x1p4duNwsPlMCwxdbWPxTXkNYaiVxKFwx3be-96BhioBbm1FGzCwLLMrPXMFnpfkSwInKeTtS9UZ3cPOl5Oz-tF7vY3zfS4LN_6cTCZxM9VAAU);}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: 'Noto Sans',sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
@media print {
   /* your print styles go here */
   #header, #footer, #menu { display: none; }

   body { font: 12pt georgia,serif; }
   h1 { font-size: 18pt; }
   h2 { font-size: 16pt; color: #000; }
}
/* Spoiler + code + quote */
.codebox{background:transparent;border:0 none;margin:0 0 10px;box-shadow: 0px 0px 0px #000!important;border-radius:0px !important}
.codebox dd{background:transparent;margin:0;padding:0}
.codebox > dt{position:relative;background:url(http://i83.servimg.com/u/f83/16/58/89/73/page_w10.png) no-repeat scroll 10px center #777;color:#FFF;border:1px solid #e2e2e2;height:30px;border-bottom-width:0;line-height:26px;padding:2px 10px 0 30px;width:90px}
.codebox dd.cont_code{background:#FFF;position:relative;border:1px solid #e2e2e2}
.cont_code > code{overflow:auto;white-space:pre;display:block;line-height:17px;padding:10px}
.codebox.spoiler{border:1px solid #e2e2e2}
.codebox.spoiler > dt{border:0;background:url(http://i83.servimg.com/u/f83/16/58/89/73/icon-a10.gif) no-repeat 10px center #777;width:95.5%}
.codebox > dt:hover{color:#333;background-color:#F2F2F2}
.spoiler_content{color:#333;margin:10px 20px}
blockquote cite{font-size:13px;text-decoration:italic;background:url(http://i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent!important;margin:0!important;padding:0 0 3px 20px;font-weight:bold;}
blockquote{border:1px solid!important;border-color:#DDD!important;color:#333;position:relative;margin:0 0 10px 10px;padding:10px 15px!important;background:transparent!important}
blockquote:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #CCC;position:absolute;top:10px;left:-10px}
blockquote:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-9px}
/* Crumbs */
.pun-crumbs{background:#adc1cd;margin:0!important;padding:7.1px}
.pun-crumbs p{font-size:0}
.pun-crumbs a{background:#adc1cd;box-shadow:inset 0 0 1px rgba(255,255,255,1),1px 1px 2px rgba(0,0,0,0.1);color:#FFF!important;font-size:12px;margin-right:10px;padding:11px}
#pun-about ul{opacity:.09}
.pun-crumbs a:hover{background:#c5d6e0}
.module .main-content {
padding: 1em;
display: none;
}
/* notices */
.overlay {
position: fixed;
width: 100%;
height: 2000px;
background-color: rgba(0,0,0,.6);
z-index: 9;
display: none;
top: 0;
left: 0;
opacity: 1;
}
/* Tooltip*/
#tooltip .statusAva{margin:0;max-width:70px}
#tooltip{background-color:#FFF;border:2px solid #d9a102;color:#131313;max-width:550px;padding:10px}

.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
border-bottom: 1px solid rgb(215, 215, 215);
border-top-right-radius: 3px;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset #fff 0px 1px 0px;
-moz-box-shadow: inset #fff 0px 1px 0px;
-khtml-box-shadow: inset #fff 0px 1px 0px;
box-shadow: inset #fff 0px 1px 0px;
}
.sidebar {
float: right;
font-size: 11px;
width: 260px;
}
.sidebar .visitorPanel {
overflow: hidden;
zoom: 1;
}.section {
margin: 10px auto;
}.sidebar .section .primaryContent, .sidebar .section .secondaryContent {
-webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
-khtml-box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
background: rgb(255, 255, 255);
}.secondaryContent {
padding: 10px 5px;
border-bottom: 1px solid rgb(215, 215, 215);
border: 1px solid #d2d2d2;
}

#submenu a[href*="/forum"]{box-shadow:inset 0 13px 12px rgba(0,0,0,0.2);color: #f40;text-shadow: 1px 1px 0 #012830;}


#botmenu {border-top:2px solid #f40;background: url(http://i.imgur.com/07BYJ9r.png);font-family: Tahoma,Arial, verdana,Century gothic, sans-serif;font-size: 13px;
  height: 60px;margin: 0 auto;;width:1004px;margin-top:40px}

#submenu {margin-top:-10px;
color: #fff;

font-size: 11px;

padding: 0;

}
#submenu ul {
   width:990px;margin: 0 auto;
} #submenu ul li a {font-weight:bold;
   color: #fff;margin: 0;padding: 13px 12px;font-size: 12px;
   display: inline-block;float: left;
}#submenu .current_page_item a, #submenu li a:active, #submenu li a:hover
{box-shadow:inset 0 14px 10px rgba(0,0,0,0.2);color: #f40;text-shadow: 1px 1px 0 #012830;}

.rightMenu {float: right;padding: 0 10px;right:10px;list-style: none;}

#search {background: #373737;border: 1px solid #444;padding: 0;right: 10px;margin-top: -38px;width: 240px;}
#search form {margin: 0;padding: 0;}
#s {background: #373737;border: none;outline: none;color: #fff;display: inline;float: left;font-family: Tahoma,Arial,Helvetica,sans-serif;font-size: 100%;font-style: normal;font-variant: normal;font-weight: normal;height: 20px;margin: 0 0 0 3px;padding: 5px;width: 190px;}
#searchsubmit {background: url(http://i14.servimg.com/u/f14/17/46/28/84/sbutto10.png);border: none;color: #fff;cursor: pointer;display: block;float: right;height: 16px!important;margin: 8px 7px 0 0;padding: 5px!important;width: 16px;}
#content .pageContent { border-radius: 0px 0px 0px 0px;
background-color: #fff;
padding: 10px;
margin-top:-89px;
  margin-bottom:100px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
#header .pageWidth .pageContent {
zoom: 1;
}
.pageWidth {
margin: 0 auto;
width: 986px;
}
#logo {
display: block;
float: left;

height: 100px;
max-width: 100%;
vertical-align: middle;
}
a:link, a:visited {
color: #555555;
text-decoration: none;
}
#logo {
line-height: 126px;
}
#logo img {
vertical-align: middle;
max-width: 100%;
  margin-top: 125px;

}
fieldset, img {
border: 0;
}
#header .pageWidth .pageContent:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#navigation {
   background: #222222;
   height: 0px;
   margin-bottom: 70px;
}
#navigation .pageContent
{
   background: #292929;
   height:0px;
   
   position: relative;
}
#navigation .menuIcon
{
   position: relative;
   font-size:18px;
   width: .9em;
   display: inline-block;
   text-indent: -9999px;
}






.tile.mini .name{left:5px;width:110px}
.frtopic{
  background-color:transparent!important;
  top:15px;
  font-weight:600;position:absolute;right:35px;text-align:right}
.showminibox{
  background-color:#333!important;
  top:50px;
  font-weight:600;position:absolute;right:5px;text-align:right}
.lastpost{color:#DDD;font-size:12px;font-style:italic;height:90px;left:1px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:-120px;transition:top 1s ease 0;white-space:nowrap;width:248px;padding:0 15px}
.lastpost > strong:before{content:"@ ";font-size:13px;font-weight:700}
.tile.mini .lastpost{font-size:12px;padding:0 5px;width:110px}
.tile.mini .frtopic,.tile:hover .tile-content{top:120px}
.replytopic .dd-textarea {
margin-left: 0em;
}
body a {
text-decoration: none;
}
.pun #newpostul:hover {
background: rgb(172, 243, 235);
}
html, body, ul, ol, form, blockquote, dl, dd, img, h1, h2, h4, h5, h6, img {
margin: 0;
padding: 0;
list-style: none;
border: none;
}
#metro-screen {
bottom: 44px;
top: 100px;
width: 966px;

}
.page-content {
height: 100%;
left: 120px;
margin: 10px 0;
opacity: 0;
width: 73%;
 margin-bottom:10px
}
.tile2{
  overflow:hidden;
  background-color:#525252;
  box-shadow:0 0 2px #FFC inset;color:#FFF;float:left;
  height:113px;letter-spacing:.02em;line-height:14pt;
  margin:10 10px 0px 0;position:relative;text-decoration:none;width:224px}
.tile2.mini{width:120px}
.tile2:hover{outline: px solid rgba(34, 90, 104, 0.3);}
.tile2 *{background-color:inherit!important;color:#FFF;
float: left;
font-family: 'Segoe UI',Tahoma,Arial,Verdana,Sans-Serif;
font-size: 9pt;
font-weight: 400;
}.tile2-content img{height:64px;padding:0 10px 10px 0;width:64px}
.tile2.mini .tile2-content img{left:50%;margin-left:-32px;margin-top:-4px;padding:0;position:absolute;top:50%}
.tile2 .tile2-content{
  margin-top: 0px;
  font-size:9pt;
  font-weight:400;height:90px;left:2px;line-height:16px;
  overflow:hidden;padding:10px 15px;position:relative;
  text-align:justify;text-overflow:ellipsis;top:2px;vertical-align:top;
width: 206px;
}
.tile2.mini .tile2-content{
  height:116px;text-indent:-9999px;width:116px}
.tile2 .name{font-style: italic;
font-weight: bold;background-color:transparent!important;bottom:5px;font-size:8pt;font-weight:400;left:15px;line-height:11pt;position:absolute;width:200px}.tile2.mini .name{left:5px;width:110px}

.lastpost{left:15px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:-120px;white-space:nowrap;width:200px}.lastpost > strong:before{content:"@ ";font-size:13px;font-weight:700}.tile.mini .lastpost{font-size:12px;left:5px;width:110px}
.tile2 .tile2-content,.tile2.mini .frtopic,.tile2:hover .tile-content,.tile2:hover .lastpost,.tile2.mini .frtopic,.tile2:hover .tile2-content{
}
.tile2.mini .frtopic,.tile2:hover .tile2-content{
-webkit-transition: top 1s ease;
top: -5px;
transition: top 1s ease;
}
.lastpost a[href=""]:before{content:"KhĂ´ng cĂ³ bĂ i viết";cursor:default;pointer-events:none}.
/*xóa gạch chân link*/
a:link,a:active,a:visited {
    text-decoration: none;
    }

a:hover{
  text-decoration: none !important;
    }
body {
background-attachment: scroll;
background-color: #f5eedb;
background-image: url(http://i.imgur.com/2DKkhu9.jpg);
color: #333;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
  background-repeat: no-repeat;
background-position: top;
}
#iframeGame {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 200px;
}
#sideBar {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 200px;
    z-index: 3;
}
#sideBarIn {
    background: #30414b url(http://i.imgur.com/i4BXjTq.png) no-repeat;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 200px;
   height: 1100px;
}
#sideBarIn iframe {
    width: 160px;
   margin: 13px 0 0 20px;
}
.NapThe {
   background: url(http://i.imgur.com/YOUgG0v.png) no-repeat;
   display: block;
   width: 160px;
   height: 40px;
   margin: 20px 0px 0 15px;
   text-indent: -9999px;
}
.NapThe:hover {
   background-position: 0 -40px;
}
a.CloseBtn:link, a.CloseBtn:visited {
background: url(http://i.imgur.com/tM8RgoS.png) no-repeat;
display: block;
height: 31px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 300px;
width: 20px;
z-index: 10;
}
a.OpenBtn:link, a.OpenBtn:visited {
background: url(http://i.imgur.com/tM8RgoS.png) -20px 0 no-repeat;
display: block;
height: 31px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 300px;
width: 20px;
z-index: 50;
}
a.CloseBtn:hover {
    background-position: 0 -31px;
}
a.OpenBtn:hover {
    background-position: -20px -31px;
}
a.CloseBtn:focus, a.OpenBtn:focus, a.CloseBtnBot:focus, a.OpenBtnBot:focus {
    outline: medium none;
}
/* User action */
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
/*chatbox*/
#chatbox p[class*="chatbox_row"] {background:#FFF ;margin-bottom: 1px;border-top: 1px solid #ddd;}
#chatbox_messenger_form .right:last-child {margin: 2px;position: absolute;left: 4px;}
#chatbox_messenger_form .right .fontbutton {border: 1px solid #ccc;border-radius: 2px;margin-right: 5px;}
#chatbox_messenger_form .right .fontbutton#divcolor {padding: 3px 1px;}
.chatbox {background: #fff;}
.chatbox-title {padding: 3px 10px;font-size: 13px;font-weight: bold;}
.chatbox-title a {color: #fff}
.chatbox-options {margin: 1px;}
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
#chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}
#chatbox_members {
   left: -160px;background-color: #fff;z-index: 1;
   border-right: 3px solid #ddd;position: fixed;opacity: 0;
} #chatbox_members:hover {left: 0;opacity: 1;}
#chatbox {left: 0;bottom: 39px;}
#chatbox_footer {background-color: #fff;border-top: 1px solid #ddd;z-index: 3;}
#chatbox_footer input[name="submit_button"] {height: 28px;}
#chatbox_bottom {min-height: 500px!important;}
#chatbox img[src*="r12.imgfast.net"]{
border:0px;padding:0px;margin-top:0px;
}
#chatbox {background: #FFF!important;font-family: Comic Sans Ms;font-size: 13px;}
#chatbox_messenger_form{margin-top:2px}.chatbox-title{font-weight:300;padding:7px 5px 0!important}
#chatbox_footer #submit_button{background:#359BED!important;color:#FFF;height:30px!important;
  padding:4px 8px!important}
#chatbox_footer {background-color: #fff;border-top: 1px solid #ddd;z-index: 3;}
#chatbox_footer input[name="submit_button"] {height: 28px;}
#chatbox_bottom {min-height: 500px!important;}
#chatbox_header.main-head{background: url(http://i.imgur.com/qafPC7V.png) repeat;}
#chatbox img {
max-width:200px;
margin-top:4px;
}
#mbt-menu,#mbt-menu ul{list-style:none;margin:0;padding:0}
#mbt-menu{background:#444 url(http://i77.servimg.com/u/f77/16/55/90/36/bg_rep10.jpg);border:1.5px solid #000;border-radius:5px;
  margin-left:0;position:fixed;width:978px!important;z-index:998;zoom:1}#mbt-menu:after,#mbt-menu:before{content:"";display:table}#mbt-menu:after{clear:both}#mbt-menu li{-moz-box-shadow:1px 0 0 #444;-webkit-box-shadow:1px 0 0 #444;border-right:1px solid #222;box-shadow:1px 0 0 #444;float:left;position:relative}#mbt-menu a{color:#f5fffa;float:left;font-family:Arial,Helvetica;font-size:12px;font-style:normal;font-variant:normal;font-weight:700;padding:12px 25px;text-decoration:none;text-shadow:0 0 0 #111,0 0 .5em #306EFF,0 0 .4em #306EFF;text-transform:uppercase}#mbt-menu li:hover > a{-moz-border-radius:4px;-moz-box-shadow:inset 0 0 10px #EEE;-webkit-border-radius:4px;-webkit-box-shadow:inset 0 0 10px #EEE;border-image:initial;border-radius:4px;box-shadow:inset 0 0 10px #EEE;color:#f5fffa;text-shadow:0 0 0 #111,0 0 .5em Orange,0 0 .4em Orange}*html #mbt-menu li a:hover{color:#fafafa}#mbt-menu ul{-moz-border-radius:3px;-moz-box-shadow:0 -1px rgba(255,255,255,.3);-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-border-radius:3px;-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);-webkit-transition:all .2s ease-in-out;_margin:0;background:linear-gradient(#444,#111);border-radius:3px;box-shadow:0 -1px 0 rgba(255,255,255,.3);left:0;margin:20px 0 0;opacity:0;position:absolute;top:38px;transition:all .2s ease-in-out;visibility:hidden;z-index:999}#mbt-menu li:hover > ul{margin:0;opacity:1;visibility:visible}#mbt-menu ul ul{-moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);_margin:0;box-shadow:-1px 0 0 rgba(255,255,255,.3);left:150px;margin:0 0 0 20px;top:0}#mbt-menu ul li{-moz-box-shadow:0 1px 0 #111,0 2px 0 #666;-webkit-box-shadow:0 1px 0 #111,0 2px 0 #666;_line-height:0;border:0;box-shadow:0 1px 0 #111,0 2px 0 #666;display:block;float:none}#mbt-menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#mbt-menu ul a{_height:10px;display:block;float:none;padding:10px;text-transform:none;white-space:nowrap;
  width:130px}#mbt-menu ul a:hover{background-color:#0186ba;background-image:linear-gradient(#04acec,#0186ba)}#mbt-menu ul li:first-child > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}#mbt-menu ul li:first-child > a:after{border-bottom:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;content:'';left:40px;position:absolute;top:-6px}#mbt-menu ul ul li:first-child a:after{border-bottom:6px solid transparent;border-left:0;border-right:6px solid #3b3b3b;border-top:6px solid transparent;left:-6px;margin-top:-6px;top:50%}#mbt-menu ul li:first-child a:hover:after{border-bottom-color:#04acec}#mbt-menu ul ul li:first-child a:hover:after{border-bottom-color:transparent;border-right-color:#0299d3}#mbt-menu ul li:last-child > a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}a,a:hover,a:link{text-decoration:none!important}
#chatbox_main_options{margin-top:6px}#chatbox_footer{padding:3px 0}#message,#submit_button{border:1px solid #A8A8A8;border-width:1px;height:24px!important;line-height:22px!important;padding:2px 5px!important}
#message{width:680px}
#message:hover{background:#FFF}
#chatbox_messenger_form{margin-top:2px}.chatbox-title{font-weight:300;padding:7px 5px 0!important}
#chatbox p[class*="chatbox_row"] {background:#FFF ;margin-bottom: 1px;border-top: 1px solid #ddd;}
#chatbox_messenger_form .right:last-child{-webkit-transition:all .3s;}
#chatbox_messenger_form .right:first-child{color:transparent}
#show_color{display:block!important;height:0px;width:20px}
#onlinelist {
background: #fff url(http://1.bp.blogspot.com/-qhCW70xAXgo/Udw9VuWuHtI/AAAAAAAAAMs/C71MZpG2SnM/s1600/neko_anime_girl_png_by_thewhitedevil66-d41a8kt.png) no-repeat right top;
background-size: auto 150%;
}

.catcol .page-title h2{background: url(http://i.imgur.com/qafPC7V.png) repeat;
  font-weight:bold;color: #fff;
                font-size: 13px;
    margin-bottom: 0px; padding: 9.5px 2px;
                  width: 689px;
}
.catcol23 .page-title123 h2{background: url(http://i.imgur.com/qafPC7V.png) repeat;
  font-weight:bold;color: #fff;
                font-size: 13px;
    margin-bottom: 0px; padding: 9.5px 2px;
                
}
.catcol123 .page-title h2{color: #fff;background: url(http://i.imgur.com/qafPC7V.png) repeat;
                font-size: 13px;  
    padding: 9.5px;  margin-bottom: 0px;width:242px
    
}
.catcol123 .page-title h1{color: #fff;background: url(http://i.imgur.com/qafPC7V.png) repeat;
                font-size: 13px;
    padding: 9.5px;  margin-bottom: 0px;width:242px
}
.catcol123 .page-title h3{color: #fff;background: url(http://i.imgur.com/qafPC7V.png) repeat;
                font-size: 13px;
    padding: 9.5px;  margin-bottom: 0px;width:242px
}
/*footer*/
#pun-foot::before {content: " ";border-left: 7px solid rgba(0, 0, 0, 0);  border-top: 7px solid rgba(0, 0, 0, 0);  border-bottom: 7px solid #444444;float: left;position: relative;left: 0px;top: -14px;}
#pun-foot::after {content: " ";border-right: 7px solid rgba(0, 0, 0, 0);border-top: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid #444;float: right;position: absolute;right: 0;top: -14px;}
#pun-foot {border-bottom:2px solid #f40;width: 1000px;margin: auto;position: relative;border: 0;background: #111213;margin-left:-17px;margin-bottom:-20px}
#pun-about #qjump {display: none;}
.genbloq {background: #000000;  border-bottom: 1px solid rgba(255, 255, 255, 0.06);    padding: 10px 10px 8px;  border-radius: 3px;    overflow: hidden;clear: left;height: 20px;}
.textcc {font: normal 9px verdana;float: left;color: #878DA8;margin-top: 3px;}
#linkfa {float: right;display: block;max-width: 520px;height: 20px;outline-style: none;overflow: hidden;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;margin-right: 23px;}
#pun-about ul li {display: inherit;}
#pun-about {margin: auto;position: relative;width: 940px;background: none;border: none;text-align: right}
#pun-foot ul li a {color: #fff!important;font-weight: normal;font-size: 11px;}
#pun-foot ul li a:hover {color: #c8dbe8!important;text-shadow: 0 0 3px rgba(200,220,255, 0.3);}


/* zzAnnouncement v0.1 by zzbaivong (http://devs.forumvi.com) */
#zzTicker_new,#zzTicker{display:none}
#zzAnnouncement{border-left:1px solid #DDD;border-top:1px solid #DDD;position:fixed;right:0;bottom:0;width:300px;padding:5px 20px;font-family:monospace;z-index:888}
#zzAnnouncement,.zzAnnouncement-list > li{background:#333;color:#FFF}
.zzAnnouncement-title{height:26px;line-height:30px}
.zzAnnouncement-title > h2{font-size:22px;font-weight:300;text-transform:uppercase;color:#ff0;padding-left:30px;background:url(http://i.imgur.com/n3kolMS.png) no-repeat 0 center transparent}
.zzAnnouncement-button{position:absolute;right:0;top:0}
.zzAnnouncement-button > div{width:30px;height:30px;text-indent:-9999px;background:none no-repeat center center #2559FD;float:right;margin:3px 3px 3px 0}
.zzAnnouncement-button > div.zzAnnouncement-toggle{background-image:url(http://i.imgur.com/1bDKWJT.png)}
.zzAnnouncement-button > div.zzAnnouncement-close{background-color:#FF3737}
.zzAnnouncement-button > div:hover{cursor:pointer;background-color:#666;-webkit-transition:background 300ms;transition:background 300ms}
.zzAnnouncement-content{margin:18px 0 10px;overflow:hidden}
.zzAnnouncement-list{position:relative;overflow:hidden}
.zzAnnouncement-list > li{width:100%;list-style:none;position:relative;-webkit-transition:all 300ms;transition:all 300ms}
.zzAnnouncement-list > li.show{z-index:10}
.zzAnnouncement-list.zztop > li{left:0;top:-100%}
.zzAnnouncement-list.zztop > li.show{top:0}
.zzAnnouncement-list.zzbottom > li{left:0;bottom:-100%}
.zzAnnouncement-list.zzbottom > li.show{bottom:0}
.zzAnnouncement-list.zzleft > li{top:0;left:-100%}
.zzAnnouncement-list.zzleft > li.show{left:0}
.zzAnnouncement-list.zzright > li{top:0;right:-100%}
.zzAnnouncement-list.zzright > li.show{right:0}
.zzAnnouncement-paging{height:20px;line-height:20px;text-align:center;margin-top:15px}
.zzAnnouncement-paging > span{padding:2px 5px;margin:0 3px;background:#666;cursor:pointer}
.zzAnnouncement-paging > span:hover,.zzAnnouncement-paging > span.active{background:#C03AFF}

Code:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
      }
   });
});
 
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
    
   return false;
};
 
//]]>
</script>
 
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <!-- END switch_plus_menu -->    
    <li>
      <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">
        {L_SHARE}
      </a>
    </li>
    <li>
      <a href="{U_SEARCH_NEW}">
        {L_SEARCH_NEW}
      </a>
    </li>
    <li>
      <a href="{U_SEARCH_SELF}">
        {L_SEARCH_SELF}
      </a>
    </li>
    <!-- BEGIN watchtopic -->
    <li>
      {S_WATCH_TOPIC}
    </li>
    <!-- END watchtopic -->
  </ul>
  <p>
    {LOGGED_AS}. {LAST_VISIT_DATE}
  </p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>
    {L_NOT_CONNECTED} {L_LOGIN_REGISTER}
  </p>
</div>
<!-- END switch_user_logged_out -->
 
<div class="pun-crumbs noprint">
  <p class="crumbs">
    <a href="{U_INDEX}">
      {L_INDEX}
    </a>
    {NAV_CAT_DESC} »
    <strong>
      <a href="{TOPIC_URL}">
        {TOPIC_TITLE}
      </a>
    </strong>
  </p>
</div>
 
<div class="main paged">
  <div class="paged-head clearfix btnPost">
    <!-- BEGIN topicpagination -->
    <p class="paging">
      {PAGINATION}
    </p>
    <!-- END topicpagination -->
    <p class="posting">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
        <img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" />
      </a>
        
      <!-- END switch_user_authpost -->
      
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}">
        <img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" />
      </a>
      <!-- END switch_user_authreply -->
    </p>
  </div>
  {POLL_DISPLAY}
  <div class="main-head clearfix">
    <p class="h2">
      {TOPIC_TITLE}
      <span id="fb_likebtn" style="margin-left: 6px; ">
        <iframe src="//www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21&amp;appId=610340635669034" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:20px;" allowTransparency="true"></iframe>
      </span>
    </p>
    <p class="prevnext">
      <a class="prev" href="{U_VIEW_OLDER_TOPIC}">Bài trước</a>  
      <a class="next" href="{U_VIEW_NEWER_TOPIC}">Bài sau</a>
    </p>
  </div>  
  <div class="main-content topic">
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <div data-rank="{postrow.displayed.POSTER_RANK_NEW}" class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
      <a name="{postrow.displayed.U_POST_ID}">
      </a>
      <div class="postmain">
        <div id="p{postrow.displayed.U_POST_ID}" class="posthead">
          <div class="user leftname">
            {postrow.displayed.POSTER_NAME}
          </div>
          <span class="poster-connect">                                
                    {postrow.displayed.ONLINE_IMG}
                  </span>
          <h2>
            <a class="hashpost" href="{postrow.displayed.POST_URL}" >
              <strong>
                #{postrow.displayed.COUNT_POSTS}
              </strong>
            </a>
            {postrow.displayed.ICON} {postrow.displayed.POST_DATE_NEW}
          </h2>
        </div>
        <div class="postbody">
          <div class="user">
          
        
                  
                        <div class="user-basic-info">
                            <br/>
             <div class="poster-avatar">
       {postrow.displayed.POSTER_AVATAR}
                                                                  </div>
                                                                      <span class="ttdwin">
          
         <div class="top1">
          
            <img src="http://i.imgur.com/fFeXeSY.png" title="Logo1-VNGame.Pro" alt="VnGame.pro - Diễn đàn Game, giải trí, công nghệ số 1 VN"/>
                                                                        </div>
                                                                        <div class="top2">
                                                                          123
                                                                        </div>
      
          </span><br />
         <span class="ttdwin2">
          
          <div class="user-info">
                        
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
          </span>
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        
            </div>
          
          </div>    
          <div class="post-entry">
            <div class="entry-content">
              <div>
                <div>
                  {postrow.displayed.MESSAGE}
                </div>
                <!-- BEGIN switch_attachments -->
                <dl class="attachbox">
                  <dt>
                    {postrow.displayed.switch_attachments.L_ATTACHMENTS}
                  </dt>
                  <dd>
                    <!-- BEGIN switch_post_attachments -->
                    <dl class="file">
                      <dt>
                        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}"
                        />
                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">
                          {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}
                        </a>
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->
                        <!-- BEGIN switch_no_dl_att -->
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                      </dt>
                      <!-- BEGIN switch_no_comment -->
                      <dd>
                        <em>
                          {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}
                        </em>
                      </dd>
                      <!-- END switch_no_comment -->
                      <!-- BEGIN switch_no_dl_att -->
                      <dd>
                        <em>
                          <strong>
                            {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}
                          </strong>
                        </em>
                      </dd>
                      <!-- END switch_no_dl_att -->
                      <dd>
                        ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}
                      </dd>
                    </dl>
                    <!-- END switch_post_attachments -->
                  </dd>
                </dl>
                <!-- END switch_attachments -->
                <div class="clear">
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- BEGIN switch_signature -->
        <div class="sig-content">
          {postrow.displayed.SIGNATURE_NEW}
        </div>
        <!-- END switch_signature -->
        <div class="postfoot">
          <div class="options-button user-contact">
            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
            <!-- BEGIN contact_field -->
            {postrow.displayed.contact_field.CONTENT}
            <!-- END contact_field -->
          </div>
          <div class="post-options">          
            <div class="vote-Zzbaivong">
              <!-- BEGIN switch_vote_active -->              
              <a class="vote-plus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}<!-- END switch_vote -->">
                Thích
              </a>
              <span class="vote-time plus-time">0</span>
              <a class="vote-minus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}<!-- END switch_vote -->">
                Báo xấu
              </a>
              <span class="vote-time minus-time">0</span>
              <div class="vote-plus-post vote-cmt">
                <p class="vote-note">Gửi một tin nhắn lên tường.</p>
                <textarea class="vote-mess"></textarea>
                <input class="vote-send" tyle="button" value="Gửi" />
              </div>
              <div class="vote-minus-post vote-cmt">
                <p class="vote-note">Gửi báo cáo lỗi về bài viết này.</p>
                <textarea class="vote-mess"></textarea>
                <input class="vote-send" tyle="button" value="Gửi" />
              </div>              
              <input class="vote-tip" type="hidden" value="<!-- BEGIN switch_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_bar --><!-- BEGIN switch_no_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_no_bar -->" />
              <!-- END switch_vote_active -->
            </div>            
            <span class="options-button">
              {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}
              {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}
              {postrow.displayed.REPORT_IMG}
            </span>
          </div>
          <div style="clear:both;">
          </div>
        </div>
      </div>
    </div>
    <!-- BEGIN first_post_br -->
  </div>
  <hr id="first-post-br" />
  <div class="main-content topic">
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
  </div>
  <div class="main-foot clearfix">
    <p class="h2">
      [{PAGE_NUMBER}]
    </p>
    <p class="options">
      <input type="hidden" name="t" value="{TOPIC_ID}" />      
      <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
          <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />          
          <!-- BEGIN viewtopic_bottom -->
          {S_TOPIC_ADMIN}
          <!-- END viewtopic_bottom -->
      </p>
  </div>
  
  <a name="bottomtitle">
  </a>
  
  <div class="paged-foot clearfix btnPost">
    <!-- BEGIN topicpagination -->
    <p class="paging">
      {PAGINATION}
    </p>
    <!-- END topicpagination -->
    <p class="posting">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
        <img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" />
      </a>
        
      <!-- END switch_user_authpost -->
      
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}">
        <img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" />
      </a>
      <!-- END switch_user_authreply -->
    </p>
  </div>
</div>
 
 
<div class="pun-crumbs">
  <p class="crumbs">
    <a href="{U_INDEX}">
      {L_INDEX}
    </a>
    {NAV_CAT_DESC} »
    <strong>
      <a href="{TOPIC_URL}">
        {TOPIC_TITLE}
      </a>
    </strong>
  </p>
</div>        
          
<script type="text/javascript">
  $(".hashpost").attr("href", function(){return this.href.replace(/.*(#\d+)/, "$1")});
  $(".vote-Zzbaivong").each(function () {
    var vote = $(this);
    if (vote.is(":empty")) {
      vote.html('<a class="vote-plus" href="">Thích</a><span class="vote-time plus-time">0</span><a class="vote-minus" href="">Báo xấu</a><span class="vote-time minus-time">0</span>');
    } else {
      var tip = vote.find(".vote-tip").val(),
      plus, minus, data;
      if (/Message\sreputation\s:/.test(tip)) {
        data = tip.split(/\W/);
        plus = Math.round(data[4] / 100 * data[7]);
        minus = data[7] - plus;
      } else {
        plus = minus = 0;
      }
      vote.find(".plus-time").text(plus);
      vote.find(".minus-time").text(minus);
    }
  });
  $(document).click(function (a) {
    $(".vote-cmt").fadeOut();
  });
  $(".vote-Zzbaivong").click(function (a) {
    a.stopPropagation();
  });
  $(".vote-plus, .vote-minus").one("click", function (e) {
    e.preventDefault();
    var it = $(this), href = it.attr("href");
    if (/us\&p_vote\=/.test(this.href)) {
      it.parent().children(".vote-plus, .vote-minus").attr("href", "javascript:;");  
      it.next(".vote-time").text(function () {
        return parseInt($(this).text()) + 1;
      });
      it.parent().find(".vote-plus").css("background-image", "url(http://i57.servimg.com/u/f57/17/05/17/70/preloa10.gif)");
      $.get(href, function () {
        it.parent().children(".vote-plus").removeAttr("style");
      });
      it.siblings("." + it.attr("class") + "-post").fadeIn().children(".vote-mess").focus();
    }
  });
  $(".vote-send").one("click", function () {
    var send = $(this),
      post = send.closest(".post"),
      report = post.find("a[href^='/report']").attr("href"),
      msg = send.parent().children(".vote-mess").val(),
      note = send.parent().children(".vote-note");
    note.text("Đang xử lý...");
    if (send.parent().attr("class") == "vote-plus-post vote-cmt") {
      var url = "http://" + location.host + location.pathname + "#" + report.replace(/.*p=(\d+).*/, "$1"),
        uname = post.find(".user.leftname strong").text(),
        uid = post.find(".user.leftname a").attr("href").replace(/.*\/u(\d+).*/, "$1"),
        mess = "Mình thích bài viết của bạn tại [url=" + url + "]" + document.title + "[/url]";
      if (msg.replace(/\s/g, "").length) {
        mess = mess + "[quote]" + msg + "[/quote]";
      }
      $.post("/privmsg", {
        subject: "Bài viết hay",
        message: mess,
        username: uname,
        u: uid,
        mode: "post_profile",
        folder: "profile",
        post: "Send"
      }, function () {
        note.text("Tin nhắn đã được gửi");
        send.closest(".vote-cmt").delay(300).fadeOut();
      });
    } else {
      if (msg.replace(/\s/g, "").length <= 3) {
        msg = "Bài viết vi phạm nội quy diễn đàn.";
      }
      $.post(report, {
        message: msg,
        post: "Save"
      }, function () {
        note.text("Báo cáo đã được gửi");
        send.closest(".vote-cmt").delay(300).fadeOut();
      });
    }
  });
  $(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
  $(".poster-info .label:contains('Phương châm')").parent().addClass("status");
  $(".post a[href*='&mode=quote']").attr("href", function () {
    return this.href + "&r=" + location.pathname.replace(/\/(t\d+(p\d+)?)\-.*/, "$1");
  });
  $(".post a[href*='/t'][href*='-quote#']").next("br").remove().end().each(function () {
    $(this).addClass("quoteLink").attr("href", function(){
      return this.href.replace("quote", lang_vi(document.title))
    }).appendTo($(this).next("blockquote").find("cite:first"));
  });
  $(".poster-link a").attr("href", function () {
    return this.href.replace("[POSTER_NAME]", encodeURI($(this).closest(".poster-info").find(".poster-name strong").text()));
  });
 
 
  function selectCode(a) {
    a = $(a).closest(".codebox").find("CODE")[0];
    if (window.getSelection) {
      var b = window.getSelection();
      if (b.setBaseAndExtent) b.setBaseAndExtent(a, 0, a, a.innerText.length - 1);
      else {
         window.opera && "<BR>" == a.innerHTML.substring(a.innerHTML.length - 4) && (a.innerHTML += " ");
         var c = document.createRange();
         c.selectNodeContents(a);
         b.removeAllRanges();
         b.addRange(c)
      }
    } else document.getSelection ? (b = document.getSelection(), c = document.createRange(), c.selectNodeContents(a), b.removeAllRanges(), b.addRange(c)) : document.selection && (c = document.body.createTextRange(), c.moveToElementText(a), c.select())
  }
  $(".post code").length && ($(".post code br").replaceWith("\n"),
    $(".post code").addClass("prettyprint linenums").parent().prev().attr({
     onclick: "selectCode(this)",
     title: "Click \u0111\u1ec3 ch\u1ecdn to\u00e0n b\u1ed9 code",
     style: "cursor:pointer"
   }), $.getScript("/11727.js", function(){
     prettyPrint()
   }));
</script>
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
  <div class="main-head clearfix">
    <p class="h2">
      {L_FORUM_RULES}
    </p>
  </div>
  <table class="main-content frm">
    <tr>
      <!-- BEGIN switch_forum_rule_image -->
      <td class="logo">
        <img src="{RULE_IMG_URL}" />
      </td>
      <!-- END switch_forum_rule_image -->
      <td class="rules entry-content">
        {RULE_MSG}
      </td>
    </tr>
  </table>
</div>
<!-- END switch_forum_rules -->
 
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply">
</a>
{QUICK_REPLY_FORM}
<script type="text/javascript">
  $("#textarea_content dd").css("margin", 0);
</script>
<!-- END switch_user_logged_in -->
 
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic">
   <div class="main-head frm">
      <p class="h2">Liên kết ngoài diễn đàn</p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->
 
 
<div id="forum-info" class="main left">
    <div class="main-head">
      <h2 class="page-title">Thông tin chuyên mục</h2>
   </div>
   <div class="main-content frm">
           <p>{S_AUTH_LIST}</p>
   </div>
</div>
 
<script type="text/javascript" src="/10376.js"></script>
<script type="text/javascript">
//<![CDATA[
/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent) || jQuery(function ($) {
   $(".post-entry img:not([src*='illiweb.com']):not([src*='imgfast.net'])").replaceWith(function () {
      return '<a href="' + this.src + '">DEVs</a>'
   });
   $(".post-entry a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif'],a[href$='.bmp']").not("a[href*='illiweb.com']").not("a[href*='imgfast.net']").attr({
      title: function () {
         var tx = $(this).text();
         if (tx == "" || this.href == tx) {
            return "DEVs"
         } else {
            return tx
         }
      },
      class: "lb_lazy"
   }).html(function(){
      return '<img alt="zzBv" data-original="' + this.href + '" />'
   });
   $(".lb_lazy img").lazyload({
      threshold: 200,
      effect: "fadeIn"
   });
   $(".lb_lazy").lightBox()
});
//]]>
</script>
 
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
 
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>