aaaaaaaaaaaaaaaaaaaaaaaa

Code:

/* All */
body{text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;font-family:Roboto,arial,sans-serif;color:#141414;word-wrap:break-word;line-height:1.4;font-size:14px;background:#eee}
.page-width{max-width:1010px;margin:0 auto;padding:0 5px;position:relative}
.layout{padding:10px;background:#fff}
li{list-style:none}
a:link,a:visited{color:#4993c5;text-decoration:none}
/* Header */
.header-top {
    background: #2980b9;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 55px;
    top: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
.header-logo a {
    display: block;
    height: 55px;
    line-height: 55px;
    padding: 0 12px;
    color: #fff;
    font-size: 30px;
    background: rgba(255,255,255,0.2);
    text-transform: uppercase;
    font-weight: 700;
}
/* Nav */
.nav-tab {
    position: relative;
    float: left;
}
.nav-tab > a {
    height: 55px;
    line-height: 55px;
    padding: 0 12px;
    display: block;
    color: #fff;
    text-transform: uppercase;
}
.nav-tab:hover > a {
    background: rgba(255,255,255,0.1);
}
.nav-tab.search-tab {
    position: static;
}
.nav-tab.search-tab:hover .search-form {
    opacity: 1;
    visibility: visible;
}
.nav-tab.search-tab a {
    width: 55px;
    text-align: center;
    background: rgba(255,255,255,0.1);
    color: #Fff;
    font-size: 20px
}
.nav-tab.search-tab:hover > a {
    background: #fff;
    color: #000;
}
.nav-tab.search-tab a:before {
    content: "\f002";
    font-family: FontAwesome;
}
.search-form {
    position: absolute;
    left: 0;
    background: #fff;
    padding: 20px;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0,0,0,.1), 0 20px 40px rgba(0,0,0,.15);
    opacity: 0;
    visibility: hidden;
}
.search-form .search-input {
    padding: 7px 130px 7px 10px;
    font-size: 18px;
}
.search-form .search-btn {
    margin: 0;
    position: absolute;
    right: 15px;
    width: 120px;
}
/* Box */
.box-itemt {
    width: 40%;
    padding: 10px;
}
.box-itemt:last-child {
    width: 100%;
}
.box-info {
    border: 1px solid #ddd;
    background: #fff;
    padding: 30px 20px;
    text-align: center;
    position: relative;
}
.box-info:hover {
    border-color: #2980b9;
    color: #2980b9;
}
.box-info:hover a {
    color: #2980b9;
}
.box-icon {
    height: 40px;
    line-height: 40px;
    margin: 0 0 15px;
}
.box-icon:before {
    content: "";
    font-family: FontAwesome;
    font-size: 46px;
}
.box-itemt:nth-child(1) .box-icon:before {
    content: "\f015";
    font-size: 56px;
}
.box-itemt:nth-child(2) .box-icon:before {
    content: "\f0c0";
    font-size: 40px;
}
.box-itemt:nth-child(3) .box-icon:before {
    content: "\f085";
    font-size: 42px;
}
.box-itemt:nth-child(4) .box-icon:before {
    content: "\f109";
    font-size: 56px;
}
.box-itemt:nth-child(5) .box-icon:before {
    content: "\f118";
}
.box-itemt:nth-child(6) .box-icon:before {
    content: "\f290";
    font-size: 40px;
}
.box-itemt:nth-child(7) .box-icon:before {
    content: "\f1b9";
}
.box-itemt:nth-child(8) .box-icon:before {
    content: "\f232";
}
.box-itemt:nth-child(9) .box-icon:before {
    content: "\f292";
}
.box-cat h3 {
    font-size: 18px;
    height: 22px;
    line-height: 22px;
}
.box-cat h3 a {
    color: #000;
}
.box-count {
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    background: #eee;
}
/* login */
 #myvne_login {
        width: 400px;
        position: fixed;
        top: 26%;
        left: 34%;
        z-index: 999
    }
 
    #login-vne1 {
        padding: 50px 0px;
        background: #FFF none repeat scroll 0% 0%;
        position: relative;
    }
 
    .my_login {
        padding: 0px !important;
    }
 
    #login-vne3 .ttOline,
    #login-vne4 .ttOline,
    #login-vne5 .ttOline,
    #login-vne6 .ttOline,
    #login-vne7 .ttOline,
    .ttOline {
        background: #FFF none repeat scroll 0px 0px;
        color: #000;
        display: block;
        font: 700 16px arial;
        height: 28px;
        overflow: hidden;
        padding: 8px 20px 0px;
    }
 
    .my_login .bg {
        background-color: #F4F4F4;
        padding: 20px;
    }
 
    .my_login .login-right {
        width: 100%;
        float: left;
    }
 
    .my_login .item_login {
        padding-bottom: 5px;
    }
 
    .item_login {
        padding-bottom: 10px;
        width: 100%;
    }
 
    .my_login .login-txt {
        font: 700 13px Arial;
        text-align: left;
        color: #333;
    }
 
    .login-txt {
        margin: 0px 0px 3px;
    }
 
    .my_login .txt-login {
        width: 100% !important;
        box-sizing: border-box;
    }
 
    .login-txt .txt-login {
        background: #FFF none repeat scroll 0px 0px;
        border: 1px solid #C0C0C0;
        color: #666;
        font: 400 14px/30px arial;
        padding: 0px 10px;
        width: 85%;
        height: 30px;
    }
 
    .my_login .login-btt {
        width: 100%;
        float: left;
    }
 
    .login-btt {
        display: block;
        margin: 0px;
        overflow: hidden;
        width: 100%;
    }
 
    .my_login .item_login .forget-pass {
        float: right;
        text-decoration: underline;
        color: #666;
        font-style: italic;
    }
 
    .my_login .login-btt .my_btn {
        float: right;
    }
 
    .my_btn {
        height: 30px;
        padding: 0px 15px;
        border: medium none;
        color: #FFF;
        background-color: #9F224E!important;
        font-size: 14px;
        cursor: pointer;
    }
 
    .my_login .login-left {
        width: 100%;
        float: left;
        margin: 15px 0px 0px;
        text-align: center;
    }
 
    .my_login .login-social {
        margin-top: 5px;
        margin-right: 10px;
    }
 
    .login-social {
        background: transparent url("https://i.servimg.com/u/f97/17/57/29/64/icon_s10.png") no-repeat scroll 0% 0%;
        width: 110px;
        height: 30px;
        display: inline-block;
        font-size: 100%;
        vertical-align: top;
    }
 
    .login-social.lg-google {
        background-position: 0px -30px;
    }
 
    .my_login .login-left .lg-vitalk {
        margin-right: 0px;
    }
 
    .login-social.lg-vitalk {
        background-position: 0px -60px;
        margin-right: 0px;
    }
 
    .my_login .ftOline {
        padding: 10px 20px;
        background-color: #FFF;
    }
 
    .my_login .ftOline a {
        color: #9F224E;
    }
 
    .close-lb {
        background: transparent url("https://i.servimg.com/u/f97/17/57/29/64/close-10.gif") no-repeat scroll center center;
        cursor: pointer;
        height: 29px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 29px;
    }
    /* Reg */
 
    #myvne_register {
        width: 400px;
        position: fixed;
        top: 26%;
        left: 34%;
        z-index: 999
    }
 
    .my_lb_forget_password {
        position: relative;
    }
 
    .my_lb_forget_password .form_label {
        text-align: left;
    }
 
    .form_label {
        background: #F4F4F4 none repeat scroll 0% 0%;
        padding: 20px;
        text-align: center;
    }
 
    .my_lb_forget_password .form_label .form_group {
        min-width: 300px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
    }
 
    .form_label .form_group {
        margin-bottom: 15px;
        padding-left: 20px;
    }
 
    .form_label .form_group label {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 5px;
        display: block;
    }
 
    .form_label .form_group input[type="text"],
    .form_label .form_group input[type="email"],
    .form_label .form_group input[type="tel"],
    .form_label .form_group input[type="password"] {
        height: 30px;
        border: 1px solid #CCC;
        display: block;
        width: 100%;
        padding: 0px 10px;
        background: #FFF none repeat scroll 0% 0%;
        font: 400 14px/30px Arial;
        color: #333;
        box-sizing: border-box;
    }
 
    .form_label .form_group .err {
        font-size: 11px;
        color: #9F224E;
        margin-top: 5px;
    }
 
    .my_lb_forget_password .form_label .form_group.check_code>img,
    .my_lb_forget_password .form_label .form_group.check_code>a {
        vertical-align: top;
        margin-right: 10px;
    }
 
    #myvne_refresh_captcha {
        cursor: pointer;
    }
 
    a.my_btn_other {
        text-decoration: underline;
        color: #333;
        margin-top: 5px;
        margin-left: 10px;
        font: 400 13px arial;
    }
 
    .overlay_logreg {
        position: fixed;
        width: 100%;
        height: 2000px;
        background-color: #000;
        z-index: 9;
        display: none;
        top: 0;
        left: 0;
        opacity: 1
    }

Code:

<div class="main clearfix" style="margin:-10px">
  <!-- BEGIN catrow -->
     <!-- BEGIN tablehead -->
  <div class="box-itemt">
              <!-- END tablehead -->
       <!-- BEGIN forumrow -->
        <div class="box-info">
            <div class="box-icon"></div>



            <div class="box-cat">
   <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
            </div>
            <div class="box-count">{catrow.forumrow.TOPICS}</div>


        </div>
    <!-- END forumrow -->
   
    </div>

<!-- END catrow -->
</div>

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
     xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
   <meta http-equiv="content-script-type" content="text/javascript"/>
   <meta http-equiv="content-style-type" content="text/css"/>
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
   {T_HEAD_STYLESHEET}
   {CSS}
  <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <!-- BEGIN switch_recent_jquery -->
   <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
   <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
   <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch (tickerDirParam) {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function () {

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0) {
            $('#fa_ticker_content').css('display', 'block');

            $('ul#fa_ticker_content li').css('float', 'left').css('list-style', 'none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item) {
                  var ratio = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert) {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each(function () {
                  if ($(this).height() > height_max) {
                     height_max = $(this).height();
                  }
               });

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
               scroll: 1,
               size: {switch_ticker.SIZE},
               height_max: height_max,
               animation: {switch_ticker.SPEED}
            });
         } else {
            $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
            $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
         }
      });
      //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">
      //<![CDATA[
      jQuery().ready(function () {
         <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if (pm != null) {
            pm.focus();
         }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if (report != null) {
            report.focus();
         }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
         $(window).load(function () {
            Ticker.start({
               height: {switch_ticker.HEIGHT},
               spacing: {switch_ticker.SPACING},
               speed: {switch_ticker.SPEED},
               direction: '{switch_ticker.DIRECTION}',
               pause: {switch_ticker.STOP_TIME}
            });
         });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
         logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready(function () {
         $(window).resize(function () {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
               "left": windowWidth / 2 - popupWidth / 2
            });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align: center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- BEGIN google_analytics_code_bis -->
      gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- END google_analytics_code_bis -->
   </script>
   <!-- END google_analytics_code -->
</head>

<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br/>
         <span>{hitskin_preview.U_INSTALL_THEME}<a
                  href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main" style="z-index: 10000 !important;">
   <div id="login_popup_title" class="main-head">
      <div class="h3">{SITENAME}</div>
   </div>
   <div class="main-content">
      {LOGIN_POPUP_MSG}
      <div id="login_popup_buttons">
         <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" class="button2" value="{L_LOGIN}"/>
            <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
            <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>
         </form>
      </div>
   </div>
</div>
<!-- END switch_login_popup -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" class="module main" style="z-index: 10000 !important;">
   <div id="like_popup_title" class="main-head">
      <div class="h3">{SITENAME}</div>
   </div>
   <div class="main-content">
      {LIKE_POPUP_MSG}
      <div id="like_popup_buttons">
         <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" class="button2" value="{L_LOGIN}"/>
            <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
            <input id="like_popup_close" type="button" class="button2" value="{L_LIKE_CLOSE}"/>
         </form>
      </div>
   </div>
</div>
<!-- END switch_like_popup -->
<a id="top" name="top" accesskey="t"></a>
<header class="header-top">
    <div class="page-width clearfix">
        <div class="header-logo left">
            <h1><a href="/"><span style="color:#f2c935">Tống</span>Hoàng Tín</a></h1>
        </div>
        <nav class="clearfix">
            <div class="nav-top left">
                <ul class="nav-menu">
                    <li class="nav-tab search-tab">
                        <a href="/search"></a>
                        <form method="get" class="search-form" action="/search">
                            <input class="search-input" name="search_keywords" placeholder="Tìm kiếm sản phẩm" type="text" />
                            <input class="search-btn" type="submit" value="Tìm kiếm" />
                        </form>
                    </li>
                    <li class="nav-tab"><a href="/">Hướng dẫn</a>
                    </li>
                    <li class="nav-tab"><a href="/faq">Trợ giúp</a>
                    </li>
                    <li class="nav-tab"><a href="/">Liên hệ</a>
                    </li>
                </ul>
            </div>
            <div class="myvne_container nav-top right">
                <ul class="myvne_form_log nav-menu ">
                    <li class="logpro nav-tab"><a href="javascript:void(0);"><i class="fa fa-sign-in"></i> Ðăng nhập</a>
                    </li>
                    <li class="regpro nav-tab"><a href="javascript:void(0);"><i class="fa fa-list-alt"></i> Ðăng ký</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>
<div class="page-width">
    <div class="layout clearfix">
        <div class="container">
            <div class="punbb">
             
            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="padding-top:4px;">
               <div class="module main">
                  <div class="main-content clearfix">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango"
                           style="display: none;width: 100%;">
                           <!-- BEGIN ticker_row -->
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           <!-- END ticker_row -->
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="padding-top:4px;">
               <div class="module main">
                  <div class="main-content clearfix">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              <!-- BEGIN ticker_row -->
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              <!-- END ticker_row -->
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <div id="outer-wrapper">
                     <div id="wrapper">
                        <div id="container">
                           <div id="content">
                              
                              <div id="main">
                                 <div id="main-content">

                                    <!-- BEGIN html_validation -->
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</body>
</html>
<!-- END html_validation -->
<div class="overlay_logreg" style="opacity: 1; display: none;"></div>
<form action="/login" method="post" name="form_login" id="myvne_login" class="logpop" style="display:none">
    <div class="login-form my_login" id="login-vne1">
        <div class="ttOline hidden_app">Đăng nhập</div>
        <div class="bg">
            <div class="login-right">
                <div class="item_login">
                    <p class="login-txt" style="display: inline;">  </p>
                    <p class="forget-pass"><a href="/profile?mode=sendpassword">Bạn đã quên mật khẩu?</a></p>
                </div>
                <div class="item_login" id="myvne_email_check">
                    <p class="login-txt"><input class="txt-login" name="username" tabindex="1" id="username_log" value="" maxlength="20" placeholder="Tên tài khoản" type="text" required="" /> </p>
                </div>
                <div class="item_login" id="myvne_password_check">
                    <p class="login-txt"><input class="txt-login" name="password" tabindex="2" id="password_log" value="" maxlength="30" placeholder="Mật khẩu" type="password" required="" /> </p>
                </div>
                <p class="login-btt">
                    <p style="float: left; margin: 6px 0;"><input type="checkbox" name="autologin" tabindex="3" id="autologin" tabindex="4" class="checkbox" checked="checked" />&nbsp; Ghi nhớ đăng nhập ?</p><input type="submit" name="login" tabindex="4" value="Đăng nhập" class="my_btn" style="float: right;" />
                    <script type="text/javascript">
                        document.write('<input type="hidden" name="redirect" value="' + location.href + '" />')
                    </script>
                </p>
            </div>
            <div class="login-left">
                <a class="login-social lg-facebook" onClick="javascript:alert('Chức năng này đang phát triển')" href="javascript:void(0);" id="myvne_facebook_login"></a>
                <a class="login-social lg-google" onClick="javascript:alert('Chức năng này đang phát triển')" href="javascript:void(0);" id="myvne_google_login"></a>
                <a class="login-social lg-vitalk" onClick="javascript:alert('Chức năng này đang phát triển')" href="javascript:void(0);" id="myvne_vitalk_login"></a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="ftOline hidden_app">Bạn chưa có tài khoản? <a href="/register" id="myvne_register_link"><strong>Đăng ký</strong></a> ngay.</div>
        <div class="close-lb hidden_app" id="myvne_close_popup"></div>
        <div class="clear"></div>
    </div>
</form>
<form action="/register?agreed=true&step=2" method="post" name="form_register" id="myvne_register" class="regpop" style="display:none">
    <div class="my_lb_forget_password my_lb_resister">
        <div class="ttOline hidden_app">Đăng ký tài khoản</div>
        <div class="form_label">
            <div class="form_group" id="myvne_fullname_check"><label>Tên tài khoản</label><input id="username_regi" name="username" tabindex="1" type="text" value="" maxlength="20" title="Tên tài khoản phải có ít nhất 4 ký tự" required="" /> </div>
            <div class="form_group" id="myvne_password_check"><label>Địa chỉ Email</label><input id="email_regi" name="email" tabindex="2" type="text" value="" maxlength="64" title="Ví dụ: [You must be registered and logged in to see this link.]" required="" />
                <div class="err">Hãy dùng email thật của bạn để có thể lấy lại mật khẩu sau này</div>
            </div>
            <div class="form_group" id="myvne_repassword_check"><label>Mật khẩu</label><input id="password_regi" name="password" tabindex="3" type="password" value="" maxlength="30" title="Nên đặt mật khẩu có chữ và số để an toàn hơn cho tài khoản của bạn" required="" /> </div>
            <div class="form_group last"><input type="submit" name="submit" tabindex="4" value="Đăng ký" class="my_btn" /><input type="reset" name="reset" tabindex="5" value="Xác lập lại" class="my_btn" /><a class="my_btn_other hidden_app" href="/login">Đăng nhập</a></div>
        </div>
        <div class="close-lb hidden_app" id="myvne_close_popup"></div>
        <div class="clear"> </div>
    </div>
</form>

<script type="text/javascript">
    $(function () {
        $(".close-lb").click(function () {
            $(".logpop").fadeOut(200);
            $(".overlay_logreg").fadeOut(200);
        });
        $('.logpro a[href*="javascript:void(0);"]').click(function (event) {
            event.preventDefault();
            $(".logpop").fadeIn(200);
            $(".overlay_logreg").animate({
                'opacity': '0.6'
            }, 0).fadeIn(200);
        });
        $(".overlay_logreg").click(function () {
            $(".logpop").fadeOut(200);
            $(".overlay_logreg").fadeOut(200);
        });
    })
</script>
<script type="text/javascript">
    $(function () {
        $(".close-lb").click(function () {
            $(".regpop").fadeOut(200);
            $(".overlay_logreg").fadeOut(200);
        });
        $('.regpro a[href*="javascript:void(0);"]').click(function (event) {
            event.preventDefault();
            $(".regpop").fadeIn(200);
            $(".overlay_logreg").animate({
                'opacity': '0.6'
            }, 0).fadeIn(200);
        });
        $(".overlay_logreg").click(function () {
            $(".regpop").fadeOut(200);
            $(".overlay_logreg").fadeOut(200);
        });
    })
</script>