It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://danluat.thuvienphapluat.vn/thanh-vien/zuesleee

  1.  
  2.  
  3. <!DOCTYPE html>
  4. <html >
  5. <head>
  6.    <title>Ng&#244; Thừa &#194;n</title>
  7.    
  8.    
  9.  
  10.    
  11.    
  12.    <meta name="robots" content="NOINDEX,NOFOLLOW">
  13.    
  14.  
  15.  
  16.  
  17.    
  18.    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  19.    <meta name="viewport" content="width=device-width, initial-scale=1" />
  20.    <meta name="copyright" content="Copyright © 2000 - 2024 by thuvienphapluat">
  21.    <meta name="author" content="thuvienphapluat.vn">
  22.    <meta name="language" content="vietnamese">
  23.    <meta http-equiv="REFRESH" content="1800">
  24.    <meta name="viewport" content="width=device-width, user-scalable=no">
  25.    <meta content="vi-VN" itemprop="inLanguage">
  26.    <meta content="news" itemprop="genre" name="medium">
  27.  
  28.    
  29.    
  30.  
  31. <input type="hidden" value="" id="secret_Token" />
  32.    <link href="/cong-dong-dan-luat/Content/bootstrap4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  33.  
  34.    <script src="/cong-dong-dan-luat/Scripts/jquery-3.3.1.min.js" type="text/javascript"></script>
  35.  
  36.    <link rel="canonical" href="https://thuvienphapluat.vn/cong-dong-dan-luat/thanh-vien/zuesleee" />
  37.  
  38. </head>
  39. <body>
  40.    
  41. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
  42. <link href="/cong-dong-dan-luat/Content/bootstrap.min.css" rel="stylesheet" />
  43. <link href="/cong-dong-dan-luat/Content/style/font-awesome.min.css" rel="stylesheet" />
  44. <link href="/cong-dong-dan-luat/Content/fontawesome/css/all.css" rel="stylesheet" />
  45.  
  46. <link href="/cong-dong-dan-luat/Content/style/footable.core.min.css" rel="stylesheet" />
  47. <link href="/cong-dong-dan-luat/Areas/Admin/Content/ckeditor/contents.css" rel="stylesheet" />
  48. <link href="/cong-dong-dan-luat/Content/style/jquery-ui-datepicker.css" rel="stylesheet" />
  49. <link href="/cong-dong-dan-luat/Content/style/common.css" rel="stylesheet" />
  50. <link href="/cong-dong-dan-luat/Content/images-grid/images-grid.css" rel="stylesheet" />
  51.  
  52. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/datepicker/jquery-datepicker.js"></script>
  53. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/datepicker/jquery.min-datepicker.js"></script>
  54.  
  55. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Areas/Admin/Content/ckeditor/ckeditor.js"></script>
  56. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Areas/Admin/Content/ckfinder/ckfinder.js"></script>
  57. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/bootstrap.min.js"></script>
  58. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/sweetalert.min.js"></script>
  59. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/moment/moment.js"></script>
  60. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/footable/footable.js"></script>
  61. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/footable/footable.sort.js"></script>
  62. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/footable/paginate.js"></script>
  63. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Content/images-grid/images-grid.js"></script>
  64.  
  65. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9306943704062447"
  66.        crossorigin="anonymous"></script>
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <div class="container wap-banner-header">
  73.    <div class="row">
  74.            <a href="https://thuvienphapluat.vn/cong-dong-dan-luat//de-xuat-cho-luat-kinh-doanh-bat-dong-san-va-luat-nha-o-2023-co-hieu-luc-som-tu-17-212994.aspx#611174" target="_blank" style="width:100%">
  75.                
  76.                <img alt="DanLuat" width="100%" src="https://cdn.thuvienphapluat.vn/uploads/cong-dong-dan-luat/2024/thang-5/06/banner.png">
  77.            </a>
  78.  
  79.        
  80.    </div>
  81. </div>
  82. <div id="main-content" class="container">
  83.    
  84.  
  85.  
  86.  
  87. <link href="/cong-dong-dan-luat/Content/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet" />
  88. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Content/owl-carousel/owl.carousel.js"></script>
  89.  
  90. <style>
  91.    .fa, .fas {
  92.        color: #888;
  93.    }
  94.  
  95.    .back-item {
  96.        position: absolute;
  97.        top: 0;
  98.        left: 0;
  99.        display: none
  100.    }
  101.  
  102.        .back-item button {
  103.            color: #fff;
  104.            opacity: 1;
  105.            background: transparent;
  106.            width: 50px;
  107.            height: 40px;
  108.            font-size: 30px;
  109.            border: none;
  110.            outline: none;
  111.            padding-right: 10px;
  112.        }
  113.  
  114.            .back-item button span {
  115.                top: -3px;
  116.                position: absolute;
  117.                left: 10px;
  118.            }
  119. </style>
  120.  
  121. <!--css banner Text header-->
  122. <style>
  123.    div.main {
  124.        margin-top: 25px;
  125.        overflow: hidden;
  126.        background-color: #2F5168;
  127.        height: auto;
  128.        font-size: 1.5em;
  129.        color: #E4F6F8;
  130.    }
  131.  
  132.    div.slide-right p {
  133.        margin: 0;
  134.        -webkit-animation: loop 20s infinite linear;
  135.        animation: loop 20s infinite linear;
  136.    }
  137.  
  138.    div.slide-left p {
  139.        margin: 0;
  140.        -webkit-animation: loop 20s infinite linear;
  141.        animation: loop 20s infinite linear;
  142.    }
  143.  
  144.    @keyframes loop {
  145.        100% {
  146.            -webkit-transform: translateX(-100%);
  147.            transform: translateX(-100%);
  148.        }
  149.    }
  150.  
  151.    #two {
  152.        width: 100%;
  153.        padding-left: 20px;
  154.        padding-right: 15px;
  155.        overflow: hidden;
  156.    }
  157.  
  158.    .center {
  159.        width: 100%;
  160.        top: 45px;
  161.        z-index: 2;
  162.        position: absolute;
  163.        left: 50%;
  164.        -webkit-transform: translate(-50%, -50%);
  165.        transform: translate(-50%, -50%);
  166.    }
  167.  
  168.    .text-container {
  169.        padding: 5px 10px;
  170.        min-width: 0;
  171.        font-size: 2rem;
  172.        color: #708090;
  173.        white-space: nowrap;
  174.        overflow: visible;
  175.        position: relative;
  176.        border-radius: 5px;
  177.    }
  178.  
  179.        .text-container a {
  180.            display: inline-block;
  181.            font-size: 15px;
  182.        }
  183.  
  184.        .text-container .animate {
  185.            position: relative;
  186.            /*  animation: leftright 3s infinite alternate ease-in-out;*/
  187.            -webkit-animation: loop 20s infinite linear;
  188.            animation: loop 20s infinite linear;
  189.        }
  190.  
  191.    @keyframes leftright {
  192.        0%, 20% {
  193.            transform: translateX(0%);
  194.            left: 0%;
  195.        }
  196.  
  197.        80%, 100% {
  198.            transform: translateX(-100%);
  199.            left: 100%;
  200.        }
  201.    }
  202.  
  203.    .fader {
  204.        position: absolute;
  205.        top: 0;
  206.        height: 100%;
  207.        width: 25px;
  208.    }
  209.  
  210.    @media (max-width: 992px) {
  211.        .wap-banner-header-center .center {
  212.            left: 60% !important;
  213.        }
  214.    }
  215.  
  216.    @media (max-width: 450px) {
  217.        .center {
  218.            width: 100%;
  219.            padding: 20px;
  220.        }
  221.    }
  222. </style>
  223.  
  224.  
  225. <!--css from login new-->
  226.    <style>
  227.        .aramaKutusu {
  228.            top: 10px;
  229.        }
  230.  
  231.        .navigation__logo_mobile #menu-user-header {
  232.            padding: 5px;
  233.            top: -26px;
  234.        }
  235.  
  236.        .wap-form-login {
  237.            display: flex;
  238.            position: absolute;
  239.            right: -25px;
  240.            top: 35px;
  241.        }
  242.  
  243.            .wap-form-login a.register {
  244.                color: #fe0c00;
  245.                text-align: center;
  246.                height: max-content;
  247.                padding: 5px;
  248.                margin-top: 6px;
  249.                border-radius: 3px;
  250.                margin-right: 5px;
  251.                border: 1px solid;
  252.            }
  253.  
  254.        @media (max-width: 992px) and (min-width: 768px) {
  255.  
  256.            .wap-form-login {
  257.                right: -110%;
  258.            }
  259.        }
  260.  
  261.        @media (max-width: 480px) {
  262.            .aramaKutusu {
  263.                top: 35px;
  264.                height: 32px;
  265.            }
  266.  
  267.            .wap-form-login {
  268.                display: flex;
  269.                position: absolute;
  270.                right: -40px;
  271.                top: 70px;
  272.            }
  273.  
  274.            .navigation__logo_mobile #menu-user-header {
  275.                top: 14px;
  276.                font-size: 33px;
  277.            }
  278.        }
  279.    </style>
  280.  
  281. <input type="hidden" value="-1" class="CusID" id="CusID" />
  282. <input type="hidden" value="" class="CusName" id="CusName" />
  283. <nav role="navigation" class="navigation_mobile container" id="navigation_mobile">
  284.    <div class="navigation__logo_mobile">
  285.        <div class="logo-name col-xs-6 col-md-4 col-lg-3">
  286.            <a class="navbar-brand" href="https://thuvienphapluat.vn/cong-dong-dan-luat/">
  287.                <img src="https://thuvienphapluat.vn/cong-dong-dan-luat/Content/Images/logo-danluat-he.png" class="logo" />
  288.            </a>
  289.        </div>
  290.  
  291.        <div class="col-md-6 col-lg-5 wap-banner-header-center">
  292.            <div class="center" style="top: 35px;margin-left: 15px;">
  293.                
  294.  
  295. <style>
  296.  
  297.    .wap_content_carousel {
  298.        
  299.    }
  300.  
  301.        .wap_content_carousel > .new-post-slide > .owl-nav > .owl-prev {
  302.            float: left;
  303.            display: none;
  304.        }
  305.  
  306.        .wap_content_carousel > .new-post-slide > .owl-nav > .owl-next {
  307.            float: right;
  308.            display: none;
  309.        }
  310.  
  311.        .wap_content_carousel .owl-carousel .owl-item img {
  312.            height: 120px;
  313.            background-repeat: no-repeat;
  314.            background-position: center;
  315.            background-size: cover;
  316.            image-rendering: -moz-crisp-edges; /* Firefox */
  317.            image-rendering: -o-crisp-edges; /* Opera */
  318.            image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  319.            image-rendering: crisp-edges;
  320.            -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
  321.            object-fit: contain;
  322.            border: 1px solid #ddd;
  323.        }
  324.  
  325.        .wap_content_carousel a:hover {
  326.            text-decoration: none;
  327.        }
  328.  
  329. </style>
  330.  
  331. <div>
  332.        <div class="wap_content_carousel" style="min-height: 40px; padding-bottom: 0;">
  333.            <div class="new-post-slide owl-carousel " id="owl-example">
  334.                    <div style="width:100%">
  335.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/le-phi-doi-giay-phep-lai-xe-truc-tuyen-tu-nam-2024-tro-di-la-bao-nhieu-213080.aspx#611273" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Lệ ph&#237; đổi giấy ph&#233;p l&#225;i xe trực tuyến từ năm 2024 trở đi l&#224; bao nhi&#234;u?</a>
  336.                    </div>
  337.                    <div style="width:100%">
  338.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dang-ky-thuong-tru-tai-nha-nguoi-than-co-can-hop-dong-o-nho-mau-hop-dong-o-nho-2024-213076.aspx#611268" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Đăng k&#253; thường tr&#250; tại nh&#224; người th&#226;n c&#243; cần hợp đồng ở nhờ? Mẫu hợp đồng ở nhờ 2024?</a>
  339.                    </div>
  340.                    <div style="width:100%">
  341.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/de-xuat-muon-dang-ky-thuong-tru-tai-nha-thue-thi-hop-dong-thue-nha-phai-duoc-cong-chung-chuc-thuc-213068.aspx#611260" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Đề xuất: Muốn đăng k&#253; thường tr&#250; tại nh&#224; thu&#234; th&#236; hợp đồng thu&#234; nh&#224; phải được c&#244;ng chứng, chức thực</a>
  342.                    </div>
  343.                    <div style="width:100%">
  344.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/di-chuc-mieng-se-co-hieu-luc-khi-nao-can-it-nhat-may-nguoi-lam-chung-213064.aspx#611256" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Di ch&#250;c miệng sẽ c&#243; hiệu lực khi n&#224;o? Cần &#237;t nhất mấy người l&#224;m chứng?</a>
  345.                    </div>
  346.                    <div style="width:100%">
  347.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/ai-duoc-mien-giam-tam-ung-an-phi-an-phi-dan-su-nam-2024-mau-don-xin-mien-tam-ung-an-phi-moi-nhat-213059.aspx#611251" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Ai được miễn, giảm tạm ứng &#225;n ph&#237;, &#225;n ph&#237; d&#226;n sự năm 2024? Mẫu đơn xin miễn tạm ứng &#225;n ph&#237; mới nhất?</a>
  348.                    </div>
  349.                    <div style="width:100%">
  350.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/huong-dan-thu-tuc-de-nghi-cap-lai-chung-chi-dinh-gia-dat-2024-213040.aspx#611230" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Hướng dẫn thủ tục đề nghị cấp lại Chứng chỉ định gi&#225; đất 2024</a>
  351.                    </div>
  352.                    <div style="width:100%">
  353.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/tu-172024-thuc-hien-che-do-tien-luong-moi-se-co-9-loai-phu-cap-nao-213034.aspx#611222" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Từ 1/7/2024 thực hiện chế độ tiền lương mới sẽ c&#243; 9 loại phụ cấp n&#224;o?</a>
  354.                    </div>
  355.                    <div style="width:100%">
  356.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/tong-hop-20-phuong-thuc-xet-tuyen-dai-hoc-2024-va-nhung-diem-thi-sinh-can-luu-y-213032.aspx#611220" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Tổng hợp 20 phương thức x&#233;t tuyển đại học 2024 v&#224; những điểm th&#237; sinh cần lưu &#253;</a>
  357.                    </div>
  358.                    <div style="width:100%">
  359.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/tu-17-dinh-gia-dat-theo-phuong-phap-thu-nhap-thuc-hien-nhu-the-nao-213020.aspx#611204" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Từ 1/7, định gi&#225; đất theo phương ph&#225;p thu nhập thực hiện như thế n&#224;o?</a>
  360.                    </div>
  361.                    <div style="width:100%">
  362.                        <a target="_blank" class="desciption" href="https://thuvienphapluat.vn/cong-dong-dan-luat/ap-luc-tang-gia-dien-trong-mua-nang-nong-gia-dien-se-duoc-dieu-chinh-3-thanglan-213015.aspx#611196" style="padding-top: 5px;color:#333 !important;font-weight:bold !important;-webkit-line-clamp: 4;width:100%">Áp lực tăng giá đi&#234;̣n trong mùa nắng nóng? Giá đi&#234;̣n sẽ được đi&#234;̀u chỉnh 3 tháng/l&#226;̀n?</a>
  363.                    </div>
  364.            </div>
  365.        </div>
  366.        <div class="clearfix"></div>
  367. </div>
  368.  
  369. <script>
  370.    $(document).ready(function () {
  371.        $('.new-post-slide').owlCarousel({
  372.            navText: ['<i class="fa fa-arrow-circle-left" aria-hidden="true"></i>', '<i class="fa fa-arrow-circle-right" aria-hidden="true"></i>'],
  373.            loop: true,
  374.            nav: true,
  375.            margin: 10,
  376.            autoplay: true,
  377.            center: false,
  378.            autoplayTimeout: 3000,
  379.            autoplayHoverPause: true,
  380.            responsiveClass: true,
  381.            slideTransition: 'ease',
  382.            smartSpeed: 200,
  383.            responsive: {
  384.                0: {
  385.                    items: 1,
  386.                    nav: true,
  387.                },
  388.                600: {
  389.                    items: 1,
  390.                    nav: true,
  391.                    margin: 60,
  392.                },
  393.                768: {
  394.                    items: 1,
  395.                    center: false
  396.                },
  397.                1024: {
  398.                    items: 1,
  399.                },
  400.                1300: {
  401.                    items: 1,
  402.                    nav: true,
  403.                }
  404.            }
  405.        });
  406.    });
  407.  
  408. </script>
  409.  
  410.  
  411.            </div>
  412.        </div>
  413.  
  414.        <div class="col-xs-6 col-md-4 col-lg-4">
  415.                <i id="menu-user-header" class="fa fa-user-circle" onclick="openRegisterAndLogin();"></i>
  416.  
  417.                <div class="clearfix"></div>
  418.                <div class="wap-form-login">
  419.                    <a href="javascript:void(0);" class="register" onclick="openRegisterAndLogin();">Đăng ký</a>
  420.                    <div class="abcRioButtonFB" style="width:auto; margin-right: 5px;">
  421.                        <a title="Đăng nhập bằng Facebook" href="javascript:void(0);" onclick="return fbLogin();">
  422.                            <i class="fab fa-facebook-f"></i>
  423.                        </a>
  424.                    </div>
  425.                    <div class="abcRioButtonGoogle abcRioButtonLightBlue" style="width:auto;">
  426.                        <a title="Đăng nhập bằng Google" href="javascript:void(0);" id="gSignIn" onclick="return google_login();">
  427.                            <i class="fab fa-google" style=" background: #5183ec;"></i>
  428.                        </a>
  429.                    </div>
  430.                    <div class="wap-btn-login-gg abcRioButtonGoogle abcRioButtonLightBlue" style="display:none">
  431.                        <a title="Đăng nhập bằng Google" href="javascript:void(0);">
  432.                            <i class="fab fa-google" style=" background: #5183ec;"></i>
  433.                        </a>
  434.                    </div>
  435.                </div>
  436.        </div>
  437.  
  438.        <div>
  439.            <form onsubmit="return SearchNewsHeader()">
  440.                <div class="aramaKutusu">
  441.                    <input type="text" id="txt-SearchNewsHeader" placeholder="Nhập từ khóa nội dung cần tìm..." spellcheck="false" oninput="searchAutocomplete(this)">
  442.                    <a href="javascript:void(0);" onclick="SearchNewsHeader()"><i class="fa fa-search"></i></a>
  443.                </div>
  444.            </form>
  445.  
  446.            <style>
  447.                .autocomplete {
  448.                    position: relative;
  449.                    display: inline-block;
  450.                }
  451.                .autocomplete-items {
  452.                    position: absolute;
  453.                    border: 1px solid #d4d4d4;
  454.                    border-bottom: none;
  455.                    border-top: none;
  456.                    z-index: 99;
  457.                    top: 67px;
  458.                    right: 82px;
  459.                    width: 290px;
  460.                    max-height: 400px;
  461.                    overflow: scroll;
  462.                    display: none;
  463.                }
  464.  
  465.                    .autocomplete-items div {
  466.                        cursor: pointer;
  467.                        background-color: #fff;
  468.                        border-bottom: 1px solid #d4d4d4;
  469.                    }
  470.  
  471.                    .autocomplete-items a {
  472.                        padding: 3px 8px;
  473.                        display: block;
  474.                    }
  475.                        .autocomplete-items div:hover {
  476.                            background-color: #e9e9e9;
  477.                        }
  478.                /* width */
  479.                #autocomplete-list::-webkit-scrollbar {
  480.                    width: 10px;
  481.                    background: #f1f1f1;
  482.                    display:block;
  483.                }
  484.  
  485.                /* Track */
  486.                #autocomplete-list::-webkit-scrollbar-track {
  487.                    background: #f1f1f1;
  488.                }
  489.  
  490.                /* Handle */
  491.                #autocomplete-list::-webkit-scrollbar-thumb {
  492.                    background: #888;
  493.                }
  494.  
  495.                    /* Handle on hover */
  496.                #autocomplete-list::-webkit-scrollbar-thumb:hover {
  497.                    background: #555;
  498.                }
  499.                .autocomplete-active {
  500.                    background-color: DodgerBlue !important;
  501.                    color: #ffffff;
  502.                }
  503.            </style>
  504.            <div id="autocomplete-list" class="autocomplete-items" u></div>
  505.  
  506.        </div>
  507.  
  508.  
  509.    </div>
  510.  
  511. <style>
  512.    .navigation__wrapper {
  513.        display: flex;
  514.        width: max-content;
  515.        /* padding: 0 15px 0 0;*/
  516.    }
  517.  
  518.    .tab-bar-header {
  519.        margin: 5px auto;
  520.        display: -webkit-box;
  521.        display: -ms-flexbox;
  522.        display: flex;
  523.        list-style-type: none;
  524.        -webkit-padding-start: 0;
  525.        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  526.        border-right: 0px;
  527.        width: max-content;
  528.        max-height: 35px;
  529.        margin-left: 30px;
  530.    }
  531.  
  532.        .tab-bar-header li {
  533.            width: auto;
  534.            padding-left: 10px;
  535.            padding-right: 11px;
  536.            font-size: 15px;
  537.            background-color: #f6cd9c;
  538.        }
  539.  
  540.            .tab-bar-header li:hover {
  541.                background-color: #EEECEC;
  542.            }
  543.  
  544.            .tab-bar-header li:nth-last-child(2) {
  545.                border-right: none !important;
  546.            }
  547.  
  548.  
  549.    #tab-bar-header li.active {
  550.        border-bottom: 2px solid #fe0c00;
  551.        background-color: #f79522;
  552.        color: #fff;
  553.    }
  554.  
  555.    .wap-navigation__button {
  556.        background-color: #fff;
  557.        position: absolute;
  558.        z-index: 1;
  559.        left: 5px;
  560.        width: 50px;
  561.        height: 45px;
  562.    }
  563.  
  564.    .footer-menu {
  565.        padding: 0 20px;
  566.    }
  567.  
  568.    a.logo-footer img.logo {
  569.        width: 150px;
  570.        image-rendering: -moz-crisp-edges;
  571.        image-rendering: -o-crisp-edges;
  572.        image-rendering: -webkit-optimize-contrast;
  573.        image-rendering: crisp-edges;
  574.        -ms-interpolation-mode: nearest-neighbor;
  575.    }
  576. </style>
  577.  
  578. <style>
  579.    /* accordion-1 */
  580.    #accordion-1 {
  581.        position: relative;
  582.        box-shadow: 0px 1px 7px #DBDBDB;
  583.    }
  584.  
  585.        #accordion-1 .head, .head-home {
  586.            background-color: #FFFFFF;
  587.            padding: 10px;
  588.            cursor: pointer;
  589.            transition: 0.2s ease;
  590.        }
  591.  
  592.            #accordion-1 .head p, .head-home a {
  593.                margin-bottom: 0;
  594.                font-weight: bold;
  595.            }
  596.  
  597.        #accordion-1 .head-home {
  598.            margin-left: 35px;
  599.        }
  600.  
  601.            #accordion-1 .head-home a {
  602.                color: #fe0c00;
  603.            }
  604.  
  605.            #accordion-1 .head-home i.fa-home {
  606.                text-align: center;
  607.                position: absolute;
  608.                left: 10px;
  609.                top: 7px;
  610.            }
  611.  
  612.        #accordion-1 .arrow {
  613.            position: absolute;
  614.            right: 10px;
  615.            top: 5px;
  616.            transition: 0.25s ease;
  617.            opacity: 0.3;
  618.            transform: rotate(-90deg);
  619.        }
  620.  
  621.        #accordion-1 .head:hover .arrow {
  622.            opacity: 1;
  623.        }
  624.  
  625.        #accordion-1 .head:hover, #accordion-1 .active {
  626.            background-color: #EEECEC;
  627.        }
  628.  
  629.        #accordion-1 .head-home:hover {
  630.            background-color: #EEECEC;
  631.        }
  632.  
  633.        #accordion-1 .arrow-animate {
  634.            transform: rotate(0deg);
  635.            opacity: 1;
  636.        }
  637.  
  638.        #accordion-1 .content-collapse {
  639.            background-color: #FFFFFF;
  640.            display: none;
  641.            color: #333333;
  642.        }
  643.  
  644.            #accordion-1 .content-collapse a {
  645.                margin-bottom: 0;
  646.                padding: 10px 20px;
  647.                width: 100%;
  648.                display: block;
  649.                border-bottom: 1px solid #eee;
  650.            }
  651.  
  652.                #accordion-1 .content-collapse a:hover {
  653.                    background-color: #EEECEC;
  654.                    color: #ef9f26;
  655.                }
  656.  
  657.    .fa-angle-right {
  658.        font-size: 15px !important;
  659.    }
  660. </style>
  661.  
  662. <style>
  663.    #tab-cungthaoluan {
  664.        position: initial;
  665.    }
  666.  
  667.        #tab-cungthaoluan > ul {
  668.            position: absolute;
  669.            margin-top: 7px;
  670.            width: 200px;
  671.            display: none;
  672.        }
  673.  
  674.            #tab-cungthaoluan > ul li a {
  675.                display: block;
  676.                background: #ebebeb;
  677.                padding: 10px 15px;
  678.                color: #333;
  679.                text-decoration: none;
  680.                -webkit-transition: 0.2s linear;
  681.                -moz-transition: 0.2s linear;
  682.                -ms-transition: 0.2s linear;
  683.                -o-transition: 0.2s linear;
  684.                transition: 0.2s linear;
  685.            }
  686.  
  687.        #tab-cungthaoluan:hover > ul {
  688.            display: block;
  689.        }
  690.  
  691.        #tab-cungthaoluan ul > li {
  692.            padding-left: 0;
  693.            padding-right: 0;
  694.        }
  695.  
  696.    li > ul {
  697.        display: none;
  698.    }
  699.  
  700.  
  701.    .main-navigation {
  702.        clear: none;
  703.        display: inline-block;
  704.        float: right;
  705.        left: 50px;
  706.        overflow: hidden;
  707.        position: absolute;
  708.        top: 41px;
  709.        width: 300px;
  710.        z-index: 10;
  711.        /*       left: 50%;
  712.        transform: translate(-50%, 0);*/
  713.        display: none;
  714.        background-color: #fff;
  715.        box-shadow: 0 0 5px rgba(0,0,0,.7);
  716.    }
  717.  
  718.        .main-navigation ul {
  719.            margin: 0;
  720.            padding: 10px 0;
  721.        }
  722.  
  723.        .main-navigation li {
  724.            list-style: none;
  725.            position: static;
  726.        }
  727.  
  728.        .main-navigation .span-wrap {
  729.            display: block;
  730.            position: relative;
  731.        }
  732.  
  733.        .main-navigation li a {
  734.            display: block;
  735.            color: #888;
  736.            position: relative;
  737.            text-decoration: none;
  738.            line-height: 35px;
  739.        }
  740.  
  741.            .main-navigation li a:hover {
  742.                color: #000000;
  743.            }
  744.  
  745.    .dropdown {
  746.        background: #888888;
  747.        color: #ffffff;
  748.        cursor: pointer;
  749.        display: block !important;
  750.        padding: 7px 17px;
  751.        position: absolute;
  752.        top: 0;
  753.        z-index: 15;
  754.        transition: all 0.3s ease;
  755.    }
  756.  
  757.        .dropdown i {
  758.            color: #f79522;
  759.        }
  760.  
  761.        .dropdown:hover {
  762.            background: rgba(0, 0, 0, 1);
  763.        }
  764.  
  765.        .dropdown.right {
  766.            right: 0;
  767.        }
  768.  
  769.        .dropdown.left {
  770.            left: 0;
  771.            top: 10px;
  772.        }
  773.  
  774.    .main-navigation .sub-menu {
  775.        box-shadow: none;
  776.        bottom: 0;
  777.        display: none;
  778.        left: 300px;
  779.        padding-left: 47px;
  780.        position: absolute;
  781.        top: 0;
  782.        width: 300px;
  783.        z-index: 10;
  784.    }
  785.  
  786.    .main-navigation .menu {
  787.        left: 0;
  788.        position: relative;
  789.        transition: all 0.3s ease;
  790.    }
  791.  
  792.    .main-navigation.open .menu {
  793.        left: -300px;
  794.    }
  795. </style>
  796.  
  797. <div class="wap-navigation container">
  798.    <div class="navigation-scroll" id="navigation-scroll" style=" overflow-x: scroll;">
  799.        <div class="navigation__wrapper">
  800.            <input type="checkbox" id="hamburger" onclick="hamburgerClick(this);">
  801.            <div class="wap-navigation__button">
  802.                <label for="hamburger" class="navigation__button">
  803.                    <span></span>
  804.                    <span></span>
  805.                    <span></span>
  806.                </label>
  807.            </div>
  808.            <ul class="tab-bar-header menu-main-menu" id="tab-bar-header">
  809.                <li item-header="1" class="tab wave dark active" id="tab-trangchu">Trang chủ</li>
  810.                <li item-header="4" class="tab wave dark" id="tab-thuvienphapluat">Thư viện pháp luật</li>
  811.                <li item-header="6" class="tab wave dark" id="tab-timluatsu">Luật sư toàn quốc</li>
  812.                <li item-header="2" class="tab wave dark" id="tab-timluatsutuvan">Luật sư tư vấn</li>
  813.  
  814.                <li item-header="8" class="tab wave dark" id="tab-cungthaoluan">Giải đáp cùng chuyên gia</li>
  815.                <li item-header="9" class="tab wave dark" id="tab-vuongmacphaply">Vướng mắc pháp lý</li>
  816.  
  817.                <li item-header="5" class="tab wave dark" id="tab-thuvienbanan">Thư viện bản án</li>
  818.                <li item-header="3" class="tab wave dark" id="tab-timthanhvien">Tài khoản</li>
  819.                <div class="indicator"></div>
  820.            </ul>
  821.  
  822.  
  823. <style>
  824.    div.navigation__links .total-post-menu {
  825.        float: right;
  826.        padding-right: 22px;
  827.        font-size: 11px;
  828.    }
  829.  
  830.    div.navigation__links .content-collapse a {
  831.        display: flex;
  832.    }
  833.  
  834.        div.navigation__links .content-collapse a .total-post-menu {
  835.            padding-right: 15px;
  836.            padding-top: 3px;
  837.        }
  838. </style>
  839. <div class="navigation__links" id="navigation__links">
  840.    <ul>
  841.        <li style="text-align:right;background: #fff;border-bottom: 1px solid #DBDBDB;" onclick="closeNavigation_Menu();">
  842.            <div id="accordion-1">
  843.                <div class="head-home left" style=" margin-left: 0;margin-top: 10px;background: transparent;">
  844.                    <a href="javascript:void(0);" style="color:#000;padding-left: 10px;">Danh sách diễn đàn</a>
  845.                </div>
  846.                <div class="head" style="padding: 8px;">
  847.                    <i class="fas fa-long-arrow-alt-left" style="padding:0 5px"></i>
  848.                </div>
  849.            </div>
  850.        </li>
  851.  
  852.                    <li item-nav="0" item-nav-link="/">
  853.                        <div id="accordion-1">
  854.                            <div class="head">
  855.                                <p><i class="fa fa-home" aria-hidden="true" style="font-size: 17px;"></i>&nbsp;&nbsp;Trang chủ</p>
  856.                            </div>
  857.                        </div>
  858.                    </li>
  859.                    <li item-nav="1" item-nav-link="/dan-luat/tu-van-cua-luat-su" style="">
  860.                        <div id="accordion-1">
  861.                            <div class="head">
  862.                                <p>Luật sư tư vấn <span class="total-post-menu">(206,316)</span></p>
  863.                                <i class="fas fa-angle-down arrow"></i>
  864.                            </div>
  865.                                <div class="content-collapse">
  866.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/dat-dai-nha-cua-52"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Đất đai, Nh&#224; cửa <span class="total-post-menu">(39,670)</span></a>
  867.                                </div>
  868.                                <div class="content-collapse">
  869.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/lao-dong-53"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Lao động <span class="total-post-menu">(65,548)</span></a>
  870.                                </div>
  871.                                <div class="content-collapse">
  872.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/hop-dong-54"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Hợp đồng <span class="total-post-menu">(74,557)</span></a>
  873.                                </div>
  874.                                <div class="content-collapse">
  875.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/ke-toan-thue-56"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Kế to&#225;n, Thuế <span class="total-post-menu">(80,295)</span></a>
  876.                                </div>
  877.                                <div class="content-collapse">
  878.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/doanh-nghiep-58"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Doanh nghiệp <span class="total-post-menu">(94,322)</span></a>
  879.                                </div>
  880.                                <div class="content-collapse">
  881.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/hinh-su-60"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;H&#236;nh sự <span class="total-post-menu">(109,288)</span></a>
  882.                                </div>
  883.                                <div class="content-collapse">
  884.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/hon-nhan-thua-ke-75"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;H&#244;n nh&#226;n, Thừa kế <span class="total-post-menu">(126,301)</span></a>
  885.                                </div>
  886.                                <div class="content-collapse">
  887.                                    <a item-child="1" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/tu-van-luat-su/linh-vuc-luat-khac-76"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Lĩnh vực Luật kh&#225;c <span class="total-post-menu">(140,562)</span></a>
  888.                                </div>
  889.                        </div>
  890.                    </li>
  891.                    <li item-nav="2" item-nav-link="/dan-luat/cung-thao-luan" style="">
  892.                        <div id="accordion-1">
  893.                            <div class="head">
  894.                                <p>Giải đ&#225;p c&#249;ng chuy&#234;n gia <span class="total-post-menu">(671,791)</span></p>
  895.                                <i class="fas fa-angle-down arrow"></i>
  896.                            </div>
  897.                                <div class="content-collapse">
  898.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/cafe-danluat-107"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Caf&#233; DanLuat <span class="total-post-menu">(66,610)</span></a>
  899.                                </div>
  900.                                <div class="content-collapse">
  901.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/vuong-mac-phap-ly-111"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Vướng mắc ph&#225;p l&#253; <span class="total-post-menu">(292,323)</span></a>
  902.                                </div>
  903.                                <div class="content-collapse">
  904.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/tang-nhau-van-ban-luat-112"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Tặng nhau Văn bản Luật <span class="total-post-menu">(300,751)</span></a>
  905.                                </div>
  906.                                <div class="content-collapse">
  907.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/phong-sinh-vien-luat-113"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Ph&#242;ng Sinh vi&#234;n Luật <span class="total-post-menu">(338,280)</span></a>
  908.                                </div>
  909.                                <div class="content-collapse">
  910.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/phong-giam-si-tret-155"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Ph&#242;ng giảm &quot;S&#236; tr&#233;t&quot; <span class="total-post-menu">(363,778)</span></a>
  911.                                </div>
  912.                                <div class="content-collapse">
  913.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/du-thao-luat-moi-160"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Dự thảo Luật mới <span class="total-post-menu">(368,255)</span></a>
  914.                                </div>
  915.                                <div class="content-collapse">
  916.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/goc-doanh-nhan-162"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;G&#243;c doanh nh&#226;n <span class="total-post-menu">(370,169)</span></a>
  917.                                </div>
  918.                                <div class="content-collapse">
  919.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/tinh-huong-phap-ly-tham-khao-172"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;T&#236;nh huống ph&#225;p l&#253; tham khảo <span class="total-post-menu">(372,651)</span></a>
  920.                                </div>
  921.                                <div class="content-collapse">
  922.                                    <a item-child="2" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/review-ban-an-185"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;B&#236;nh luận &#225;n <span class="total-post-menu">(372,945)</span></a>
  923.                                </div>
  924.                        </div>
  925.                    </li>
  926.                    <li item-nav="3" item-nav-link="/dan-luat/cung-thao-luan/vuong-mac-phap-ly-111" style="">
  927.                        <div id="accordion-1">
  928.                            <div class="head">
  929.                                <p>Vướng mắc ph&#225;p l&#253; <span class="total-post-menu">(462,928)</span></p>
  930.                                <i class="fas fa-angle-down arrow"></i>
  931.                            </div>
  932.                                <div class="content-collapse">
  933.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/doanh-nghiep-dau-tu-110"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Doanh nghiệp &amp; Đầu tư <span class="total-post-menu">(31,759)</span></a>
  934.                                </div>
  935.                                <div class="content-collapse">
  936.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/ke-toan-kiem-toan-139"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Kế to&#225;n - Kiểm to&#225;n <span class="total-post-menu">(46,903)</span></a>
  937.                                </div>
  938.                                <div class="content-collapse">
  939.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/van-de-phap-ly-khac-140"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Vấn đề ph&#225;p l&#253; kh&#225;c <span class="total-post-menu">(86,235)</span></a>
  940.                                </div>
  941.                                <div class="content-collapse">
  942.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/dat-dai-nha-cua-141"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Đất đai - Nh&#224; cửa <span class="total-post-menu">(110,394)</span></a>
  943.                                </div>
  944.                                <div class="content-collapse">
  945.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/lao-dong-viec-lam-142"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Lao động - Việc l&#224;m <span class="total-post-menu">(150,150)</span></a>
  946.                                </div>
  947.                                <div class="content-collapse">
  948.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/hon-nhan-gia-dinh-168"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;H&#244;n nh&#226;n &amp; Gia đ&#236;nh <span class="total-post-menu">(166,329)</span></a>
  949.                                </div>
  950.                                <div class="content-collapse">
  951.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/hinh-su-hinh-phat-169"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;H&#236;nh sự &amp; H&#236;nh phạt <span class="total-post-menu">(183,978)</span></a>
  952.                                </div>
  953.                                <div class="content-collapse">
  954.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/thue-phi-le-phi-170"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Thuế - Ph&#237; - Lệ ph&#237; <span class="total-post-menu">(198,601)</span></a>
  955.                                </div>
  956.                                <div class="content-collapse">
  957.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/htkk-ho-tro-ke-khai-174"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;HTKK - Hỗ Trợ K&#234; Khai <span class="total-post-menu">(199,254)</span></a>
  958.                                </div>
  959.                                <div class="content-collapse">
  960.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/quyet-toan-thue-182"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Quyết To&#225;n Thuế <span class="total-post-menu">(200,144)</span></a>
  961.                                </div>
  962.                                <div class="content-collapse">
  963.                                    <a item-child="3" href="https://thuvienphapluat.vn/cong-dong-dan-luat/dan-luat/cung-thao-luan/nghiep-vu-chuyen-nganh-184"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Nghiệp vụ chuy&#234;n ng&#224;nh <span class="total-post-menu">(200,451)</span></a>
  964.                                </div>
  965.                        </div>
  966.                    </li>
  967.                    <li item-nav="4" item-nav-link="https://thuvienphapluat.vn/banan" style="">
  968.                        <div id="accordion-1">
  969.                            <div class="head">
  970.                                <p>Thư Viện Bản &#193;n <span class="total-post-menu"></span></p>
  971.                                <i class="fas fa-angle-down arrow"></i>
  972.                            </div>
  973.                        </div>
  974.                    </li>
  975.                    <li item-nav="5" item-nav-link="/cong-dong-dan-luat/luat-su-toan-quoc" style="">
  976.                        <div id="accordion-1">
  977.                            <div class="head">
  978.                                <p>Luật sư to&#224;n quốc <span class="total-post-menu"></span></p>
  979.                                <i class="fas fa-angle-down arrow"></i>
  980.                            </div>
  981.                        </div>
  982.                    </li>
  983.                    <li item-nav="6" item-nav-link="/cong-dong-dan-luat/luat-su-tu-van" style="">
  984.                        <div id="accordion-1">
  985.                            <div class="head">
  986.                                <p>Luật sư tư vấn <span class="total-post-menu"></span></p>
  987.                                <i class="fas fa-angle-down arrow"></i>
  988.                            </div>
  989.                        </div>
  990.                    </li>
  991.                    <li item-nav="7" item-nav-link="javascript:void(0);openRegisterAndLogin();" style="">
  992.                        <div id="accordion-1">
  993.                            <div class="head">
  994.                                <p>T&#224;i khoản <span class="total-post-menu"></span></p>
  995.                                <i class="fas fa-angle-down arrow"></i>
  996.                            </div>
  997.                        </div>
  998.                    </li>
  999.  
  1000.        <li item-nav="8" item-nav-link="/cong-dong-dan-luat/cau-hoi-thuong-gap">
  1001.            <div id="accordion-1">
  1002.                <div class="head">
  1003.                    <p>FAQ</p>
  1004.                    <i class="fas fa-angle-down arrow"></i>
  1005.                </div>
  1006.            </div>
  1007.        </li>
  1008.  
  1009.        <li item-nav="9" item-nav-link="/cong-dong-dan-luat/gioi-thieu">
  1010.            <div id="accordion-1">
  1011.                <div class="head">
  1012.                    <p>Về chúng tôi</p>
  1013.                    <i class="fas fa-angle-down arrow"></i>
  1014.                </div>
  1015.            </div>
  1016.        </li>
  1017.  
  1018.        <li item-nav="10" item-nav-link="/cong-dong-dan-luat/thoa-uoc-su-dung">
  1019.            <div id="accordion-1">
  1020.                <div class="head">
  1021.                    <p>Thỏa ước sử dụng</p>
  1022.                    <i class="fas fa-angle-down arrow"></i>
  1023.                </div>
  1024.            </div>
  1025.        </li>
  1026.  
  1027.        <li item-nav="11" item-nav-link="/cong-dong-dan-luat/huong-dan-su-dung">
  1028.            <div id="accordion-1">
  1029.                <div class="head">
  1030.                    <p>Hướng dẫn sử dụng</p>
  1031.                    <i class="fas fa-angle-down arrow"></i>
  1032.                </div>
  1033.            </div>
  1034.        </li>
  1035.  
  1036.        <li item-nav="12" item-nav-link="/cong-dong-dan-luat/sitemap">
  1037.            <div id="accordion-1">
  1038.                <div class="head">
  1039.                    <p>SiteMap</p>
  1040.                    <i class="fas fa-angle-down arrow"></i>
  1041.                </div>
  1042.            </div>
  1043.        </li>
  1044.  
  1045.  
  1046.        <li style="bottom: auto;height: inherit;position: relative;background-color: #ffeddd;border-top: 10px solid #f79522;max-height: 360px;">
  1047.            <div class="clearfix"></div>
  1048.            <div class="row">
  1049.                <div class="col-md-12 col-sm-12 col-xs-12">
  1050.                    <p style="text-align: center;">
  1051.                        <a href="https://thuvienphapluat.vn/cong-dong-dan-luat/" class="logo-footer">
  1052.                            <img src="https://thuvienphapluat.vn/cong-dong-dan-luat/Content/Images/logo-danluat-he.png" class="logo">
  1053.                        </a>
  1054.                    </p>
  1055.                    <p class="address" style="text-align:center; padding:5px;">
  1056.                        Chủ quản: Công ty <strong style="font-family: Times New Roman; font-size: 11px">
  1057.                            <a href="https://thuvienphapluat.vn/"><span style="color: Red">THƯ VIỆN PHÁP LUẬT</span></a>
  1058.                        </strong>. Giấy phép số: 27/GP-TTĐT, do Sở TTTT TP. HCM cấp ngày 09/05/2019.
  1059.                        <br>
  1060.  
  1061.                        Chịu trách nhiệm chính: Ông Bùi Tường Vũ - Số điện thoại liên hệ: 028 3930 3279
  1062.                        <br>
  1063.                        Địa chỉ: P.702A , Centre Point, 106 Nguyễn Văn Trỗi, P.8, Q. Phú Nhuận, TP. HCM;
  1064.                        <br>
  1065.                        Địa điểm Kinh Doanh: Số 19 Nguyễn Gia Thiều, P.Võ Thị Sáu, Q.3, TP. HCM;
  1066.                    </p>
  1067.                </div>
  1068.            </div>
  1069.        </li>
  1070.    </ul>
  1071. </div>
  1072.  
  1073.  
  1074.        </div>
  1075.    </div>
  1076. </div>
  1077.  
  1078. <script>
  1079.    jQuery(document).ready(function () {
  1080.        var pathname = window.location.pathname;
  1081.        const elements = document.querySelectorAll('#tab-bar-header li');
  1082.        $('#tab-bar-header li.tab.wave').removeClass("active");
  1083.        elements.forEach(el => {
  1084.            if (el.id == "tab-trangchu" && pathname == "/" || el.id == "tab-trangchu" && pathname == "")
  1085.                $(el).addClass('active');
  1086.            else if (el.id == "tab-timthanhvien" && pathname == "/tim-thanh-vien") {
  1087.                $(el).addClass('active');
  1088.            }
  1089.            else if (el.id == "tab-timluatsu" && pathname == "/luat-su-toan-quoc")
  1090.                $(el).addClass('active');
  1091.            //else if (el.id == "tab-timluatsutuvan" && pathname == "/luat-su-tu-van")
  1092.            else if (el.id == "tab-timluatsutuvan" && pathname == "/dan-luat/tu-van-luat-su")
  1093.                $(el).addClass('active');
  1094.            else if (el.id == "tab-cungthaoluan" && pathname == "/dan-luat/cung-thao-luan")
  1095.                $(el).addClass('active');
  1096.            else if (el.id == "tab-vuongmacphaply" && pathname == "/dan-luat/cung-thao-luan/vuong-mac-phap-ly-111")
  1097.                $(el).addClass('active');
  1098.        });
  1099.    });
  1100.  
  1101.    function hamburgerClick(elm) {
  1102.        $('.navigation__wrapper').css('width', 'auto');
  1103.        $('.navigation-scroll').css('overflow-x', 'inherit');
  1104.    }
  1105.  
  1106.    $("#tab-bar-header li.tab.wave").click(function () {
  1107.        $('#tab-bar-header li.tab.wave').removeClass("active");
  1108.        $(this).addClass('active');
  1109.        var item = $(this).attr('item-header');
  1110.        if (item == "1")
  1111.            window.location.href = MAIN_DOMAIN + '/';
  1112.        else if (item == "2")
  1113.            window.location.href = MAIN_DOMAIN + '/dan-luat/tu-van-luat-su';
  1114.        //window.location.href = '/luat-su-tu-van';
  1115.        else if (item == "3")
  1116.            window.location.href = MAIN_DOMAIN + '/tim-thanh-vien';
  1117.        else if (item == "4")
  1118.            window.location.href = 'https://thuvienphapluat.vn';
  1119.        else if (item == "5")
  1120.            window.location.href = 'https://thuvienphapluat.vn/banan';
  1121.        else if (item == "6")
  1122.            window.location.href = MAIN_DOMAIN + '/luat-su-toan-quoc';
  1123.        else if (item == "7")
  1124.            window.location.href = 'https://khoinghiep.thuvienphapluat.vn/tim-kiem-bieu-mau.html?hd=&q=';
  1125.        else if (item == "8")
  1126.            window.location.href = MAIN_DOMAIN + '/dan-luat/cung-thao-luan';
  1127.        else if (item == "9")
  1128.            window.location.href = MAIN_DOMAIN + '/dan-luat/cung-thao-luan/vuong-mac-phap-ly-111';
  1129.    });
  1130.  
  1131.    $("#navigation__links ul li").click(function () {
  1132.        var item = $(this).attr('item-nav');
  1133.        var link = $(this).attr('item-nav-link');
  1134.        if (!item && !link)
  1135.            return false;
  1136.        var check = $(this).find('.content-collapse a');
  1137.        if (check.length == 0) {
  1138.            window.location.href = link;
  1139.        }
  1140.    });
  1141.    $('.head').click(function () {
  1142.        $(this).toggleClass('active');
  1143.        $(this).parent().find('.arrow').toggleClass('arrow-animate');
  1144.        $(this).parent().find('.content-collapse').slideToggle(280);
  1145.    });
  1146.  
  1147.    document.addEventListener("click", function (evt) {
  1148.        $('#site-navigation').hide();
  1149.    });
  1150.  
  1151.    document.addEventListener("scroll", function (evt) {
  1152.        $('#site-navigation').hide();
  1153.    });
  1154.  
  1155. </script>
  1156.  
  1157.  
  1158. </nav>
  1159.  
  1160.    <div class="wap-notifionp-register">
  1161.        <div class="alert alert-success" id="div-notifion" style="padding:2px;margin-bottom: -15px;">
  1162.            <button type="button" class="close" data-dismiss="alert" style="padding: 0 5px;">x</button>
  1163.            <span id="span-notifion" style="color: #333; font-weight: 600;font-size: 13px;">
  1164.                Chào mừng bạn đến với <strong><span style="color: red;">D</span>ân <span style="color: red;">L</span>uật</strong>
  1165. . Để viết bài Tư vấn,
  1166.                <a href="https://thuvienphapluat.vn/cong-dong-dan-luat/tao-bai-viet-hoi-luat-su" style="cursor: pointer;">Hỏi Luật Sư</a>, kết nối với Luật sư và chuyên gia, … Bạn vui lòng <b id="btn-register" style="color:red;cursor: pointer;" onclick="openRegisterAndLogin();">ĐĂNG KÝ TÀI KHOẢN</b>.
  1167.            </span>
  1168.        </div>
  1169.    </div>
  1170.  
  1171. <script>
  1172.  
  1173.    var flagSearchAutocomplete = false;
  1174.    $(document).ready(function () {
  1175.        loadCityList();
  1176.        var isAndroid = /(android)/i.test(navigator.userAgent);
  1177.        if (isAndroid) {
  1178.            $('#registerModal .content-login').css('position', 'absolute');
  1179.        } else {
  1180.            if (window.innerWidth <= 320) {
  1181.                $('#registerModal .content-login').css('position', 'absolute');
  1182.            }
  1183.        }
  1184.  
  1185.  
  1186.        $('.main-loader').css('display', 'block');
  1187.        var WidthSecondLI = $('#navigation__links ul').children('li').eq(1).innerWidth();
  1188.        $('#navigation__links ul').children('li').eq(0).css("width", WidthSecondLI + "px");
  1189.        //loadDataTextHeader();
  1190.  
  1191.        var elements = document.getElementsByClassName("multiNoti");
  1192.        document.addEventListener('click', function (event) {
  1193.            for (let i = 0; i < elements.length; i++) {
  1194.                if (elements[i].contains(event.target)) {
  1195.                    var notificationId = $(elements[i]).attr('id');
  1196.  
  1197.                    if (notificationId)
  1198.                        UpdateIsReadNotification(notificationId)
  1199.                    break;
  1200.                }
  1201.            }
  1202.        })
  1203.    })
  1204.    function closeNavigation_Menu() {
  1205.        $('.navigation__wrapper').css('width', 'max-content');
  1206.        $('#hamburger').prop("checked", false);
  1207.        $('.navigation-scroll').css('overflow-x', 'scroll');
  1208.    }
  1209.  
  1210.    function searchAutocomplete(elm) {
  1211.        if (!elm.value) {
  1212.            $('.autocomplete-items').css('display', 'none');
  1213.            $('.autocomplete-items').html('');
  1214.            return false;
  1215.        }
  1216.        if (flagSearchAutocomplete)
  1217.            return false;
  1218.        else
  1219.            flagSearchAutocomplete = true;
  1220.  
  1221.        setTimeout(() => {
  1222.            var url = domain + `thread-api/search-post-by-title?q=${elm.value}&q_Athour=&q_ForumID=0&q_ToDay=&q_FrormDay=&page=${1}&pageSize=${20}&type_q=${3}&exactly_q=${1}&IsMain_q=${1}`;
  1223.            //$('.main-loader').fadeIn('fast');
  1224.            $.ajax({
  1225.                url: url,
  1226.                type: "GET",
  1227.                async: false,
  1228.                contentType: "application/json; charset=utf-8",
  1229.                success: function (data) {
  1230.                    $('.autocomplete-items').html('');
  1231.                    flagSearchAutocomplete = false;
  1232.                    if (data.Status && data.Data.SolrObject.response && data.Data.SolrObject.response.docs && data.Data.SolrObject.response.docs.length > 0) {
  1233.                        data.Data.SolrObject.response.docs.forEach(function (element, index) {
  1234.                            $('.autocomplete-items').append(` <div><a href='${MAIN_DOMAIN}${element.Url}'>${element.Subject}</a></div>`);
  1235.                        })
  1236.  
  1237.                        $('.autocomplete-items').css('display', 'block');
  1238.                    } else
  1239.                        $('.autocomplete-items').html('');
  1240.                    //$('.main-loader').fadeOut('slow');
  1241.                },
  1242.                error: function (request, status, error) {
  1243.                    $('.autocomplete-items').html('');
  1244.                    $('.autocomplete-items').css('display', 'none');
  1245.                    //$('.main-loader').fadeOut('slow');
  1246.                }
  1247.            });
  1248.  
  1249.        }, 500);
  1250.    }
  1251.  
  1252.    function SearchNewsHeader() {
  1253.        var keyword = $('#txt-SearchNewsHeader').val();
  1254.        if (keyword)
  1255.            window.location.href = '/cong-dong-dan-luat/tim-bai-viet.html?q=' + keyword;
  1256.        else
  1257.            window.location.href = '/cong-dong-dan-luat/tim-bai-viet.html';
  1258.        return false;
  1259.    }
  1260.  
  1261.    var title = [];//['<a class="animate">Every new beginning comes from some other beginning s end.</a>', '<a class="animate">Even the genius asks questions.</a>', '<a class="animate">Giả sử cho tù nhân ở Việt Nam được học và cấp bằng đại học ở trong tù giống nước ngoài thì có được không?</a>'];
  1262.    var index = 0;
  1263.  
  1264.    function change_title() {
  1265.        var x = title[index];
  1266.        $('.text-container').html(x);
  1267.        index++;
  1268.        if (index >= title.length) { index = 0; }
  1269.    };
  1270.  
  1271.    function change_left() {
  1272.        $('div.slide-right').removeClass('slide-right').addClass('slide-left');
  1273.    }
  1274.  
  1275.    function change_right() {
  1276.        $('div.slide-right').removeClass('slide-left').addClass('slide-right');
  1277.        change_title();
  1278.    }
  1279.  
  1280.    function to_left() {
  1281.        setInterval(change_left, 10000);
  1282.    };
  1283.  
  1284.    function to_right() {
  1285.        setInterval(change_right, 20000);
  1286.    };
  1287.  
  1288.    to_left();
  1289.    to_right();
  1290.  
  1291.    let container2 = document.querySelector("#two");
  1292.    let text2 = document.querySelector("#two a");
  1293.  
  1294.    if (text2 && container2.clientWidth < text2.clientWidth) {
  1295.        text2.classList.add("animate");
  1296.    }
  1297.  
  1298. </script>
  1299.  
  1300.  
  1301.    <div class="px-0 px-lg-0 mt-2 mt-md-4">
  1302.        <div class="master-column-wrapper" style="min-height:500px">
  1303.            
  1304.  
  1305.  
  1306. <style>
  1307.    body {
  1308.        margin-top: 20px;
  1309.        background: #eee;
  1310.    }
  1311.  
  1312.    .fs35 {
  1313.        font-size: 35px !important;
  1314.    }
  1315.  
  1316.    .mw50 {
  1317.        max-width: 50px !important;
  1318.    }
  1319.  
  1320.    .mn {
  1321.        margin: 0 !important;
  1322.    }
  1323.  
  1324.    .mw140 {
  1325.        max-width: 140px !important;
  1326.    }
  1327.  
  1328.    .mb20 {
  1329.        margin-bottom: 20px !important;
  1330.    }
  1331.  
  1332.    .mr25 {
  1333.        margin-right: 25px !important;
  1334.    }
  1335.  
  1336.    .mw40 {
  1337.        max-width: 40px !important;
  1338.    }
  1339.  
  1340.  
  1341.    .page-heading {
  1342.        position: relative;
  1343.        padding: 15px 0;
  1344.        background-color: #f2f2f2;
  1345.        margin-bottom: 15px;
  1346.    }
  1347.  
  1348.    .page-tabs {
  1349.        margin: -25px -20px 30px;
  1350.        padding: 15px 25px 0;
  1351.        border-bottom: 1px solid #ddd;
  1352.        background: #e9e9e9;
  1353.    }
  1354.  
  1355.        .page-tabs .nav-tabs {
  1356.            border-bottom: 0;
  1357.        }
  1358.  
  1359.            .page-tabs .nav-tabs > li > a {
  1360.                color: #AAA;
  1361.                padding: 10px 20px;
  1362.            }
  1363.  
  1364.            .page-tabs .nav-tabs > li:hover > a,
  1365.            .page-tabs .nav-tabs > li:focus > a {
  1366.                border-color: #ddd;
  1367.            }
  1368.  
  1369.            .page-tabs .nav-tabs > li.active > a,
  1370.            .page-tabs .nav-tabs > li.active > a:hover,
  1371.            .page-tabs .nav-tabs > li.active > a:focus {
  1372.                color: #666;
  1373.                font-weight: 600;
  1374.                background-color: #eee;
  1375.                border-bottom-color: transparent;
  1376.            }
  1377.  
  1378.    @media (max-width: 800px) {
  1379.        .page-tabs {
  1380.            padding: 25px 20px 0;
  1381.        }
  1382.  
  1383.            .page-tabs .nav-tabs li {
  1384.                float: none;
  1385.                margin-bottom: 5px;
  1386.            }
  1387.  
  1388.                .page-tabs .nav-tabs li:last-child,
  1389.                .page-tabs .nav-tabs li.active:last-child {
  1390.                    margin-bottom: 10px;
  1391.                }
  1392.  
  1393.            .page-tabs .nav-tabs > li > a:hover,
  1394.            .page-tabs .nav-tabs > li > a:focus {
  1395.                border: 1px solid #DDD;
  1396.            }
  1397.  
  1398.            .page-tabs .nav-tabs > li.active > a,
  1399.            .page-tabs .nav-tabs > li.active > a:hover,
  1400.            .page-tabs .nav-tabs > li.active > a:focus {
  1401.                border-bottom-color: #ddd;
  1402.            }
  1403.    }
  1404.  
  1405.    .panel {
  1406.        position: relative;
  1407.        margin-bottom: 27px;
  1408.        background-color: #ffffff;
  1409.        border-radius: 3px;
  1410.    }
  1411.  
  1412.        .panel.panel-transparent {
  1413.            background: none;
  1414.            border: 0;
  1415.            margin: 0;
  1416.            padding: 0;
  1417.        }
  1418.  
  1419.        .panel.panel-border {
  1420.            border-style: solid;
  1421.            border-width: 0;
  1422.        }
  1423.  
  1424.            .panel.panel-border.top {
  1425.                border-top-width: 5px;
  1426.            }
  1427.  
  1428.            .panel.panel-border.right {
  1429.                border-right-width: 5px;
  1430.            }
  1431.  
  1432.            .panel.panel-border.bottom {
  1433.                border-bottom-width: 5px;
  1434.            }
  1435.  
  1436.            .panel.panel-border.left {
  1437.                border-left-width: 5px;
  1438.            }
  1439.  
  1440.            .panel.panel-border > .panel-heading {
  1441.                background-color: #fafafa;
  1442.                border-color: #e2e2e2;
  1443.                border-top: 1px solid transparent;
  1444.            }
  1445.  
  1446.                .panel.panel-border > .panel-heading > .panel-title {
  1447.                    color: #999999;
  1448.                }
  1449.  
  1450.            .panel.panel-border.panel-default {
  1451.                border-color: #DDD;
  1452.            }
  1453.  
  1454.                .panel.panel-border.panel-default > .panel-heading {
  1455.                    border-top: 1px solid transparent;
  1456.                }
  1457.  
  1458.    .panel-menu {
  1459.        background-color: #fafafa;
  1460.        padding: 12px;
  1461.        border: 1px solid #e2e2e2;
  1462.    }
  1463.  
  1464.        .panel-menu.dark {
  1465.            background-color: #f8f8f8;
  1466.        }
  1467.  
  1468.    .panel-body .panel-menu {
  1469.        border-left: 0;
  1470.        border-right: 0;
  1471.    }
  1472.  
  1473.    .panel-heading + .panel-menu,
  1474.    .panel-menu + .panel-body,
  1475.    .panel-body + .panel-menu,
  1476.    .panel-body + .panel-body {
  1477.        border-top: 0;
  1478.    }
  1479.  
  1480.    .panel-body {
  1481.        position: relative;
  1482.        padding: 15px;
  1483.        border: 1px solid #e2e2e2;
  1484.    }
  1485.  
  1486.        .panel-body + .panel-footer {
  1487.            border-top: 0;
  1488.        }
  1489.  
  1490.    .panel-heading {
  1491.        position: relative;
  1492.        height: 52px;
  1493.        line-height: 49px;
  1494.        letter-spacing: 0.2px;
  1495.        color: #999999;
  1496.        font-size: 15px;
  1497.        font-weight: 400;
  1498.        padding: 0 8px;
  1499.        background: #fafafa;
  1500.        border: 1px solid #e2e2e2;
  1501.        border-top-right-radius: 3px;
  1502.        border-top-left-radius: 3px;
  1503.    }
  1504.  
  1505.        .panel-heading + .panel-body {
  1506.            border-top: 0;
  1507.        }
  1508.  
  1509.        .panel-heading > .dropdown .dropdown-toggle {
  1510.            color: inherit;
  1511.        }
  1512.  
  1513.        .panel-heading .widget-menu .btn-group {
  1514.            margin-top: -3px;
  1515.        }
  1516.  
  1517.        .panel-heading .widget-menu .form-control {
  1518.            margin-top: 6px;
  1519.            font-size: 11px;
  1520.            height: 27px;
  1521.            padding: 2px 10px;
  1522.            border-radius: 1px;
  1523.        }
  1524.  
  1525.            .panel-heading .widget-menu .form-control.input-sm {
  1526.                margin-top: 9px;
  1527.                height: 22px;
  1528.            }
  1529.  
  1530.        .panel-heading .widget-menu .progress {
  1531.            margin-top: 11px;
  1532.            margin-bottom: 0;
  1533.        }
  1534.  
  1535.        .panel-heading .widget-menu .progress-bar-lg {
  1536.            margin-top: 10px;
  1537.        }
  1538.  
  1539.        .panel-heading .widget-menu .progress-bar-sm {
  1540.            margin-top: 15px;
  1541.        }
  1542.  
  1543.        .panel-heading .widget-menu .progress-bar-xs {
  1544.            margin-top: 17px;
  1545.        }
  1546.  
  1547.    .panel-icon {
  1548.        padding-left: 5px;
  1549.    }
  1550.  
  1551.    .panel-title {
  1552.        padding-left: 6px;
  1553.        margin-top: 0;
  1554.        margin-bottom: 0;
  1555.    }
  1556.  
  1557.        .panel-title > .fa,
  1558.        .panel-title > .glyphicon,
  1559.        .panel-title > .glyphicons,
  1560.        .panel-title > .imoon {
  1561.            top: 2px;
  1562.            min-width: 22px;
  1563.            color: inherit;
  1564.            font-size: 14px;
  1565.        }
  1566.  
  1567.        .panel-title > a {
  1568.            color: inherit;
  1569.        }
  1570.  
  1571.    .panel-footer {
  1572.        padding: 10px 15px;
  1573.        background-color: #fafafa;
  1574.        border: 1px solid #e2e2e2;
  1575.        border-bottom-right-radius: 2px;
  1576.        border-bottom-left-radius: 2px;
  1577.    }
  1578.  
  1579.    .panel > .list-group {
  1580.        margin-bottom: 0;
  1581.    }
  1582.  
  1583.        .panel > .list-group .list-group-item {
  1584.            border-radius: 0;
  1585.        }
  1586.  
  1587.        .panel > .list-group:first-child .list-group-item:first-child {
  1588.            border-top-right-radius: 2px;
  1589.            border-top-left-radius: 2px;
  1590.        }
  1591.  
  1592.        .panel > .list-group:last-child .list-group-item:last-child {
  1593.            border-bottom-right-radius: 2px;
  1594.            border-bottom-left-radius: 2px;
  1595.        }
  1596.  
  1597.    .panel-heading + .list-group .list-group-item:first-child {
  1598.        border-top-width: 0;
  1599.    }
  1600.  
  1601.    .panel-body + .list-group .list-group-item:first-child {
  1602.        border-top-width: 0;
  1603.    }
  1604.  
  1605.    .list-group + .panel-footer {
  1606.        border-top-width: 0;
  1607.    }
  1608.  
  1609.    .panel > .table,
  1610.    .panel > .table-responsive > .table,
  1611.    .panel > .panel-collapse > .table {
  1612.        margin-bottom: 0;
  1613.    }
  1614.  
  1615.        .panel > .table:first-child,
  1616.        .panel > .table-responsive:first-child > .table:first-child {
  1617.            border-top-right-radius: 2px;
  1618.            border-top-left-radius: 2px;
  1619.        }
  1620.  
  1621.            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  1622.            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  1623.            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  1624.            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  1625.            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  1626.            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  1627.            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  1628.            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  1629.                border-top-left-radius: 2px;
  1630.            }
  1631.  
  1632.            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  1633.            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  1634.            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  1635.            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  1636.            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  1637.            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  1638.            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  1639.            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  1640.                border-top-right-radius: 2px;
  1641.            }
  1642.  
  1643.        .panel > .table:last-child,
  1644.        .panel > .table-responsive:last-child > .table:last-child {
  1645.            border-bottom-right-radius: 2px;
  1646.            border-bottom-left-radius: 2px;
  1647.        }
  1648.  
  1649.            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  1650.            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  1651.            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  1652.            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  1653.            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  1654.            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  1655.            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  1656.            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  1657.                border-bottom-left-radius: 2px;
  1658.            }
  1659.  
  1660.            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  1661.            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  1662.            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  1663.            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  1664.            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  1665.            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  1666.            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  1667.            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  1668.                border-bottom-right-radius: 2px;
  1669.            }
  1670.  
  1671.    .panel > .panel-body + .table,
  1672.    .panel > .panel-body + .table-responsive {
  1673.        border-top: 1px solid #eeeeee;
  1674.    }
  1675.  
  1676.    .panel > .table > tbody:first-child > tr:first-child th,
  1677.    .panel > .table > tbody:first-child > tr:first-child td {
  1678.        border-top: 0;
  1679.    }
  1680.  
  1681.    .panel > .table-bordered,
  1682.    .panel > .table-responsive > .table-bordered {
  1683.        border: 0;
  1684.    }
  1685.  
  1686.        .panel > .table-bordered > thead > tr > th:first-child,
  1687.        .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  1688.        .panel > .table-bordered > tbody > tr > th:first-child,
  1689.        .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  1690.        .panel > .table-bordered > tfoot > tr > th:first-child,
  1691.        .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  1692.        .panel > .table-bordered > thead > tr > td:first-child,
  1693.        .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  1694.        .panel > .table-bordered > tbody > tr > td:first-child,
  1695.        .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  1696.        .panel > .table-bordered > tfoot > tr > td:first-child,
  1697.        .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  1698.            border-left: 0;
  1699.        }
  1700.  
  1701.        .panel > .table-bordered > thead > tr > th:last-child,
  1702.        .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  1703.        .panel > .table-bordered > tbody > tr > th:last-child,
  1704.        .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  1705.        .panel > .table-bordered > tfoot > tr > th:last-child,
  1706.        .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  1707.        .panel > .table-bordered > thead > tr > td:last-child,
  1708.        .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  1709.        .panel > .table-bordered > tbody > tr > td:last-child,
  1710.        .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  1711.        .panel > .table-bordered > tfoot > tr > td:last-child,
  1712.        .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  1713.            border-right: 0;
  1714.        }
  1715.  
  1716.        .panel > .table-bordered > thead > tr:first-child > td,
  1717.        .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  1718.        .panel > .table-bordered > tbody > tr:first-child > td,
  1719.        .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  1720.        .panel > .table-bordered > thead > tr:first-child > th,
  1721.        .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  1722.        .panel > .table-bordered > tbody > tr:first-child > th,
  1723.        .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  1724.            border-bottom: 0;
  1725.        }
  1726.  
  1727.        .panel > .table-bordered > tbody > tr:last-child > td,
  1728.        .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  1729.        .panel > .table-bordered > tfoot > tr:last-child > td,
  1730.        .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  1731.        .panel > .table-bordered > tbody > tr:last-child > th,
  1732.        .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  1733.        .panel > .table-bordered > tfoot > tr:last-child > th,
  1734.        .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  1735.            border-bottom: 0;
  1736.        }
  1737.  
  1738.    .panel > .table-responsive {
  1739.        border: 0;
  1740.        margin-bottom: 0;
  1741.    }
  1742.  
  1743.    .panel-group {
  1744.        margin-bottom: 19px;
  1745.    }
  1746.  
  1747.        .panel-group .panel-title {
  1748.            padding-left: 0;
  1749.        }
  1750.  
  1751.        .panel-group .panel-heading,
  1752.        .panel-group .panel-heading a {
  1753.            position: relative;
  1754.            display: block;
  1755.            width: 100%;
  1756.        }
  1757.  
  1758.        .panel-group.accordion-lg .panel + .panel {
  1759.            margin-top: 12px;
  1760.        }
  1761.  
  1762.        .panel-group.accordion-lg .panel-heading {
  1763.            font-size: 14px;
  1764.            height: 54px;
  1765.            line-height: 52px;
  1766.        }
  1767.  
  1768.        .panel-group .accordion-icon {
  1769.            padding-left: 35px;
  1770.        }
  1771.  
  1772.            .panel-group .accordion-icon:after {
  1773.                position: absolute;
  1774.                content: "\f068";
  1775.                font-family: "FontAwesome";
  1776.                font-size: 12px;
  1777.                font-style: normal;
  1778.                font-weight: normal;
  1779.                -webkit-font-smoothing: antialiased;
  1780.                color: #555;
  1781.                left: 10px;
  1782.                top: 0;
  1783.            }
  1784.  
  1785.            .panel-group .accordion-icon.collapsed:after {
  1786.                content: "\f067";
  1787.            }
  1788.  
  1789.            .panel-group .accordion-icon.icon-right {
  1790.                padding-left: 10px;
  1791.                padding-right: 30px;
  1792.            }
  1793.  
  1794.                .panel-group .accordion-icon.icon-right:after {
  1795.                    left: auto;
  1796.                    right: 5px;
  1797.                }
  1798.  
  1799.        .panel-group .panel {
  1800.            margin-bottom: 0;
  1801.            border-radius: 3px;
  1802.        }
  1803.  
  1804.            .panel-group .panel + .panel {
  1805.                margin-top: 5px;
  1806.            }
  1807.  
  1808.        .panel-group .panel-heading + .panel-collapse > .panel-body {
  1809.            border-top: 0;
  1810.        }
  1811.  
  1812.        .panel-group .panel-footer {
  1813.            border-top: 0;
  1814.        }
  1815.  
  1816.            .panel-group .panel-footer + .panel-collapse .panel-body {
  1817.                border-bottom: 1px solid #eeeeee;
  1818.            }
  1819.  
  1820.  
  1821.    .media {
  1822.        color: #999999;
  1823.        font-weight: 600;
  1824.        margin-top: 15px;
  1825.    }
  1826.  
  1827.        .media:first-child {
  1828.            margin-top: 0;
  1829.        }
  1830.  
  1831.        .media-right,
  1832.        .media > .pull-right {
  1833.            padding-left: 10px;
  1834.        }
  1835.  
  1836.        .media-left,
  1837.        .media > .pull-left {
  1838.            padding-right: 10px;
  1839.        }
  1840.  
  1841.    .media-left,
  1842.    .media-right,
  1843.    .media-body {
  1844.        display: table-cell;
  1845.        vertical-align: top;
  1846.    }
  1847.  
  1848.    .page-heading .media-left {
  1849.        width: 150px;
  1850.        height: 150px;
  1851.        position: relative;
  1852.        margin-left: 5px;
  1853.        overflow: overlay;
  1854.        padding: 5px;
  1855.        border: 1px solid #ccc;
  1856.        border-radius: 5px;
  1857.    }
  1858.  
  1859.        .page-heading .media-left:hover > .edit-photo3 {
  1860.            display: block;
  1861.        }
  1862.  
  1863.        .page-heading .media-left:hover > a:nth-child(1) > .avatar {
  1864.            opacity: 0.3;
  1865.        }
  1866.  
  1867.    .edit-photo3 {
  1868.        float: right;
  1869.        height: 40px;
  1870.        width: 40px;
  1871.        background: #ef9f26;
  1872.        border-radius: 100%;
  1873.        text-align: center;
  1874.        opacity: 0.80;
  1875.        position: absolute;
  1876.        display: none;
  1877.        left: 36%;
  1878.        margin-top: -65%;
  1879.    }
  1880.  
  1881.        .edit-photo3 .fa-camera {
  1882.            margin-top: 10px;
  1883.            font-size: 20px;
  1884.            color: #fff;
  1885.        }
  1886.  
  1887.    .page-heading .media-left img.avatar {
  1888.        width: auto;
  1889.        height: 100%;
  1890.        position: sticky;
  1891.        left: 13%;
  1892.    }
  1893.  
  1894.    /* .page-heading .media-left img.avatar {
  1895.        width: 162px;
  1896.        height: auto;
  1897.        border-radius: 50%;
  1898.        padding: 3px;
  1899.        margin-left: -10px;
  1900.        margin-top: -10px;
  1901.    }*/
  1902.  
  1903.    .media-middle {
  1904.        vertical-align: middle;
  1905.    }
  1906.  
  1907.    .media-bottom {
  1908.        vertical-align: bottom;
  1909.    }
  1910.  
  1911.    .page-heading .media-heading {
  1912.        color: #555555;
  1913.        font-size: 20px;
  1914.        margin: 0;
  1915.    }
  1916.  
  1917.    .media-list {
  1918.        padding-left: 0;
  1919.        list-style: none;
  1920.    }
  1921.  
  1922.    /*===============================================
  1923.      Tabs
  1924.    ================================================= */
  1925.    /* Tabs Wrapper */
  1926.    .tab-block {
  1927.        position: relative;
  1928.    }
  1929.        /* Tabs Content */
  1930.        .tab-block .tab-content {
  1931.            /* overflow: auto;*/
  1932.            position: relative;
  1933.            z-index: 10;
  1934.            min-height: 125px;
  1935.            padding: 16px 12px;
  1936.            border: 1px solid #e2e2e2;
  1937.            background-color: #FFF;
  1938.            max-height: none;
  1939.            border-top-right-radius: 5px;
  1940.            border-bottom-right-radius: 5px;
  1941.            border-bottom-left-radius: 5px;
  1942.        }
  1943.        /*===============================================
  1944.      Tab Navigation
  1945.    ================================================= */
  1946.        .tab-block .nav-tabs {
  1947.            position: relative;
  1948.            border: 0;
  1949.        }
  1950.            /* nav tab item */
  1951.            .tab-block .nav-tabs > li {
  1952.                float: left;
  1953.                margin-bottom: -1px;
  1954.            }
  1955.                /* nav tab link */
  1956.                .tab-block .nav-tabs > li > a {
  1957.                    z-index: 9;
  1958.                    position: relative;
  1959.                    color: #AAA;
  1960.                    font-size: 14px;
  1961.                    font-weight: 400;
  1962.                    margin-right: -1px;
  1963.                    border-color: #e2e2e2;
  1964.                    border-radius: 0;
  1965.                    background: #fafafa;
  1966.                }
  1967.  
  1968.                .tab-block .nav-tabs > li:first-child > a {
  1969.                    margin-left: 0;
  1970.                }
  1971.                /* nav tab link:hover */
  1972.                .tab-block .nav-tabs > li > a:hover {
  1973.                    background-color: #f4f4f4;
  1974.                }
  1975.                /* nav tab active link:focus:hover */
  1976.                .tab-block .nav-tabs > li.active > a,
  1977.                .tab-block .nav-tabs > li.active > a:hover,
  1978.                .tab-block .nav-tabs > li.active > a:focus {
  1979.                    cursor: default;
  1980.                    position: relative;
  1981.                    z-index: 12;
  1982.                    color: #555555;
  1983.                    background: #FFF;
  1984.                    border-color: #e2e2e2;
  1985.                    border-bottom: 1px solid #FFF;
  1986.                }
  1987.    /*===============================================
  1988.      Tab Navigation - Tabs Left
  1989.    ================================================= */
  1990.    .tabs-left {
  1991.        float: left;
  1992.    }
  1993.        /* nav tab item */
  1994.        .tabs-left > li {
  1995.            float: none;
  1996.            margin: 0 -1px -1px 0;
  1997.        }
  1998.            /* nav tab item link */
  1999.            .tabs-left > li > a {
  2000.                padding: 14px 16px;
  2001.                color: #777;
  2002.                font-weight: 600;
  2003.                border: 1px solid transparent;
  2004.                border-color: #DDD;
  2005.                background: #fafafa;
  2006.            }
  2007.    /* nav tab link:hover */
  2008.    /* nav tab active link:focus:hover */
  2009.    .tab-block .tabs-left > li.active > a,
  2010.    .tab-block .tabs-left > li.active > a:hover,
  2011.    .tab-block .tabs-left > li.active > a:focus {
  2012.        color: #555;
  2013.        border-color: #DDD #FFF #DDD #DDD;
  2014.        cursor: default;
  2015.        position: relative;
  2016.        z-index: 12;
  2017.        background: #FFF;
  2018.    }
  2019.    /*===============================================
  2020.      Tab Navigation - Tabs Right
  2021.    ================================================= */
  2022.    .tabs-right {
  2023.        float: right;
  2024.    }
  2025.        /* nav tab item */
  2026.        .tabs-right > li {
  2027.            float: none;
  2028.            margin: 0 0 -1px -1px;
  2029.        }
  2030.            /* nav tab item link */
  2031.            .tabs-right > li > a {
  2032.                padding: 14px 16px;
  2033.                color: #777;
  2034.                font-weight: 600;
  2035.                border: 1px solid transparent;
  2036.                border-color: #DDD;
  2037.                background: #fafafa;
  2038.            }
  2039.    /* nav tab link:hover */
  2040.    /* nav tab active link:focus:hover */
  2041.    .tab-block .tabs-right > li.active > a,
  2042.    .tab-block .tabs-right > li.active > a:hover,
  2043.    .tab-block .tabs-right > li.active > a:focus {
  2044.        color: #555;
  2045.        border-color: #DDD #DDD #DDD #FFF;
  2046.        cursor: default;
  2047.        position: relative;
  2048.        z-index: 12;
  2049.        background: #FFF;
  2050.    }
  2051.    /*===============================================
  2052.      Tab Navigation - Tabs Right
  2053.    ================================================= */
  2054.    .tabs-below {
  2055.        position: relative;
  2056.    }
  2057.        /* nav tab item */
  2058.        .tabs-below > li {
  2059.            float: left;
  2060.            margin-top: -1px;
  2061.        }
  2062.            /* nav tab item link */
  2063.            .tabs-below > li > a {
  2064.                position: relative;
  2065.                z-index: 9;
  2066.                margin-right: -1px;
  2067.                padding: 11px 16px;
  2068.                color: #777;
  2069.                font-weight: 600;
  2070.                border: 1px solid #DDD;
  2071.                background: #fafafa;
  2072.            }
  2073.    /* nav tab link:hover */
  2074.    /* nav tab active link:focus:hover */
  2075.    .tab-block .tabs-below > li.active > a,
  2076.    .tab-block .tabs-below > li.active > a:hover,
  2077.    .tab-block .tabs-below > li.active > a:focus {
  2078.        cursor: default;
  2079.        position: relative;
  2080.        z-index: 12;
  2081.        color: #555555;
  2082.        background: #FFF;
  2083.        border-color: #DDD;
  2084.        border-top: 1px solid #FFF;
  2085.    }
  2086. </style>
  2087.  
  2088. <style>
  2089.    .col-left {
  2090.        margin-right: -20px;
  2091.    }
  2092.  
  2093.    .count-profile {
  2094.        padding-top: 5px;
  2095.    }
  2096.  
  2097.        .count-profile p {
  2098.            padding-right: 10px;
  2099.        }
  2100.  
  2101.            .count-profile p a:focus {
  2102.                color: red;
  2103.            }
  2104.  
  2105.                .count-profile p a:focus + #tab4 {
  2106.                    color: red;
  2107.                }
  2108.  
  2109.    .tab-content a.title-document {
  2110.        padding: 0;
  2111.    }
  2112.  
  2113.    #tab1 {
  2114.        margin-left: -5px;
  2115.        margin-right: -5px;
  2116.    }
  2117.  
  2118.        #tab1 .item-post-wall {
  2119.            padding: 5px;
  2120.            background: #f2f2f2;
  2121.            border-radius: 5px;
  2122.            margin-bottom: 10px;
  2123.        }
  2124.  
  2125.            #tab1 .item-post-wall:last-child {
  2126.                margin-bottom: 0;
  2127.            }
  2128.  
  2129.            #tab1 .item-post-wall > img.msg-img {
  2130.                height: 40px;
  2131.            }
  2132.  
  2133.            #tab1 .item-post-wall > div {
  2134.                height: auto;
  2135.            }
  2136.  
  2137.    #tab2 {
  2138.        min-height: 150px;
  2139.    }
  2140.  
  2141.    #header-lawyer {
  2142.        display: none;
  2143.    }
  2144.  
  2145.    .wap-author-ls .rows_ttcol1 {
  2146.        width: 50% !important;
  2147.    }
  2148.  
  2149.    .wap-author-ls .rows_ttcol2.fixxx {
  2150.        width: 50% !important;
  2151.    }
  2152.  
  2153.    #lightbox .lb-nav, #lightbox .lb-details {
  2154.        display: none !important;
  2155.    }
  2156.  
  2157.        #lightbox .lb-nav .lb-prev, #lightbox .lb-nav .lb-prev {
  2158.            display: none !important;
  2159.        }
  2160.  
  2161.    #lightbox .lb-details {
  2162.    }
  2163.  
  2164.    .rows_dv_cn {
  2165.        padding-bottom: 0;
  2166.    }
  2167.  
  2168.    /* .rows_ttcol1 {
  2169.            float: left;
  2170.            width: 65%;
  2171.        }
  2172.  
  2173.        .rows_ttcol2.fixxx {
  2174.            float: left;
  2175.            width: 35%;
  2176.        }
  2177.    */
  2178.    .article__authour {
  2179.        display: none;
  2180.    }
  2181.  
  2182.    .wap-comment-author {
  2183.        width: 200px;
  2184.        float: left;
  2185.        border-radius: 5px;
  2186.        padding: 5px;
  2187.        border: 1px solid #f3f1f1;
  2188.        box-shadow: 1px 1px 10px #c1c1c1;
  2189.    }
  2190.  
  2191.    .wap-item-member {
  2192.        min-width: 160px;
  2193.        width: auto;
  2194.    }
  2195.  
  2196.        .wap-comment-author .rows_ttcol1, .wap-comment-author .rows_ttcol2.fixxx, .wap-item-member .rows_ttcol1, .wap-item-member .rows_ttcol2.fixxx {
  2197.            font-size: 11.5px;
  2198.        }
  2199.  
  2200.    .wap-content-comment a {
  2201.        color: #337ab7;
  2202.    }
  2203.  
  2204.    #list_post_for_lawyer .wap-comment-author {
  2205.        display: none;
  2206.    }
  2207.  
  2208.    #list_post_for_lawyer .box_result .result_comment {
  2209.        width: 100%;
  2210.        margin-left: 0;
  2211.    }
  2212.  
  2213.    .box_result .result_comment .wap-content-comment {
  2214.        border-radius: 0 0 10px 10px !important;
  2215.    }
  2216.  
  2217.  
  2218.    @media (max-width: 768px) {
  2219.        #tab1 .box_result .result_comment {
  2220.            width: calc(100% - 60px);
  2221.            margin-left: 60px;
  2222.        }
  2223.    }
  2224.  
  2225.    @media (max-width: 480px) {
  2226.        #content .col-left {
  2227.            display: none;
  2228.        }
  2229.  
  2230.        .page-heading .media:first-child {
  2231.            display: grid;
  2232.        }
  2233.  
  2234.        .page-heading .media-left {
  2235.            position: sticky;
  2236.            left: 50%;
  2237.            top: 60px;
  2238.            transform: translate(-50%, -50%);
  2239.            width: 120px;
  2240.            height: 120px;
  2241.        }
  2242.  
  2243.            .page-heading .media-left img.avatar {
  2244.                width: 120px;
  2245.                height: 120px;
  2246.                padding: 5px;
  2247.                margin-top: -5px;
  2248.                margin-left: -5px;
  2249.            }
  2250.  
  2251.        .page-heading .media-body {
  2252.            display: block;
  2253.            padding: 10px;
  2254.            width: 100%;
  2255.        }
  2256.  
  2257.        .page-heading .edit-photo3 {
  2258.            margin-top: -67%;
  2259.            left: 34%;
  2260.        }
  2261.  
  2262.        .page-heading .tab-block .nav-tabs > li > a {
  2263.            padding: 10px;
  2264.        }
  2265.  
  2266.        .page-heading .media-heading {
  2267.            text-align: center;
  2268.        }
  2269.  
  2270.        .page-heading .count-profile a.twPc-StatLabel {
  2271.            font-size: 12px !important;
  2272.        }
  2273.  
  2274.        .wap-page-lawyer-info {
  2275.            margin-left: 15px;
  2276.            margin-right: 15px;
  2277.        }
  2278.  
  2279.        #header-lawyer {
  2280.            display: block;
  2281.        }
  2282.  
  2283.        .tab-block .nav-tabs > li > a {
  2284.            padding: 10px;
  2285.        }
  2286.  
  2287.        #tab1 .box_result .result_comment h4, #tab4 .box_result .result_comment h4 {
  2288.            padding: 5px 0 4px 5px;
  2289.            border-bottom: 1px solid #ef9f26;
  2290.        }
  2291.  
  2292.        .easyimage easyimage-full img.show-content-image {
  2293.            width: 100%;
  2294.        }
  2295.  
  2296.        .count-profile-mobile p {
  2297.            float: left;
  2298.            padding-right: 35px;
  2299.        }
  2300.    }
  2301. </style>
  2302.  
  2303.    <style>
  2304.        .rows_ttcol1 {
  2305.            float: left;
  2306.            width: 65%;
  2307.        }
  2308.  
  2309.        .rows_ttcol2.fixxx {
  2310.            float: left;
  2311.            width: 35%;
  2312.        }
  2313.    </style>
  2314.  
  2315.  
  2316. <div class="wap-chidren-menu">
  2317.    <nav class="navigation navbar navbar-light light-blue lighten-4" style="display:inline-block; padding:0">
  2318.        <input type="checkbox" id="more" aria-hidden="true" tabindex="-1" class="toggle" />
  2319.        <div class="navigation__inner">
  2320.            <div class="navigation__parent"><a class="tab_item_all active" href="https://thuvienphapluat.vn/cong-dong-dan-luat/" data-value="0">Trang Chủ</a></div>
  2321.            <ul class="navigation__list" id="navigation__list">
  2322.            </ul>
  2323.  
  2324.            <div class="navigation__toggle">
  2325.                <label for="more" aria-hidden="true" class="navigation__link"></label>
  2326.            </div>
  2327.        </div>
  2328.    </nav>
  2329. </div>
  2330.  
  2331.  
  2332. <script>
  2333.    $(".toggle").click(function (e) {
  2334.        var elm = document.getElementById('more');
  2335.        if (elm.checked) {
  2336.            var total = 0;
  2337.            var widthUL = 0;
  2338.            var elementUl = document.getElementById('navigation__list');
  2339.            widthUL = elementUl.offsetWidth;
  2340.            var elmsLi = document.querySelectorAll('.navigation__item');
  2341.            elmsLi.forEach(function (elm) {
  2342.                var width = elm.offsetWidth;
  2343.                total += width;
  2344.                if (total > widthUL) {
  2345.                    $('.navigation__inner').css('height', '55px');
  2346.                    $('.wap-chidren-menu nav').css('margin-bottom', '10px');
  2347.                    $('.navigation__toggle').css('#e5f6ff', '#e5f6ff');
  2348.                    $('.navigation__list').addClass('selected');
  2349.                    return false;
  2350.                }
  2351.            });
  2352.        } else {
  2353.            $('.navigation__inner').css('height', '25px');
  2354.            $('.wap-chidren-menu nav').css('margin-bottom', '0');
  2355.            $('.navigation__toggle').css('#e5f6ff', 'transparent');
  2356.            $('.navigation__list').removeClass('selected');
  2357.        }
  2358.    });
  2359. </script>
  2360. <section id="content" class="wap-page-lawyer-info">
  2361.  
  2362.    <div class="page-heading" id="header-lawyer" style="padding-bottom: 0;">
  2363.        <div class="media clearfix">
  2364.            <div class="media-left pr30">
  2365.                <a href="javascript:void(0)" id="fileAvatar">
  2366.                    <img class="media-object mw150 avatar" alt="Ng&#244; Thừa &#194;n" src="https://cdndanluat.thuvienphapluat.vn/avatar.aspx?UserID=3001992&amp;size=150x150" onerror="this.src='https://thuvienphapluat.vn/cong-dong-dan-luat/Content/Images/logo lawsoft-01.png'">
  2367.                </a>
  2368.            </div>
  2369.            <div class="media-body va-m">
  2370.                <p class="media-heading">
  2371.                    ri
  2372.                    {
  2373.                    <i class="fas fa-mars" style="color:#00f"></i>
  2374.                    }
  2375.                    else
  2376.                    {
  2377.                    <i class="fas fa-venus" style="color:#d60093"></i>
  2378.                    }
  2379.                </p>
  2380.                <div class="media-links" style="width:100%;display: flex; justify-content: center; ">
  2381.                </div>
  2382.                <div class="clearfix"></div>
  2383.                <div class="count-profile-mobile" id="count-profile" style="text-align:center;">
  2384.                    <p>
  2385.                        <a href="#tab3" data-toggle="tab" class="twPc-StatLabel-mobile" onclick="activeTabContent(this, '#tab3');">Thông tin cá nhân</a>
  2386.                    </p>
  2387.                    <p>
  2388.                        <a href="#tab2" data-toggle="tab" class="twPc-StatLabel-mobile" onclick="activeTabContent(this, '#tab2');">Bạn bè (<strong class="count-friend" style="color: darkblue; padding: 0 3px;">0</strong>)</a>
  2389.                    </p>
  2390.                    <p>
  2391.                        <a href="#tab1" data-toggle="tab" class="twPc-StatLabel-mobile" onclick="activeTabContent(this,'#tab1');">Chủ đề (<strong style="color: darkblue; padding: 0 3px;">0</strong>)</a>
  2392.                    </p>
  2393.                            <p><a href="javascript:void(0)" class="btn-button btn-add-friend-lawyer" onclick="addFriendLawyer(3001992)"><i class="fa fa-user-plus" aria-hidden="true" style="color:#fff"></i>&ensp;Kết bạn</a></p>
  2394.  
  2395.                </div>
  2396.  
  2397.            </div>
  2398.        </div>
  2399.    </div>
  2400.  
  2401.    <div class="row">
  2402.        <div class="col-md-4 col-left">
  2403.            <div class="page-heading" style="text-align:center;">
  2404.                <div class="" style="display:inline-flex;">
  2405.                    <div class="media-left pr30" style="display:block">
  2406.                        <a href="javascript:void(0)" id="fileListAvatar">
  2407.                            <img class="media-object mw150 avatar" alt="Ng&#244; Thừa &#194;n" src="https://cdndanluat.thuvienphapluat.vn/avatar.aspx?UserID=3001992&amp;size=150x150" onerror="this.src='https://thuvienphapluat.vn/cong-dong-dan-luat/Content/Images/logo lawsoft-01.png'">
  2408.                        </a>
  2409.                    </div>
  2410.                </div>
  2411.  
  2412.                <div class="media-body va-m">
  2413.                    <p class="media-heading">
  2414.                        
  2415.  
  2416.                        Ng&#244; Thừa &#194;n
  2417.                            <i class="fas fa-mars" style="color:#00f"></i>
  2418.                    </p>
  2419.                    <p style="color: #d90a00; ">
  2420.                        ZuesLeee
  2421.                    </p>
  2422.                    <div class="media-links">
  2423.                    </div>
  2424.                    <div class="count-profile" id="count-profile">
  2425.                        <p>
  2426.                            <a href="#tab3" data-toggle="tab" class="twPc-StatLabel" onclick="activeTabContent(this, '#tab3');">Thông tin cá nhân</a>
  2427.                        </p>
  2428.                        <p>
  2429.                            <a href="#tab2" data-toggle="tab" class="twPc-StatLabel" onclick="activeTabContent(this, '#tab2');">Bạn bè (<strong class="count-friend" style="color: darkblue; padding: 0 3px;">0</strong>)</a>
  2430.                        </p>
  2431.                        <p>
  2432.                            <a href="#tab1" data-toggle="tab" class="twPc-StatLabel" onclick="activeTabContent(this,'#tab1');">Chủ đề (<strong style="color: darkblue; padding: 0 3px;">0</strong>)</a>
  2433.                        </p>
  2434.                                <p><a href="javascript:void(0)" class="btn-button btn-add-friend-lawyer" onclick="addFriendLawyer(3001992)"><i class="fa fa-user-plus" aria-hidden="true" style="color:#fff"></i>&ensp;Kết bạn</a></p>
  2435.                    </div>
  2436.                </div>
  2437.            </div>
  2438.  
  2439.            <div class="panel">
  2440.                <div class="panel-heading">
  2441.                    <span class="panel-icon">
  2442.                        <i class="fa fa-star"></i>
  2443.                    </span>
  2444.                    <span class="panel-title">Hoạt động</span>
  2445.                </div>
  2446.                <div class="panel-body-left pn">
  2447.                    <table class="table mbn tc-icon-1 tc-med-2 tc-bold-last">
  2448.                        <thead>
  2449.                            <tr class="hidden">
  2450.                                <th>Info</th>
  2451.                                <th>Info</th>
  2452.                            </tr>
  2453.                        </thead>
  2454.                        <tbody>
  2455.                            <tr>
  2456.                                <td style="opacity: 0.7;"><span>Tham gia:</span></td>
  2457.                                <td>
  2458.                                    <span>02/10/2020</span>
  2459.                                </td>
  2460.                            </tr>
  2461.                            
  2462.                            <tr>
  2463.                                <td style="opacity: 0.7;"><span>Số Điểm:</span></td>
  2464.                                <td>
  2465.                                    <span>0</span>
  2466.                                </td>
  2467.                            </tr>
  2468.                            <tr>
  2469.                                <td style="opacity: 0.7;"><span>Cảm ơn:</span></td>
  2470.                                <td>
  2471.                                    <span>0</span>
  2472.                                </td>
  2473.                            </tr>
  2474.                            <tr>
  2475.                                <td style="opacity: 0.7;"><span>Được cảm ơn:</span></td>
  2476.                                <td>
  2477.                                    <span>0</span>
  2478.                                </td>
  2479.                            </tr>
  2480.                        </tbody>
  2481.                    </table>
  2482.                </div>
  2483.            </div>
  2484.  
  2485.        </div>
  2486.  
  2487.        <div class="col-md-8">
  2488.            <div class="tab-block">
  2489.                <ul class="nav nav-tabs wap-item-tabs" id="wap-item-tabs">
  2490.                    <li>
  2491.                        <a href="#tab1" data-toggle="tab" style="border-top-left-radius: 5px;">Tường nhà</a>
  2492.                    </li>
  2493.                    <li>
  2494.                        <a href="#tab2" data-toggle="tab">Bạn bè</a>
  2495.                    </li>
  2496.                    <li class="active">
  2497.                        <a href="#tab3" data-toggle="tab">Thông tin</a>
  2498.                    </li>
  2499.                </ul>
  2500.                <div class="tab-content p30" id="tab-content-data">
  2501.                    <div id="tab1" class="tab-pane">
  2502.  
  2503.                        <section class="section wap-no-post" style="display:none">
  2504.                            <div class="boxs_dvcn">
  2505.                                <div class="col2 c1">
  2506.                                </div>
  2507.  
  2508.                                <div class="col2 c2">
  2509.                                </div>
  2510.                            </div>
  2511.                        </section>
  2512.  
  2513.                        <div class="body_comment contnet-post-for-lawyer-main">
  2514.                            <div class="row">
  2515.                                <ul id="list_post_for_lawyer" class="col-md-12" style=" padding: 0 10px;">
  2516.                                </ul>
  2517.                            </div>
  2518.                        </div>
  2519.  
  2520.                    </div>
  2521.                    <div id="tab2" class="tab-pane">
  2522.                        <div class="UserListFriend">
  2523.  
  2524. <style>
  2525.    #search-friend {
  2526.        float: left;
  2527.        width: calc(100% - 65px);
  2528.    }
  2529.  
  2530.    .btnSearchFriend {
  2531.        width: 50px;
  2532.        float: right;
  2533.        background: #f79522;
  2534.        padding: 10px;
  2535.        margin-left: 5px;
  2536.        color: #fff;
  2537.        height: 35px;
  2538.        border-radius: 5px;
  2539.    }
  2540.  
  2541.  
  2542.    /*an nut ket ban ben trang LS*/
  2543.    .LawyerListFriend .wap-thanchu .friend-child, .LawyerListFriend .wap-friends .friend-child {
  2544.        display: none;
  2545.    }
  2546.    /*.UserListFriend .rejectFriendClick {
  2547.        display: none;
  2548.    }*/
  2549.    .search-friend {
  2550.        float: left;
  2551.        width: calc(100% - 65px);
  2552.        padding: 3px 7px;
  2553.        box-sizing: border-box;
  2554.        background: none;
  2555.        outline: none;
  2556.        resize: none;
  2557.        transition: all .3s;
  2558.        border-radius: 5px;
  2559.        border: 1px solid #ddd;
  2560.        height: 35px;
  2561.    }
  2562. </style>
  2563.  
  2564. <div class="wap-content-home wap-content-animation">
  2565.    
  2566.    
  2567.  
  2568.    <p class="title-cothebanquen" style="border-bottom: 2px solid #f79522;font-weight: bold;margin: 10px 0;">Có thể bạn quen</p>
  2569.    <div class="wap-cothebanquen" id="wap-cothebanquen" style=" margin-top: 20px;margin-right: -8px;margin-left: -8px;"></div>
  2570.  
  2571.  
  2572.    <p style="border-bottom: 2px solid #f79522;margin: 10px 0;font-weight: bold;">Bạn bè</p>
  2573.    <div class="wap-search-friend">
  2574.        <input type="text" placeholder="Nhập Tên đăng nhập, họ tên hoặc địa chỉ email để tìm kiếm..." class="search-friend" id="search-friend" />
  2575.        <a href="javascript:void(0)" class="btnSearchFriend" onclick="searchFriend()">Tìm</a>
  2576.  
  2577.        <div class="row wap-search-page" style="width:100%;margin-top: 5px;display:none">
  2578.            <div class="col-lg-4 col-sm-12 col-xs-12">
  2579.                <p style="margin-top: 5px;">Kết quả <b class="total-rs-search-freiend"></b> | <span>Trang <b id="page-content" class="page-content">1</b></span></p>
  2580.            </div>
  2581.            <div class="col-lg-8 col-sm-12 col-xs-12">
  2582.                <ul id="pagination-search-freiend" class="pagination right-pagination"></ul>
  2583.            </div>
  2584.        </div>
  2585.    </div>
  2586.  
  2587.    <!-- begin col-6 -->
  2588.    <div class="wap-friends" id="wap-friends" style=" margin-top: 30px;margin-right: -8px;margin-left: -8px;"></div>
  2589.    <div class="clearfix"></div>
  2590.  
  2591.    
  2592. </div>
  2593.  
  2594. <script>
  2595.  
  2596.    $(document).ready(function () {
  2597.        loadFriends(3001992, '', 1, 10);
  2598.        loadCoTheBanQuen(3001992, 3);
  2599.        loadThanChu(3001992, 0, 5);
  2600.    });
  2601.    function searchFriend() {
  2602.        $('.wap-friends').html('');
  2603.        var keyword = $('#search-friend').val();
  2604.        loadFriends(3001992, keyword, 1, 10);
  2605.    }
  2606. </script>
  2607.                        </div>
  2608.                    </div>
  2609.                    <div id="tab3" class="tab-pane active">
  2610. <style>
  2611.    .twPc-bg {
  2612.        height: 245px;
  2613.    }
  2614.  
  2615.    .rightcover {
  2616.        margin-top: -220px;
  2617.    }
  2618.  
  2619.    .rows_ttcol1 {
  2620.        width: 150px;
  2621.        opacity: 0.7;
  2622.    }
  2623.  
  2624.    .wap-company p {
  2625.        margin: 0;
  2626.    }
  2627.  
  2628.    @media (max-width: 480px) {
  2629.        .twPc-avatarLink {
  2630.            top: 0;
  2631.        }
  2632.  
  2633.        .twPc-divUser {
  2634.            width: 100%;
  2635.            display: grid;
  2636.            text-align: center;
  2637.            margin: 10px 0px 0;
  2638.        }
  2639.  
  2640.        .twPc-button {
  2641.            margin-top: 105px;
  2642.            position: absolute;
  2643.            display: flex;
  2644.        }
  2645.  
  2646.            .twPc-button p:nth-child(1) {
  2647.                margin: -30px 5px 10px 35px;
  2648.            }
  2649.  
  2650.            .twPc-button p:nth-child(2) {
  2651.                float: right;
  2652.                margin: -30px 5px 10px 110px;
  2653.            }
  2654.  
  2655.        .twPc-divStats {
  2656.            margin-top: 0;
  2657.        }
  2658.  
  2659.        .edit-photo2 {
  2660.            left: 52%;
  2661.        }
  2662.  
  2663.        .twPc-bg {
  2664.            height: 175px !important;
  2665.        }
  2666.  
  2667.        .rightcover {
  2668.            margin-top: -170px;
  2669.        }
  2670.    }
  2671.  
  2672.    .disabled-input {
  2673.        cursor: default;
  2674.        pointer-events: none;
  2675.        text-decoration: none;
  2676.        border: none;
  2677.        border-bottom: none !important;
  2678.    }
  2679.  
  2680.    .wrapper label.check_box {
  2681.        place-items: center;
  2682.        width: 25px;
  2683.        height: 25px;
  2684.        background-color: #fff;
  2685.        overflow: hidden;
  2686.        border: 3px solid #f1a93c;
  2687.        border-radius: 5px;
  2688.    }
  2689.  
  2690.    .wrapper input[type='checkbox'] {
  2691.        position: absolute;
  2692.        width: 1px;
  2693.        clip: rect(0 0 0 0);
  2694.        overflow: hidden;
  2695.        white-space: nowrap;
  2696.    }
  2697.  
  2698.    .wrapper span {
  2699.        padding-left: 10px;
  2700.        margin-top: 5px;
  2701.        position: absolute;
  2702.    }
  2703.  
  2704.    .wrapper input[type='checkbox']:checked + label::before {
  2705.        content: '✔';
  2706.        margin-left: 5px;
  2707.    }
  2708.  
  2709.    input[name="rd"]:checked ~ .tab-content {
  2710.        max-height: none;
  2711.    }
  2712.  
  2713.    .txt-chinhsua {
  2714.        padding: 5px 10px;
  2715.        border: 2px solid #f79522;
  2716.        background: #f79522;
  2717.        color: #fff;
  2718.        cursor: pointer;
  2719.        transition: all .3s;
  2720.        outline: none;
  2721.        border-radius: 3px;
  2722.    }
  2723.  
  2724.    p.fixxx.textleft {
  2725.        display: flex;
  2726.    }
  2727. </style>
  2728.  
  2729.    <div class="">
  2730.        <div class="tabs">
  2731.            <form id="formLawyerInfo" enctype="multipart/form-data" method="post">
  2732.                <div class="tab-fqa">
  2733.                    <input type="radio" id="rd1" name="rd" checked>
  2734.                    <label class="tab-label" for="rd1">Thông tin cơ bản</label>
  2735.                    <div class="tab-content" style="display: flow-root;">
  2736.                    <div class="wap-in rd1">
  2737.                        <div class="rows_dv_cn">
  2738.                            <span class="rows_ttcol1 fixw36">
  2739.                                Họ tên:
  2740.                            </span>
  2741.                            <p class="fixxx textleft txt-FullName">Ng&#244; Thừa &#194;n</p>
  2742.                        </div>
  2743.                        
  2744.                    
  2745.                        <div class="rows_dv_cn">
  2746.                            <span class="rows_ttcol1 fixw36">
  2747.                                Địa chỉ:
  2748.                            </span>
  2749.                            <p class="fixxx textleft txt-Street"></p>
  2750.                        </div>
  2751.                        
  2752.  
  2753.                        <p style="border-bottom: 2px solid #f79522;"><b>Học vấn & Nghề nghiệp</b></p>
  2754.                        <div class="rows_dv_cn">
  2755.                            <span class="rows_ttcol1 fixw36">
  2756.                                Công ty:
  2757.                            </span>
  2758.                            <div class="wap-company" style="width: calc(100% - 150px); display: grid;">
  2759.                            </div>
  2760.                        </div>
  2761.  
  2762.                        <div class="rows_dv_cn">
  2763.                            <span class="rows_ttcol1 fixw36">
  2764.                                Đại học:
  2765.                            </span>
  2766.                            <p class="fixxx textleft txt-University"></p>
  2767.                        </div>
  2768.  
  2769.                        <div class="rows_dv_cn">
  2770.                            <span class="rows_ttcol1 fixw36">
  2771.                                Trung học cơ sở:
  2772.                            </span>
  2773.                            <p class="fixxx textleft txt-School"></p>
  2774.                        </div>
  2775.  
  2776.                        <p style="border-bottom: 2px solid #f79522;"><b>Sở thích</b></p>
  2777.                        <div class="rows_dv_cn">
  2778.                            <span class="rows_ttcol1 fixw36">
  2779.                                Âm nhạc:
  2780.                            </span>
  2781.                            <p class="fixxx textleft txt-Musics"></p>
  2782.                        </div>
  2783.  
  2784.                        <div class="rows_dv_cn">
  2785.                            <span class="rows_ttcol1 fixw36">
  2786.                                Sách:
  2787.                            </span>
  2788.                            <p class="fixxx textleft txt-Books"></p>
  2789.                        </div>
  2790.  
  2791.                        <div class="rows_dv_cn">
  2792.                            <span class="rows_ttcol1 fixw36">
  2793.                                Phim ảnh:
  2794.                            </span>
  2795.                            <p class="fixxx textleft txt-Movies"></p>
  2796.                        </div>
  2797.  
  2798.                        <div class="rows_dv_cn">
  2799.                            <span class="rows_ttcol1 fixw36">
  2800.                                Chương trình TV:
  2801.                            </span>
  2802.                            <p class="fixxx textleft txt-Television"></p>
  2803.                        </div>
  2804.  
  2805.                        <p style="border-bottom: 2px solid #f79522;"><b>Giới thiệu về bản thân</b></p>
  2806.  
  2807.                        <div class="info-profile">
  2808.  
  2809. <p>Là đơn vị chuyên sâu trong lĩnh vực <a href="https://noithatduongdai.vn/thiet-ke-noi-that/"><strong>thiết kế nội thất</strong></a> kết hợp <a href="https://noithatduongdai.vn/thi-cong-noi-that/"><strong>thi công nội thất</strong></a>. Chúng tôi cung cấp các giải pháp tổng thể cho mọi loại hình nhà ở với một nét đặc trưng riêng. Các khuyết điểm và khó khăn sẽ được giải quyết với đội ngũ Kiến trúc sư dày dặn kinh nghiệm.</p>
  2810. <p>Với mỗi căn nhà, mỗi gia chủ thì đều có những sở thích khác nhau. Hiểu được được điều đó, KTS của Nội Thất Đương Đại đưa ra những phương án phù hợp khi <a href="https://noithatduongdai.vn/thiet-ke-noi-that/chung-cu/"><strong>thiết kế nội thất chung cư</strong></a>, tạo nên nét cá tính riêng biệt cho từng căn hộ, đảm bảo tính nhất quán qua mẫu thiết kế.</p>
  2811. <p><a href="https://noithatduongdai.vn/chuyen-muc/go-tu-nhien/oc-cho/"><strong>Nội thất gỗ óc chó</strong></a> đại diện cho sự hiện đại, sang trọng và đẳng cấp. Loại gỗ này được thiên nhiên ban tặng cho vẻ đẹp tự nhiên đầy nghệ thuật. Không chỉ vậy, chất lượng tuyệt hảo, bền vững trước mọi tác động cũng là ưu điểm hoàn hảo cho chất liệu này. Nội Thất Đương Đại là đơn vị chuyên thiết kế thi công nội thất. Chúng tôi chọn lựa gỗ óc chó với chất lượng, mang đến cho người tiêu dùng những sản phẩm nội thất gỗ tự nhiên cao cấp, hoàn hảo xứng tầm theo tiêu chuẩn quốc tế. Mỗi một sản phẩm nội thất cho ra mắt đều thể hiện những nét riêng biệt, thể hiện cá tính của gia chủ, không có sự trùng lặp nhàm chán giữa các không gian với nhau từ phong cách <a href="https://noithatduongdai.vn/chuyen-muc/noi-that-tan-co-dien/"><strong>nội thất tân cổ điển</strong></a> đến hiện đại.</p>                        </div>
  2812.                    </div>
  2813.                    </div>
  2814.                </div>
  2815.            </form>
  2816.  
  2817.        </div>
  2818.  
  2819.    </div>
  2820.  
  2821.  
  2822. <script>
  2823.    var statusEdit = false;
  2824.    var CityID = 0;
  2825.    var DistrictID = 0;
  2826.    var Tel = '';
  2827.    var type = 2;   //Type = 1 is Job   //Type = 2 is University    //Type = 3 is School
  2828.  
  2829.    $(document).ready(function () {
  2830.        //loadCityList();
  2831.        loadUniversity(3001992, type);
  2832.        loadUniversity(3001992, 3);
  2833.        loadExperience_V2(3001992);
  2834.        //loadDistrictList(CityID);
  2835.        //loadWardList(DistrictID);
  2836.        $("#list-district").prop('disabled', false);
  2837.        $("#list-ward").prop('disabled', false);
  2838.        LoadForumsLawyer(51);
  2839.        GetCityPhone(Tel);
  2840.    });
  2841.  
  2842.    function linkWebsite(url) {
  2843.        var text = $('.txt-chinhsua').html();
  2844.        if (text != 'Cập nhật')
  2845.            window.location.href = url;
  2846.    }
  2847.  
  2848.    function saveLawyerInfo() {
  2849.        updateLawyerInfo();
  2850.    }
  2851.  
  2852.    function updateLawyerInfo() {
  2853.        var categoryIDs = [];
  2854.        var linhvuctuvan = "";
  2855.        var cateIDsChecked = document.querySelectorAll('#Customer_Consulting_Field input[type=checkbox]:checked');
  2856.        cateIDsChecked.forEach(function (item) {
  2857.            var val = $(item).attr("id")
  2858.            categoryIDs.push(parseInt(val));
  2859.            linhvuctuvan += val + ',';
  2860.        });
  2861.        var list_prosesion = linhvuctuvan ? linhvuctuvan.slice(0, -1) : '';
  2862.        $('.CategoryNames').val(list_prosesion);
  2863.        var dataForm = $("form#formLawyerInfo").serialize();
  2864.        var cusInfo = {};
  2865.        cusInfo.Info = $('.txt-Info').val();
  2866.        var favorite = {};
  2867.        favorite.Sport = '';
  2868.        favorite.Musics = $('.txt-Musics').val();
  2869.        favorite.Movies = $('.txt-Movies').val();
  2870.        favorite.Books = $('.txt-Books').val();
  2871.        favorite.Television = $('.txt-Television').val();
  2872.        favorite.Games = '';
  2873.        favorite.FavoriteInterests = '';
  2874.        favorite.FavoriteActivities = '';
  2875.        favorite.Info = $('.txt-Info').val();
  2876.        var param = dataForm + '&cusInfoJson=' + JSON.stringify(cusInfo) + '&favoritesJson=' + JSON.stringify(favorite);
  2877.  
  2878.        $('.main-loader').css('display', 'block');
  2879.        $.ajax({
  2880.            type: "POST",
  2881.            url: MAIN_DOMAIN + '/Lawyer/UpdateLawyerBasic_V2',
  2882.            data: param,
  2883.            dataType: "json",
  2884.            contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
  2885.            success: function (result) {
  2886.                if (!result) {
  2887.                    statusEdit = result;
  2888.                    $('.main-loader').css('display', 'none');
  2889.                    swal("Thông báo!", "Cập nhật thông tin thành công!", "success");
  2890.                    return false;
  2891.                } else {
  2892.                    $('.main-loader').css('display', 'none'); swal({
  2893.                        title: "Thông báo!",
  2894.                        text: result,
  2895.                        icon: "error",
  2896.                        button: "Ok",
  2897.                    });
  2898.                    return false;
  2899.                }
  2900.            },
  2901.            error: function () {
  2902.                $('.main-loader').css('display', 'none');
  2903.                swal({
  2904.                    title: "Thông báo!",
  2905.                    text: "Cập nhật thất bại. Vui lòng thử lại",
  2906.                    icon: "error",
  2907.                    button: "Ok",
  2908.                });
  2909.                return false;
  2910.            }
  2911.        });
  2912.    }
  2913.  
  2914.    function changeInfoLawyer(elm) {
  2915.        var checkedValue = $('input[name="rd"]:checked').attr('id');
  2916.        if (elm.text == "Chỉnh sửa") {
  2917.            elm.text = 'Cập nhật';
  2918.            $('.wap-in.' + checkedValue).find('input').removeClass('disabled-input');
  2919.            $('.wap-in.' + checkedValue).find('select').removeClass('disabled-input');
  2920.            $('.wap-in.' + checkedValue).find('textarea').removeClass('disabled-input');
  2921.            $('.wap-in.' + checkedValue).find('div.wrapper').removeClass('disabled-input');
  2922.        } else {
  2923.            elm.text = 'Chỉnh sửa';
  2924.            var disabledItems = document.querySelectorAll('.tab-content .wap-in input');
  2925.            disabledItems.forEach(function (item) {
  2926.                $(item).addClass('disabled-input');
  2927.            });
  2928.            var disabledItems2 = document.querySelectorAll('.tab-content .wap-in select');
  2929.            disabledItems2.forEach(function (item) {
  2930.                $(item).addClass('disabled-input');
  2931.            });
  2932.            var disabledItems3 = document.querySelectorAll('.tab-content .wap-in textarea');
  2933.            disabledItems3.forEach(function (item) {
  2934.                $(item).addClass('disabled-input');
  2935.            });
  2936.            var disabledChecked = document.querySelectorAll('.tab-content .wap-in div.wrapper');
  2937.            disabledChecked.forEach(function (item) {
  2938.                $(item).addClass('disabled-input');
  2939.            });
  2940.        }
  2941.  
  2942.    }
  2943.  
  2944.  
  2945.    $('input[name="rd"]').on('change', function (e) {
  2946.        var disabledItems = document.querySelectorAll('.tab-content .wap-in input');
  2947.        disabledItems.forEach(function (item) {
  2948.            $(item).addClass('disabled-input');
  2949.        });
  2950.    });
  2951.  
  2952.  
  2953. </script>
  2954.  
  2955.  
  2956.  
  2957.                    </div>
  2958.  
  2959.                </div>
  2960.            </div>
  2961.        </div>
  2962.    </div>
  2963. </section>
  2964.  
  2965. <script>
  2966.    var pagePostForLawyer = 0;
  2967.    var pageF = 1;
  2968.    var pagePostUser = 0;
  2969.    $(document).ready(function () {
  2970.        var html = ``;
  2971.        html += `<li class="navigation__item forum-name-child-0"><i class="fas fa-chevron-right"></i>&nbsp;<a href="https://thuvienphapluat.vn/cong-dong-dan-luat/thanh-vien/Ng&#244; Thừa &#194;n">Tài khoản Ng&#244; Thừa &#194;n&nbsp;</a></li>`;
  2972.        $('#navigation__list').html(html);
  2973.        WaitingPostsForLawyer(3001992, pagePostForLawyer, 20);
  2974.    });
  2975.    setInterval(function () {
  2976.        var targetPercentage = 99;
  2977.        var scrollTo = $(window).scrollTop(),
  2978.            docHeight = $(document).height(),
  2979.            windowHeight = $(window).height();
  2980.        var scrollPercent = (scrollTo / (docHeight - windowHeight)) * 100;
  2981.        scrollPercent = scrollPercent.toFixed(1);
  2982.        var elms = document.querySelectorAll('.wap-item-tabs li.active');
  2983.        if (scrollPercent > targetPercentage) {
  2984.            if ($(elms).find('a')[0].getAttribute('href') == '#tab1') {
  2985.                pagePostUser++;
  2986.                loadSearchPostByUserId('tab1', 3001992, pagePostUser, 20)
  2987.            }
  2988.            else if ($(elms).find('a')[0].getAttribute('href') == '#tab2') {
  2989.                pageF++;
  2990.                loadFriends(3001992, '', pageF, 20);
  2991.            }
  2992.        }
  2993.    }, 1000);
  2994.  
  2995.    function activeTabContent(elm, tab) {
  2996.        var elms = document.querySelectorAll('.wap-item-tabs a');
  2997.        $('.wap-item-tabs li').removeClass("active");
  2998.        $.each(elms, function (index, attr) {
  2999.            if (attr.getAttribute('href') == tab)
  3000.                $(attr).closest("li").addClass('active');
  3001.        });
  3002.        if (tab == '#tab1') {
  3003.            pagePostUser = 1;
  3004.            //loadSearchPostByUserId_V2('tab1', 3001992, pagePostLaw, 20);
  3005.            loadSearchPostByUserId('tab1', 3001992, pagePostUser, 20)
  3006.        }
  3007.        else if (tab == '#tab2') {
  3008.            pageF = 1;
  3009.            loadFriends(3001992, '', pageF, 20);
  3010.        }
  3011.  
  3012.        else if (tab == '#tab4') {
  3013.            pagePostForLawyer = 1;
  3014.            WaitingPostsForLawyer(3001992, pagePostForLawyer, 20);
  3015.        }
  3016.    }
  3017.  
  3018.    $('#wap-item-tabs').on('click', 'li', function (e) {
  3019.        // xử lý không cho scroll lên đầu trang
  3020.        document.body.style.overflow = "hidden"; // ADD THIS LINE
  3021.        document.body.style.height = "100%"; // ADD THIS LINE
  3022.        if ($(this).find('a')[0].getAttribute('href') == '#tab1') {
  3023.            pagePostUser = 1;
  3024.            //loadSearchPostByUserId_V2('tab1', 3001992, pagePostLaw, 20);
  3025.            loadSearchPostByUserId('tab1', 3001992, pagePostUser, 20)
  3026.        }
  3027.        else if ($(this).find('a')[0].getAttribute('href') == '#tab2') {
  3028.            pageF = 1;
  3029.            loadFriends(3001992, '', pageF, 20);
  3030.        }
  3031.        else if ($(this).find('a')[0].getAttribute('href') == '#tab4') {
  3032.            pagePostForLawyer = 1;
  3033.            WaitingPostsForLawyer(3001992, pagePostForLawyer, 20);
  3034.        }
  3035.    });
  3036. </script>
  3037.  
  3038.  
  3039. <script>
  3040.    var UploadCoverImageAvatar = document.getElementById("fileSelect-mobile"),
  3041.        UploadImageAvatar = document.getElementById("fileSelect-desktop"),
  3042.        fileElem_mobile = document.getElementById("fileElem-mobile"),
  3043.        fileListAvatar = document.getElementById("fileListAvatar"),
  3044.        fileAvatar = document.getElementById("fileAvatar");
  3045.    if (UploadCoverImageAvatar) {
  3046.        UploadCoverImageAvatar.addEventListener("click", function (e) {
  3047.            if (fileElem_mobile) {
  3048.                fileElem_mobile.click();
  3049.            }
  3050.            e.preventDefault();
  3051.        }, false);
  3052.    }
  3053.    //if (UploadImageAvatar) {
  3054.    //    UploadImageAvatar.addEventListener("click", function (e) {
  3055.    //        if (fileElem_mobile) {
  3056.    //            fileElem_mobile.click();
  3057.    //        }
  3058.    //        e.preventDefault();
  3059.    //    }, false);
  3060.    //}
  3061.  
  3062.    if (fileElem_mobile)
  3063.        fileElem_mobile.addEventListener("change", handleFilesAvatar, false);
  3064.  
  3065.    function handleFilesAvatar() {
  3066.        if (!this.files.length) {
  3067.            fileListAvatar.innerHTML = "<p>Không tìm thấy file!</p>";
  3068.        } else {
  3069.            var check = checkSizeImage($(this));
  3070.            if (!check)
  3071.                return false;
  3072.            fileListAvatar.innerHTML = "";
  3073.            const img = document.createElement("img");
  3074.            img.className = "avatar";
  3075.            img.src = URL.createObjectURL(this.files[0]);
  3076.            img.height = 60;
  3077.            img.onload = function () {
  3078.                URL.revokeObjectURL(this.src);
  3079.            }
  3080.            fileListAvatar.appendChild(img);
  3081.            updateUserAvatar("fileElem-mobile", 1);
  3082.        }
  3083.    }
  3084.  
  3085.    function checkSizeImage(image) {
  3086.        let nBytes = 0,
  3087.            oFiles = image[0].files,
  3088.            nFiles = oFiles.length;
  3089.        for (let nFileId = 0; nFileId < nFiles; nFileId++) {
  3090.            nBytes += oFiles[nFileId].size;
  3091.        }
  3092.        //let sOutput = nBytes + " bytes";
  3093.        //// optional code for multiples approximation
  3094.        //const aMultiples = ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
  3095.        //for (nMultiple = 0, nApprox = nBytes / 1024; nApprox > 1; nApprox /= 1024, nMultiple++) {
  3096.        //    sOutput = nApprox.toFixed(3) + " " + aMultiples[nMultiple] + " (" + nBytes + " bytes)";
  3097.        //}
  3098.        if (nBytes >= 5000000) {//10000000
  3099.            swal("Thông báo!", "Hình ảnh không được vượt quá 5Mb", "warning");
  3100.            return false;
  3101.        }
  3102.        return true;
  3103.    }
  3104.    function updateUserAvatar(elm, type) {
  3105.        var formData = new FormData();
  3106.        var totalFiles = document.getElementById(elm).files.length;
  3107.        for (var i = 0; i < totalFiles; i++) {
  3108.            var file = document.getElementById(elm).files[i];
  3109.            formData.append(elm, file);
  3110.        }
  3111.        $('.main-loader').css('display', 'block');
  3112.        $.ajax({
  3113.            type: "POST",
  3114.            url: MAIN_DOMAIN + '/User/UpdateImageUser?type=' + type,
  3115.            data: formData,
  3116.            dataType: 'json',
  3117.            processData: false,
  3118.            contentType: false,
  3119.            success: function (result) {
  3120.                if (result === "true" || result === true) {
  3121.                    $('.main-loader').css('display', 'none');
  3122.                    swal("Thông báo!", "Cập nhật thành công!", "success")
  3123.                        .then((value) => {
  3124.                            //window.location.reload(true)
  3125.                        });
  3126.                    return false;
  3127.                }
  3128.                else {
  3129.                    $('.main-loader').css('display', 'none');
  3130.                    swal("Thông báo!", result, "error");
  3131.                    return false;
  3132.                }
  3133.            },
  3134.            error: function () {
  3135.                $('.main-loader').css('display', 'none');
  3136.                swal("Thông báo!", result, "error");
  3137.                return false;
  3138.            }
  3139.        });
  3140.    }
  3141. </script>
  3142.  
  3143.  
  3144. <script>
  3145.    function LoadDataPostForLawyer() {
  3146.        var targetPercentage = 99;
  3147.        var scrollTo = $(window).scrollTop(),
  3148.            docHeight = $(document).height(),
  3149.            windowHeight = $(window).height();
  3150.        var scrollPercent = (scrollTo / (docHeight - windowHeight)) * 100;
  3151.        scrollPercent = scrollPercent.toFixed(1);
  3152.        var elms = document.querySelectorAll('.wap-item-tabs li.active');
  3153.        if (scrollPercent > targetPercentage) {
  3154.            if ($(elms).find('a')[0].getAttribute('href') == '#tab4') {
  3155.                    //console.log('test + pagePostForLawyer :'+ pagePostForLawyer);
  3156.                    WaitingPostsForLawyer(3001992, pagePostForLawyer, 20);
  3157.                    pagePostForLawyer++;
  3158.            }
  3159.        }
  3160.    }
  3161.  
  3162.  
  3163.    document.addEventListener('DOMContentLoaded', LoadDataPostForLawyer);
  3164.    window.addEventListener('scroll', lazyLoadSearchPosttForLawyer);
  3165.    function lazyLoadSearchPosttForLawyer() {
  3166.        if (
  3167.            document.documentElement.scrollTop +
  3168.            document.documentElement.clientHeight >=
  3169.            document.documentElement.scrollHeight - 100
  3170.        ) {
  3171.            $('.main-loader').css('display', 'block');
  3172.            setTimeout(() => {
  3173.                LoadDataPostForLawyer();
  3174.                $('.main-loader').css('display', 'none');
  3175.            }, 1000);
  3176.        }
  3177.    }
  3178.  
  3179.    
  3180. </script>
  3181.        </div>
  3182.        <style>
  3183.    @media (max-width: 570px) {
  3184.    .wap-logo-footer {
  3185.        text-align: center;
  3186.    }
  3187.    @media (max-width: 480px) {
  3188.        .address {
  3189.            height: 200px;
  3190.        }
  3191.    }
  3192. </style>
  3193. <!-- Site footer -->
  3194. <footer class="row site-footer footer" id="footer" style="display: inline-flex; position: relative; width: 100%; margin: 0;">
  3195.        <div class="" style=" width: 100%;">
  3196.            <div class="col-sm-4 col-md-6 col-xs-12 wap-logo-footer">
  3197.                <a href="https://thuvienphapluat.vn/cong-dong-dan-luat/" class="logo-footer">
  3198.                    <img src="https://thuvienphapluat.vn/cong-dong-dan-luat/Content/Images/logo-danluat-he.png">
  3199.                </a>
  3200.            </div>
  3201.  
  3202.            <div class="col-sm-4 col-xs-6 col-md-3">
  3203.                <ul class="footer-links">
  3204.                    <li><a href="https://thuvienphapluat.vn/cong-dong-dan-luat/">Trang chủ</a></li>
  3205.                    <li><a href="https://thuvienphapluat.vn/cong-dong-dan-luat/cau-hoi-thuong-gap">Faq</a></li>
  3206.                    <li><a href="https://thuvienphapluat.vn/cong-dong-dan-luat/huong-dan-su-dung">Hướng dẫn sử dụng</a></li>
  3207.                </ul>
  3208.            </div>
  3209.  
  3210.            <div class="col-sm-4 col-xs-6 col-md-3">
  3211.                <ul class="footer-links">
  3212.                    <li><a href="https://thuvienphapluat.vn/page/viewcontentleft.aspx?key=20" target="_blank">Thỏa ước sử dụng</a></li>
  3213.                    <li><a href="https://thuvienphapluat.vn/cong-dong-dan-luat/gioi-thieu">Về chúng tôi</a></li>
  3214.                    <li><a href="https://thuvienphapluat.vn/cong-dong-dan-luat/lien-he">Liên hệ</a></li>
  3215.                </ul>
  3216.            </div>
  3217.        </div>
  3218.        <hr>
  3219.  
  3220.  
  3221.        <div class="" style=" width: 100%;">
  3222.            <div class="col-md-12 col-sm-12 col-xs-12">
  3223.                
  3224.                <p class="address" style="font: normal 11px Verdana, Geneva, sans-serif;">
  3225.                    Chủ quản: Công ty <strong style="font-family: Times New Roman; font-size: 11px">
  3226.                        <a href="https://thuvienphapluat.vn/"><span style="color: Red">THƯ VIỆN PHÁP LUẬT</span></a>
  3227.                    
  3228.                </p>
  3229.            </div>
  3230.        </div>
  3231.  
  3232. </footer>
  3233.  
  3234. <script>    
  3235.    $(document).ready(function () {
  3236.        $('.main-loader').fadeIn('fast');
  3237.        setTimeout(function () { $('.main-loader').fadeOut('slow'); }, 5000);
  3238.    });
  3239.    //document.addEventListener('DOMContentLoaded', function () {
  3240.    //    $('.main-loader').fadeIn('fast');
  3241.    //}, false);
  3242.    $(window).on('load', function () {
  3243.        $('.main-loader').fadeOut('slow');
  3244.    })
  3245. </script>
  3246.    </div>
  3247.  
  3248.    <!-- Back to top button -->
  3249.  
  3250.    <div id="wrapper" style="bottom: 5px;
  3251.        right: 5%;
  3252.        position: absolute;
  3253.        width: 42px;
  3254.        height: auto;">
  3255.        <a id="button-to-top"></a>
  3256.    </div>
  3257.  
  3258. </div>
  3259.  
  3260. <!-- HTML dùng chung -->
  3261. <div class="main-loader"><div class="loading">Loading&#8230;</div></div>
  3262.  
  3263.  
  3264. <style>
  3265.  
  3266.    body.modal-open {
  3267.        height: 100vh;
  3268.        overflow-y: hidden;
  3269.    }
  3270.  
  3271.    .loginModal {
  3272.        padding: 0 !important;
  3273.    }
  3274.  
  3275.        .loginModal .modal-dialog-login {
  3276.            width: 100%;
  3277.            height: 100%;
  3278.            margin: 0 auto;
  3279.            padding: 0;
  3280.        }
  3281.  
  3282.        .loginModal .modal-content-login {
  3283.            height: auto;
  3284.            min-height: 100%;
  3285.            border: 0 none;
  3286.            border-radius: 0;
  3287.            box-shadow: none;
  3288.        }
  3289.  
  3290.        .loginModal.fade .modal-dialog-login {
  3291.            transform: translate3d(100vh, 0, 0);
  3292.        }
  3293.  
  3294.        .loginModal.in .modal-dialog-login {
  3295.            transform: translate3d(0, 0, 0);
  3296.        }
  3297.  
  3298.    .modal-header-login {
  3299.        justify-content: left;
  3300.        padding: 10px;
  3301.        height: 40px;
  3302.    }
  3303.  
  3304.        .modal-header-login .close {
  3305.            margin: 0;
  3306.            color: #ef9f26;
  3307.            font-size: 40px;
  3308.            opacity: 1;
  3309.            padding: 0 10px;
  3310.            margin-top: -15px;
  3311.        }
  3312.  
  3313.            .modal-header-login .close i {
  3314.                color: #ef9f26;
  3315.                margin-top: 5px;
  3316.            }
  3317.  
  3318.    .content-login p {
  3319.        text-align: center;
  3320.        margin-bottom: 0.5rem;
  3321.        max-width: 500px;
  3322.        margin: auto;
  3323.    }
  3324.  
  3325.  
  3326.    .content-login {
  3327.        position: absolute;
  3328.        bottom: 0;
  3329.        top: 0;
  3330.        overflow-y: auto;
  3331.        padding-right: 3%;
  3332.        padding-top: 3%;
  3333.        margin-bottom: 10px;
  3334.    }
  3335.  
  3336.  
  3337.    .input-container {
  3338.        display: -ms-flexbox; /* IE10 */
  3339.        display: flex;
  3340.        width: 100%;
  3341.        margin-top: 5px;
  3342.        margin-bottom: 10px;
  3343.    }
  3344.  
  3345.    .icon {
  3346.        padding: 10px;
  3347.        background: transparent;
  3348.        color: white;
  3349.        min-width: 50px;
  3350.        text-align: center;
  3351.        position: absolute;
  3352.        left: 5%;
  3353.        color: #8e99a4;
  3354.        padding-top: 15px;
  3355.    }
  3356.  
  3357.    .input-field {
  3358.        width: 100%;
  3359.        padding: 10px;
  3360.        outline: none;
  3361.        border-radius: 5px;
  3362.        background: transparent;
  3363.        border-radius: 5px;
  3364.        border: 1px solid #888;
  3365.        padding-left: 50px;
  3366.    }
  3367.  
  3368.        .input-field:focus {
  3369.            border: 2px solid #ef9f26;
  3370.        }
  3371.  
  3372.    .forget-pass {
  3373.        color: #ef9f26 !important;
  3374.    }
  3375.  
  3376.    .btnLogin {
  3377.        background-color: #ef9f26;
  3378.        color: white;
  3379.        border: none;
  3380.        cursor: pointer;
  3381.        width: 100%;
  3382.        opacity: 0.9;
  3383.        padding: 5px;
  3384.        border-radius: 5px;
  3385.    }
  3386.  
  3387.        .btnLogin:hover {
  3388.            opacity: 1;
  3389.        }
  3390.  
  3391.  
  3392.    .cke_skin_kama .cke_dialog_tabs {
  3393.        margin-top: 0px;
  3394.    }
  3395.  
  3396.    #loginModal2 .icon {
  3397.        padding: 10px;
  3398.        font-size: 15px;
  3399.    }
  3400.  
  3401.    #loginModal2 .input-field {
  3402.        padding: 5px;
  3403.        padding-left: 50px;
  3404.    }
  3405.  
  3406.    #ModalResetPassword .modal-content {
  3407.        padding-left: 10px;
  3408.        padding-right: 10px;
  3409.    }
  3410.  
  3411.    .cancel-resetpass, .send-resetpass {
  3412.        width: 50%;
  3413.        background: transparent;
  3414.        color: #70bce0;
  3415.        border: none;
  3416.    }
  3417.  
  3418.    .input-title {
  3419.        width: 100%;
  3420.        padding: 10px 7px;
  3421.        box-sizing: border-box;
  3422.        background: none;
  3423.        outline: none;
  3424.        resize: none;
  3425.        border: 0;
  3426.        transition: all .3s;
  3427.        border-bottom: 2px solid #bebed2;
  3428.        margin-bottom: 20px;
  3429.    }
  3430.  
  3431.    .content-login input, .content-login select {
  3432.        width: 100%;
  3433.        padding: 3px 7px;
  3434.        box-sizing: border-box;
  3435.        background: none;
  3436.        outline: none;
  3437.        resize: none;
  3438.        transition: all .3s;
  3439.        /*        border-bottom: 2px solid #bebed2;*/
  3440.        border-radius: 5px;
  3441.        border: 1px solid #ddd;
  3442.    }
  3443.  
  3444.        .content-login select.cb-AddrName {
  3445.            width: 65px;
  3446.            margin-top: 20px;
  3447.        }
  3448.  
  3449.    .modal-footer {
  3450.        padding: 5px;
  3451.    }
  3452.  
  3453.        .modal-footer button.cancel-resetpass {
  3454.            padding: 10px;
  3455.            font-weight: 600;
  3456.            border: 1px solid #ddd;
  3457.            border-radius: 5px;
  3458.        }
  3459.  
  3460.    .variants {
  3461.        display: flex;
  3462.        justify-content: center;
  3463.        align-items: center;
  3464.        float: left;
  3465.        padding-bottom: 5px;
  3466.        border-radius: 5px;
  3467.    }
  3468.  
  3469.        .variants > div {
  3470.            margin-right: 5px;
  3471.        }
  3472.  
  3473.            .variants > div:last-of-type {
  3474.                margin-right: 0;
  3475.            }
  3476.  
  3477.    .file {
  3478.        position: relative;
  3479.        display: flex;
  3480.        justify-content: center;
  3481.        align-items: center;
  3482.    }
  3483.  
  3484.        .file > input[type='file'] {
  3485.            display: none
  3486.        }
  3487.  
  3488.        .file > label, .file > a > label {
  3489.            font-size: 1rem;
  3490.            font-weight: 300;
  3491.            cursor: pointer;
  3492.            outline: 0;
  3493.            user-select: none;
  3494.            border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  3495.            border-style: solid;
  3496.            border-radius: 4px;
  3497.            border-width: 1px;
  3498.            background-color: hsl(0, 0%, 100%);
  3499.            color: hsl(0, 0%, 29%);
  3500.            padding: 5px;
  3501.            display: flex;
  3502.            justify-content: center;
  3503.            align-items: center;
  3504.        }
  3505.  
  3506.            .file > label:hover, .file > a > label:hover {
  3507.                border-color: none;
  3508.                background-color: #ef9f26;
  3509.                color: #fff;
  3510.            }
  3511.  
  3512.                .file > label:hover > .fa-image, .file > a > label:hover > .fa-link, .file > a > label:hover > .fa-link {
  3513.                    color: #fff;
  3514.                }
  3515.  
  3516.            .file > label:active {
  3517.                background-color: hsl(0, 0%, 96%);
  3518.            }
  3519.  
  3520.            .file > label > i {
  3521.                padding-right: 5px;
  3522.            }
  3523.  
  3524.    .file--upload > label {
  3525.        color: hsl(204, 86%, 53%);
  3526.        border-color: hsl(204, 86%, 53%);
  3527.    }
  3528.  
  3529.        .file--upload > label:hover {
  3530.            border-color: hsl(204, 86%, 53%);
  3531.            background-color: hsl(204, 86%, 96%);
  3532.        }
  3533.  
  3534.        .file--upload > label:active {
  3535.            background-color: hsl(204, 86%, 91%);
  3536.        }
  3537.  
  3538.    .file--uploading > label {
  3539.        color: hsl(48, 100%, 67%);
  3540.        border-color: hsl(48, 100%, 67%);
  3541.    }
  3542.  
  3543.        .file--uploading > label > i {
  3544.            animation: pulse 5s infinite;
  3545.        }
  3546.  
  3547.        .file--uploading > label:hover {
  3548.            border-color: hsl(48, 100%, 67%);
  3549.            background-color: hsl(48, 100%, 96%);
  3550.        }
  3551.  
  3552.        .file--uploading > label:active {
  3553.            background-color: hsl(48, 100%, 91%);
  3554.        }
  3555.  
  3556.    .file--success > label {
  3557.        color: hsl(141, 71%, 48%);
  3558.        border-color: hsl(141, 71%, 48%);
  3559.    }
  3560.  
  3561.        .file--success > label:hover {
  3562.            border-color: hsl(141, 71%, 48%);
  3563.            background-color: hsl(141, 71%, 96%);
  3564.        }
  3565.  
  3566.        .file--success > label:active {
  3567.            background-color: hsl(141, 71%, 91%);
  3568.        }
  3569.  
  3570.    .file--danger > label {
  3571.        color: hsl(348, 100%, 61%);
  3572.        border-color: hsl(348, 100%, 61%);
  3573.    }
  3574.  
  3575.        .file--danger > label:hover {
  3576.            border-color: hsl(348, 100%, 61%);
  3577.            background-color: hsl(348, 100%, 96%);
  3578.        }
  3579.  
  3580.        .file--danger > label:active {
  3581.            background-color: hsl(348, 100%, 91%);
  3582.        }
  3583.  
  3584.    .file--disabled {
  3585.        cursor: not-allowed;
  3586.    }
  3587.  
  3588.        .file--disabled > label {
  3589.            border-color: #e6e7ef;
  3590.            color: #e6e7ef;
  3591.            pointer-events: none;
  3592.        }
  3593.  
  3594.    @keyframes pulse {
  3595.        0% {
  3596.            color: hsl(48, 100%, 67%);
  3597.        }
  3598.  
  3599.        50% {
  3600.            color: hsl(48, 100%, 38%);
  3601.        }
  3602.  
  3603.        100% {
  3604.            color: hsl(48, 100%, 67%);
  3605.        }
  3606.    }
  3607.  
  3608.    textarea:focus {
  3609.        outline: none !important;
  3610.        border: 2px solid #bebed2;
  3611.    }
  3612.  
  3613.  
  3614.  
  3615.    @media (min-width: 560px) and (max-width: 765px) {
  3616.        #loginModal .modal-content-login {
  3617.            position: absolute;
  3618.            width: 100vw;
  3619.            height: 50vh;
  3620.            top: 0;
  3621.            bottom: 0;
  3622.            left: 0;
  3623.            right: 0;
  3624.            margin: auto;
  3625.            border: 0;
  3626.        }
  3627.  
  3628.        .content-login {
  3629.            padding: 10% 3% 0 3%;
  3630.        }
  3631.  
  3632.        .icon {
  3633.            left: 8%;
  3634.        }
  3635.    }
  3636.  
  3637.    @media (min-width: 768px) {
  3638.  
  3639.        .content-login {
  3640.            padding: 10% 3% 0 3%;
  3641.        }
  3642.  
  3643.        .icon {
  3644.            left: auto;
  3645.        }
  3646.    }
  3647.  
  3648.    @media (min-width: 992px) {
  3649.        .content-login {
  3650.            padding: 18% 3% 0 3%;
  3651.        }
  3652.    }
  3653.  
  3654.  
  3655.    @media (max-width: 480px) {
  3656.        #loginModal2 .abcRioButtonFB a span {
  3657.            margin-top: 7px;
  3658.        }
  3659.  
  3660.        .loginModal .modal-dialog-login {
  3661.            margin: 0;
  3662.        }
  3663.        /*____________________________________CkEditor____________________________________________________________________*/
  3664.        .cke_dialog.cke_browser_webkit.cke_ltr {
  3665.            width: 100%;
  3666.        }
  3667.  
  3668.        .cke_skin_kama .cke_dialog_body {
  3669.            /*  width: 85%;*/
  3670.            /*  background: red;*/
  3671.        }
  3672.  
  3673.        table.cke_skin_kama .cke_dialog_contents {
  3674.            background-color: #2cc735;
  3675.            width: 100%;
  3676.            display: block;
  3677.            margin-right: 40px;
  3678.        }
  3679.        /*  .cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_first, .cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_child {
  3680.            width: 130px;
  3681.        }*/
  3682.        .cke_skin_kama .cke_dialog_ui_hbox_first, .cke_skin_kama .cke_dialog_ui_hbox_child, .cke_skin_kama .cke_dialog_ui_hbox_last {
  3683.            /* background-color: rebeccapurple;*/
  3684.            /* width: 150px;*/
  3685.        }
  3686.        /*  .ImagePreviewBox{
  3687.            display:none;
  3688.        }*/
  3689.        .cke_skin_kama .cke_dialog .ImagePreviewBox {
  3690.            width: auto;
  3691.        }
  3692.        /*   #cke_dialog_contents_100.cke_dialog_contents {
  3693.            width: auto !important;
  3694.        }*/
  3695.        /*#cke_138_uiElement {
  3696.            display: none;
  3697.        }*/
  3698.        /*  #cke_139_uiElement {
  3699.            width: 85% !important;
  3700.            background-color: red;
  3701.            height: auto !important;
  3702.        }*/
  3703.        .cke_skin_kama .cke_dialog_tabs {
  3704.            margin-top: 5px !important;
  3705.        }
  3706.  
  3707.        .cke_skin_kama a.cke_dialog_tab, .cke_skin_kama a:link.cke_dialog_tab, .cke_skin_kama a:active.cke_dialog_tab, .cke_skin_kama a:hover.cke_dialog_tab, .cke_skin_kama a:visited.cke_dialog_tab {
  3708.            background-color: #ef9f26;
  3709.            line-height: 7px;
  3710.        }
  3711.        /* .cke_skin_kama a.cke_dialog_tab_selected, .cke_skin_kama a:link.cke_dialog_tab_selected, .cke_skin_kama a:active.cke_dialog_tab_selected,
  3712.        .cke_skin_kama a:hover.cke_dialog_tab_selected, .cke_skin_kama a:visited.cke_dialog_tab_selected {
  3713.            background-color: #c1c146;
  3714.        }*/
  3715.        .cke_skin_kama .cke_toolgroup {
  3716.            margin-right: 2px;
  3717.        }
  3718.  
  3719.        .cke_skin_v2 .cke_rcombo .cke_text {
  3720.            height: auto;
  3721.        }
  3722.  
  3723.        .cke_skin_v2 .cke_rcombo .cke_openbutton {
  3724.            height: 22px;
  3725.        }
  3726.  
  3727.        .ui-icon-closethick {
  3728.            margin-top: -11px !important;
  3729.        }
  3730.    }
  3731.  
  3732.    @media (max-width: 325px) {
  3733.        .content-login p {
  3734.            width: 100% !important;
  3735.            text-align: center !important;
  3736.        }
  3737.  
  3738.        .footer-login {
  3739.            width: 100% !important;
  3740.        }
  3741.  
  3742.            .footer-login.phone, .footer-login.skype {
  3743.                text-align: center !important;
  3744.            }
  3745.    }
  3746. </style>
  3747.  
  3748. <!-- Modal Login -->
  3749. <div class="modal fade loginModal loginModalForm" data-backdrop="static" data-keyboard="false" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalTitle" aria-hidden="true">
  3750.    <div class="modal-dialog modal-dialog-centered modal-dialog-login" role="document">
  3751.        <div class="modal-content modal-content-login">
  3752.            <div class="modal-body">
  3753.                <div class="content-login">
  3754.                    <div class="col-md-12 col-xs-12">
  3755.                        <p><img src="https://thuvienphapluat.vn/cong-dong-dan-luat/Content/Images/logo-danluat-he.png" height="80" class="logo" /></p>
  3756.                        <p style="color:#ef9f26;font-size: 18px;margin-top: 10px;">Đăng nhập</p>
  3757.                        <p>
  3758.                            Bạn vui lòng đăng nhập. Bạn cũng có thể đăng nhập bằng tài khoản của
  3759.                            <a target="_blank" href="https://thuvienphapluat.vn/" style="color:#fe0c00"><span>ThuVienPhapLuat.vn</span></a> hoặc
  3760.                            <button type="submit" class="btnLogin" data-toggle="modal" data-target="#registerModal" style="background-color: transparent;color: #ef9f26;outline: none;border: none;width: auto;padding: 0;"><b>Đăng ký</b></button> nếu bạn chưa có tài khoản
  3761.                        </p>
  3762.                        <div style="max-width:500px;margin:auto">
  3763.                            <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Tên đăng nhập" id="usernameM" /></p>
  3764.  
  3765.                            <p class="p-form" type="&ensp;" style="text-align:left"><input type="password" placeholder="Mật khẩu" id="passwordM" /></p>
  3766.                            <div class="input-container" style="display: block;text-align: right;">
  3767.                                
  3768.                                <button type="submit" class="btnLogin" data-toggle="modal" data-target="#ModalResetPassword" style="background-color: transparent;color: #ef9f26;outline: none;border: none;width: auto;padding: 0;">Quên mật khẩu?</button>
  3769.                            </div>
  3770.  
  3771.                            <div class="input-container">
  3772.                                <button type="submit" class="btnLogin" onclick="LoginClickModal();">Đăng nhập</button>
  3773.                            </div>
  3774.  
  3775.                            <div class="input-container">
  3776.                                <div class="abcRioButtonFB">
  3777.                                    <a title="Đăng nhập bằng Facebook" href="javascript:void(0);" onclick="return fbLogin();">
  3778.                                        <i class="fab fa-facebook-f"></i>
  3779.                                        <span>Đăng nhập bằng Facebook</span>
  3780.                                    </a>
  3781.                                </div>
  3782.                            </div>
  3783.  
  3784.  
  3785.                            <div class="input-container">
  3786.                                <div class="abcRioButtonGoogle abcRioButtonLightBlue">
  3787.                                    <a title="Đăng nhập bằng Google" href="javascript:void(0);" onclick="return google_login();">
  3788.                                        <i class="fab fa-google" style=" background: #5183ec;"></i>
  3789.                                        <span>Đăng nhập bằng Google</span>
  3790.                                    </a>
  3791.                                </div>
  3792.                            </div>
  3793.                            <div class="input-container" style="display: block;">
  3794.                                <p>&#8212;&#8212;&#8212; Hoặc &#8212;&#8212;&#8212;</p>
  3795.                            </div>
  3796.  
  3797.                            <button id="btnRegister" type="submit" class="btnLogin" data-toggle="modal" data-target="#registerModal" style="background-color: #fe0c00;"><b>Đăng ký</b></button>
  3798.  
  3799.                        </div>
  3800.                        <p><span class="tvpl-name2" style="position: revert;font-size: 15px;padding: 5px;text-align: center;">© 2024 THƯ VIỆN PHÁP LUẬT</span></p>
  3801.                        <p class="footer-login left" style="width:50%"><i class="fas fa-phone-volume"></i>&ensp;Hotline: 028 3930 3279</p>
  3802.                        <p class="footer-login phone right" style="width:50%; text-align:right"><i class="fa fa-phone-square" aria-hidden="true"></i>&ensp;<a href="javascript:void(0);">(028) 3930 3279</a></p>
  3803.                        <p class="footer-login" style="display: inline-block;width:100%;padding-top: 5px;"><i class="fas fa-map-marker-alt"></i>&ensp;<a href="javascript:void(0);">19 Nguyễn Gia Thiều, P.Võ Thị Sáu, Q.3, TP.HCM</a></p>
  3804.                    </div>
  3805.                </div>
  3806.            </div>
  3807.            <div class="modal-footer" style="text-align:center">
  3808.                <button type="button" class="cancel-resetpass" data-dismiss="modal">Đóng</button>
  3809.                
  3810.            </div>
  3811.        </div>
  3812.    </div>
  3813. </div>
  3814.  
  3815.  
  3816.  
  3817. <!-- Modal Login V2-->
  3818. <div class="modal fade " id="loginModal2" tabindex="-1" role="dialog" aria-labelledby="loginModal2Title" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  3819.    <div class="modal-dialog modal-dialog-centered modal-dialog-login" role="document">
  3820.        <div class="modal-content modal-content-login">
  3821.            <div class="modal-header modal-header-login">
  3822.                
  3823.  
  3824.                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin: auto;margin-right:0;margin-top:-10px;">
  3825.                    <span aria-hidden="true">&times;</span>
  3826.                </button>
  3827.            </div>
  3828.            <div class="modal-body">
  3829.                <div class="">
  3830.                    <div class="col-md-12 col-xs-12">
  3831.                        <div style="text-align:center">
  3832.                            <p style="margin-top: 10px;font-weight:600;margin:0; font-size:12px;">
  3833.                                Chào mừng bạn đến với <strong><span style="color: red;">D</span>ân <span style="color: red;">L</span>uật</strong>
  3834. . Để viết bài Tư vấn,
  3835.                                <a href="https://thuvienphapluat.vn/cong-dong-dan-luat/tao-bai-viet-hoi-luat-su" style="cursor: pointer;">Hỏi Luật Sư</a>, kết nối với Luật sư và chuyên gia, …
  3836.                            </p>
  3837.                        </div>
  3838. <style>
  3839.    #loginModal2 input, #loginModal2 select {
  3840.        width: 100%;
  3841.        padding: 3px 7px;
  3842.        box-sizing: border-box;
  3843.        background: none;
  3844.        outline: none;
  3845.        resize: none;
  3846.        transition: all .3s;
  3847.        border-radius: 5px;
  3848.        border: 1px solid #ddd;
  3849.    }
  3850.  
  3851.    #loginModal2 select.cb-AddrName {
  3852.        width: 65px;
  3853.        margin-top: 10px;
  3854.        height:28px;
  3855.    }
  3856.  
  3857.    .modal-footer {
  3858.        padding: 5px;
  3859.    }
  3860.  
  3861.        .modal-footer button.cancel-resetpass {
  3862.            padding: 10px;
  3863.            font-weight: 600;
  3864.            border: 1px solid #ddd;
  3865.            border-radius: 5px;
  3866.        }
  3867.  
  3868.    .input-title {
  3869.        width: 100%;
  3870.        padding: 10px 7px;
  3871.        box-sizing: border-box;
  3872.        background: none;
  3873.        outline: none;
  3874.        resize: none;
  3875.        border: 0;
  3876.        transition: all .3s;
  3877.        border-bottom: 2px solid #bebed2;
  3878.        margin-bottom: 20px;
  3879.    }
  3880.  
  3881.    #loginModal2 input, #loginModal2 select {
  3882.        width: 100%;
  3883.        padding: 3px 7px;
  3884.        box-sizing: border-box;
  3885.        background: none;
  3886.        outline: none;
  3887.        resize: none;
  3888.        transition: all .3s;
  3889.        border-radius: 5px;
  3890.        border: 1px solid #ddd;
  3891.    }
  3892.  
  3893.    #loginModal2 p.p-form {
  3894.        margin:0;
  3895.    }
  3896.        #loginModal2 p.p-form:before {
  3897.            margin-top:-10px;
  3898.        }
  3899. </style>
  3900. <div class="">
  3901.    <p style="color:#ef9f26;font-size: 18px;margin-top: 10px;text-align:center">Đăng ký tài khoản</p>
  3902.    <div style="max-width:500px;margin:auto;">
  3903.        <div style="display: inline-flex;width: 100%;">
  3904.            <select class="cb-AddrName" name="Customer_AddrName" id="Customer_AddrName_Register">
  3905.                <option value="1" selected>Ông</option>
  3906.                <option value="2">Bà</option>
  3907.                <option value="3">Anh</option>
  3908.                <option value="4">Chị</option>
  3909.            </select>
  3910.            <p class="p-form" type="&ensp;" style="text-align:left;width: inherit;margin-left: 10px;"><input type="text" placeholder="Họ tên" id="Customer_FullName_Register" /></p>
  3911.        </div>
  3912.        <p class="p-form" type="&ensp;" style="text-align:left"><input class="txt-sinhnhat" name="Birthday" id="Birthday_Register" min="1940-01-01" type="date" value="2024-05-09" /></p>
  3913.  
  3914.  
  3915.  
  3916.  
  3917.        <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Tên đăng nhập" id="Customer_Name_Register" /></p>
  3918.        <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Email" id="Customer_Email_Register" /></p>
  3919.        <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Số điện thoại di động" id="Customer_Mobile_Register" /></p>
  3920.        <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Địa chỉ liên hệ" id="Customer_Address_Register" /></p>
  3921.        <select class="cb-city" name="CustomerProfile.City" id="CustomerProfile_City" style=" margin-top: 10px;padding: 6px;">
  3922.            <option value="" disabled selected>Chọn tỉnh thành</option>
  3923.        </select>
  3924.        <p class="p-form" type="&ensp;" style="text-align:left"><input type="password" placeholder="Mật khẩu" id="Customer_Password_Register" /></p>
  3925.  
  3926.        <div style="display: block;text-align:center;margin-top: 5px;">
  3927.            <input type="checkbox" id="check-dieu-khoan" name="check-dieu-khoan" checked style="width: auto;">
  3928.            <label for="check-dieu-khoan" style="padding-left: 10px;font-weight: 100;">Tôi đã đọc và đồng ý <span style="color:#ef9f26"><a href="https://thuvienphapluat.vn/cong-dong-dan-luat/thoa-uoc-su-dung" target="_blank">Thỏa ước dịch vụ</a></span></label>
  3929.        </div>
  3930.  
  3931.        <div class="input-container" style="display: block;text-align:center">
  3932.            <div style=" display: flex;">
  3933.                <div class="wap-captcha" id="wap-captcha" style=" width: calc(100% - 55px);">
  3934.  
  3935. <img id="myimage" src="https://thuvienphapluat.vn/cong-dong-dan-luat/registimage.aspx" />
  3936.  
  3937.  
  3938.                </div>
  3939.                <button type="submit" class="btnLogin" onclick="reloadCaptcha();" style="width: auto;"><i class="fa fa-refresh" aria-hidden="true" style="color: #fff;"></i></button>
  3940.            </div>
  3941.        </div>
  3942.        <div style="display:flex">
  3943.            <input class="txtCaptcha input-field" placeholder="Nhập mã Captcha" value="" type="text" style=" width: calc(100% - 100px);margin-right:10px;" />
  3944.            <button type="submit" class="btnLogin" onclick="RegisterClickModal();" style="background-color:#fe0c00;width:100px;height:fit-content;">Đăng Ký</button>
  3945.        </div>
  3946.        
  3947.  
  3948.    </div>
  3949. </div>
  3950.  
  3951. <script>
  3952.    function reloadCaptcha() {
  3953.        $('.main-loader').css('display', 'block');
  3954.        $('.wap-captcha').load('/User/Captcha');
  3955.        let r = (Math.random() + 1).toString(36).substring(7);
  3956.        setTimeout(function () {
  3957.            $("#myimage").attr("src", MAIN_DOMAIN + "/registimage.aspx?t=" + r);
  3958.            $('.main-loader').fadeOut('fast');
  3959.        }, 1000);
  3960.    }
  3961. </script>
  3962.  
  3963.  
  3964.                        <div class="clearfix"></div>
  3965.  
  3966.                        <hr />
  3967.                        <div class="input-container" style="display: block;">
  3968.                            <p style="color: #f1a93c;">Bạn đã đã có tài khoản thì đăng nhập để sử dụng tiện ích</p>
  3969.                        </div>
  3970.  
  3971.                        <div style="max-width:500px;margin:auto">
  3972.                            <div class="input-container">
  3973.                                <i class="fa fa-user icon"></i>
  3974.                                <input class="input-field" type="text" placeholder="Tên đăng nhập" id="usernameM2">
  3975.                            </div>
  3976.  
  3977.                            <div class="input-container">
  3978.                                <i class="fa fa-key icon"></i>
  3979.                                <input class="input-field" type="password" placeholder="Mật khẩu" id="passwordM2">
  3980.                            </div>
  3981.  
  3982.                            <div class="input-container" style="width:50%;float:left">
  3983.                                <button type="submit" id="btn-login" class="btnLogin" onclick="LoginClickModal_V2();">Đăng nhập</button>
  3984.                            </div>
  3985.  
  3986.                            <div class="input-container" style="display: block;text-align: right;width:50%;float:right">
  3987.                                <a onclick="closeLoginModal()" href="javascript:void(0);" class="forget-pass" data-toggle="modal" data-target="#ModalResetPassword">Quên mật khẩu?</a>
  3988.                            </div>
  3989.  
  3990.                            <div class="clearfix"></div>
  3991.  
  3992.                            <div class="input-container" style="width:50%;float:left">
  3993.                                <div class="abcRioButtonFB">
  3994.                                    <a title="Đăng nhập bằng Facebook" href="javascript:void(0);" onclick="return fbLogin();">
  3995.                                        <i class="fab fa-facebook-f"></i>
  3996.                                        <span style="padding-left:0;font-size:10px;">Đăng nhập bằng Facebook</span>
  3997.                                    </a>
  3998.                                </div>
  3999.                            </div>
  4000.  
  4001.                            <div class="input-container" style="width:50%;float:right">
  4002.                                <div class="abcRioButtonGoogle abcRioButtonLightBlue">
  4003.                                    <a title="Đăng nhập bằng Google" href="javascript:void(0);" onclick="return google_login();" style="opacity:1">
  4004.                                        <i class="fab fa-google" style=" background: #5183ec;"></i>
  4005.                                        <span style="padding-left:0;font-size:10px;margin-left:30px;">Đăng nhập bằng Google</span>
  4006.                                    </a>
  4007.                                </div>
  4008.                            </div>
  4009.                            <script>
  4010.                                $(document).ready(function () {
  4011.                                    $('#passwordM2').on('keydown', function (e) {
  4012.                                        if (e.keyCode === 13) { $('#btn-login').trigger('click'); }
  4013.                                    });
  4014.                                })
  4015.                            </script>
  4016.                            <div class="clearfix"></div>
  4017.                        </div>
  4018.                    </div>
  4019.                </div>
  4020.            </div>
  4021.        </div>
  4022.    </div>
  4023. </div>
  4024.  
  4025. <!-- Modal Register -->
  4026. <div class="modal fade loginModal" id="registerModal" role="dialog" aria-labelledby="registerModalTitle" aria-hidden="true">
  4027.    <div class="modal-dialog modal-dialog-centered modal-dialog-login" role="document">
  4028.        <div class="modal-content modal-content-login">
  4029.            <div class="modal-body">
  4030.                <div class="content-login" style="position:relative;padding-right:0">
  4031.                    <div class="col-md-12 col-xs-12">
  4032.                        <p><img src="https://thuvienphapluat.vn/cong-dong-dan-luat/Content/Images/logo-danluat-he.png" height="80" class="logo" /></p>
  4033.                        <p style="color:#ef9f26;font-size: 18px;margin-top: 10px;">Đăng ký tài khoản</p>
  4034.  
  4035.                        <div style="max-width:500px;margin:auto;">
  4036.                            <div style="display: inline-flex;width: 100%;">
  4037.                                <select class="cb-AddrName" name="Customer_AddrName" id="Customer_AddrName_Register">
  4038.                                    <option value="1" selected>Ông</option>
  4039.                                    <option value="2">Bà</option>
  4040.                                    <option value="3">Anh</option>
  4041.                                    <option value="4">Chị</option>
  4042.                                </select>
  4043.                                <p class="p-form" type="&ensp;" style="text-align:left;width: inherit;margin-left: 10px;"><input type="text" placeholder="Họ tên" id="Customer_FullName_Register" /></p>
  4044.                            </div>
  4045.                            <p class="p-form" type="&ensp;" style="text-align:left"><input class="txt-sinhnhat" name="Birthday" id="Birthday_Register" min="1940-01-01" type="date" value="2024-05-09" /></p>
  4046.  
  4047.  
  4048.  
  4049.  
  4050.                            <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Tên đăng nhập" id="Customer_Name_Register" /></p>
  4051.                            <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Email" id="Customer_Email_Register" /></p>
  4052.                            <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Số điện thoại di động" id="Customer_Mobile_Register" /></p>
  4053.                            <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Địa chỉ liên hệ" id="Customer_Address_Register" /></p>
  4054.                            <select class="cb-city" name="CustomerProfile.City" id="CustomerProfile_City" style=" margin-top: 20px;padding: 6px;">
  4055.                                <option value="" disabled selected>Chọn tỉnh thành</option>
  4056.                            </select>
  4057.                            <p class="p-form" type="&ensp;" style="text-align:left"><input type="password" placeholder="Mật khẩu" id="Customer_Password_Register" /></p>
  4058.  
  4059.                            <div style="display: block;text-align:center;margin-top: 5px;">
  4060.                                <input type="checkbox" id="check-dieu-khoan" name="check-dieu-khoan" checked style="width: auto;">
  4061.                                <label for="check-dieu-khoan" style="padding-left: 10px;font-weight: 100;">Tôi đã đọc và đồng ý <span style="color:#ef9f26"><a href="https://thuvienphapluat.vn/cong-dong-dan-luat/thoa-uoc-su-dung" target="_blank">Thỏa ước dịch vụ</a></span></label>
  4062.                            </div>
  4063.  
  4064.                            <button type="submit" class="btnLogin" onclick="RegisterClickModal();">Đăng Ký</button>
  4065.  
  4066.                            <div class="input-container" style="margin-bottom: 0;">
  4067.                                <div class="abcRioButtonFB">
  4068.                                    <a title="Đăng nhập bằng Facebook" href="javascript:void(0);" onclick="return fbLogin();">
  4069.                                        <i class="fab fa-facebook-f"></i>
  4070.                                        <span>Đăng nhập bằng Facebook</span>
  4071.                                    </a>
  4072.                                </div>
  4073.                            </div>
  4074.  
  4075.  
  4076.                            <div class="input-container">
  4077.                                <div class="abcRioButtonGoogle abcRioButtonLightBlue">
  4078.                                    <a title="Đăng nhập bằng Google" href="javascript:void(0);" onclick="return google_login();">
  4079.                                        <i class="fab fa-google" style=" background: #5183ec;"></i>
  4080.                                        <span>Đăng nhập bằng Google</span>
  4081.                                    </a>
  4082.                                </div>
  4083.                            </div>
  4084.  
  4085.                        </div>
  4086.  
  4087.                        <div style="margin-top: 20px;">
  4088.                            <p><span class="tvpl-name2" style="position: revert;font-size: 15px;padding: 5px;text-align: center;">© 2024 THƯ VIỆN PHÁP LUẬT</span></p>
  4089.                            <p class="footer-login left" style="width:50%"><i class="fas fa-phone-volume"></i>&ensp;Hotline: 028 3930 3279</p>
  4090.                            <p class="footer-login phone right" style="width:50%; text-align:right"><i class="fa fa-phone-square" aria-hidden="true"></i>&ensp;<a href="javascript:void(0);">(028) 3930 3279</a></p>
  4091.                            <p class="footer-login" style="display: inline-block;width:100%;padding-top: 5px;"><i class="fas fa-map-marker-alt"></i>&ensp;<a href="javascript:void(0);">19 Nguyễn Gia Thiều, P.Võ Thị Sáu, Q.3, TP.HCM</a></p>
  4092.                        </div>
  4093.                    </div>
  4094.                </div>
  4095.            </div>
  4096.            <div class="modal-footer" style="text-align:center">
  4097.                <button type="button" class="cancel-resetpass closeRegisterModal" data-dismiss="modal">Đóng</button>
  4098.            </div>
  4099.        </div>
  4100.    </div>
  4101. </div>
  4102.  
  4103. <!-- Modal ResetPassword -->
  4104. <div class="modal fade" id="ModalResetPassword" tabindex="-1" role="dialog" aria-labelledby="ModalResetPasswordTitle" aria-hidden="true">
  4105.    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
  4106.        <div class="modal-content">
  4107.            <div class="modal-body">
  4108.                <div>
  4109.                    <h4 style="text-align: center;font-weight: 600;">Lấy lại mật khẩu</h4>
  4110.                    <p>Vui lòng nhập địa chỉ Email mà bạn đã dùng đăng ký tài khoản để khôi phục mật khẩu</p>
  4111.                    <input class="input-field" type="text" placeholder="Nhập địa chỉ email" id="emailResetPass" style="padding-left:10px" />
  4112.                </div>
  4113.            </div>
  4114.            <div class="modal-footer" style="text-align:center">
  4115.                <button type="button" class="cancel-resetpass" data-dismiss="modal">Đóng</button>
  4116.                <button type="button" class="send-resetpass" onclick="ForgetPasswordClick();">Gửi yêu cầu</button>
  4117.            </div>
  4118.        </div>
  4119.    </div>
  4120. </div>
  4121.  
  4122.  
  4123. <!-- Modal AddFolder -->
  4124. <div class="modal fade" id="ModalAddFolder" tabindex="-1" role="dialog" aria-labelledby="ModalAddFolderTitle" aria-hidden="true">
  4125.    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
  4126.        <div class="modal-content">
  4127.            <div class="modal-body">
  4128.                <div>
  4129.                    <h4 style="text-align: center;font-weight: 600;">Tạo thư mục</h4>
  4130.                    <input class="input-field" type="text" placeholder="Nhập tên thư mục" id="addFolderName" style="padding-left:10px" />
  4131.                </div>
  4132.            </div>
  4133.            <div class="modal-footer" style="text-align:center">
  4134.                <button type="button" class="cancel-resetpass" data-dismiss="modal" id="cancel-AddFolder">Đóng</button>
  4135.                <button type="button" class="send-resetpass" onclick="createFolder();">Tạo</button>
  4136.            </div>
  4137.        </div>
  4138.    </div>
  4139. </div>
  4140.  
  4141.  
  4142. <!-- Modal Content Document-->
  4143. <div class="modal fade" id="contentModalCenter" tabindex="-1" role="dialog" aria-labelledby="contentModalCenterTitle" aria-hidden="true">
  4144.    <div class="modal-dialog modal-dialog-centered" role="document">
  4145.        <div class="modal-content">
  4146.            <div class="modal-header">
  4147.                <h4 class="modal-title" id="contentModalCenterTitle">Mục lục văn bản</h4>
  4148.                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: -5px;">
  4149.                    <span aria-hidden="true">&times;</span>
  4150.                </button>
  4151.            </div>
  4152.            <div class="modal-body content-body">
  4153.                ...
  4154.            </div>
  4155.            <div class="modal-footer">
  4156.                <button type="button" class="btn btn-secondary cancel-resetpass" data-dismiss="modal" style="background:#ef9f26">Đóng</button>
  4157.            </div>
  4158.        </div>
  4159.    </div>
  4160. </div>
  4161.  
  4162. <!-- Modal Create Message -->
  4163. <div class="modal fade loginModal" id="ModalCreateMessage" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="ModalCreateMessageTitle" aria-hidden="true" style=" overflow-y: auto;">
  4164.    <div class="modal-dialog modal-dialog-centered create-mesage" role="document">
  4165.        <div class="modal-content modal-content-login">
  4166.            <div class="modal-body">
  4167.                <div>
  4168.                    <h4 style="text-align: center;font-weight: 600;">Gửi câu hỏi/chủ đề</h4>
  4169.  
  4170.                    <div class="wap-forums-select">
  4171.  
  4172. <style>
  4173.    .txt_basic {
  4174.        background-color: white;
  4175.        border: thin solid #dbdada;
  4176.        display: inline-block;
  4177.        font: inherit;
  4178.        line-height: 1.5em;
  4179.        padding: 5px;
  4180.        margin: 0;
  4181.        width: 100%;
  4182.    }
  4183.  
  4184.    .ddl_holder {
  4185.        width: 100%;
  4186.    }
  4187.  
  4188.    .childtext {
  4189.        cursor: pointer;
  4190.    }
  4191.  
  4192.    .btn-dropdown-thread {
  4193.        height: 29px;
  4194.        border: 1px solid #656568;
  4195.        margin: 0;
  4196.        -webkit-box-sizing: border-box;
  4197.        -moz-box-sizing: border-box;
  4198.        box-sizing: border-box;
  4199.        -webkit-appearance: none;
  4200.        -moz-appearance: none;
  4201.        background-repeat: no-repeat;
  4202.        background-image: linear-gradient( 45deg, transparent 50%, #000 50%), linear-gradient( 135deg, #000 50%, transparent 50%), linear-gradient(to right, #dbdada, #dbdada);
  4203.        background-position: calc(100% - 16px) calc(1em + 0px), calc(100% - 11px) calc(1em + 0px), 100% 0;
  4204.        background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  4205.        position: absolute;
  4206.        right: 15px;
  4207.        border: none;
  4208.        outline: none;
  4209.    }
  4210.  
  4211.    .dropdown-thread {
  4212.        border: 1px solid #dbdada;
  4213.        padding-left: 15px;
  4214.        border-top: none;
  4215.        position: relative;
  4216.        height: 150px;
  4217.        overflow-y: scroll;
  4218.    }
  4219.  
  4220.        .dropdown-thread li {
  4221.            list-style-type: none;
  4222.            cursor: pointer;
  4223.            line-height: 25px;
  4224.        }
  4225.  
  4226.            .dropdown-thread li ul {
  4227.                padding-left: 20px;
  4228.            }
  4229.  
  4230.    .childtext {
  4231.        font-family: Calibri;
  4232.        font-size: 15px;
  4233.        transition: all ease 300ms;
  4234.    }
  4235.  
  4236.    .litext {
  4237.        font-family: Calibri;
  4238.        font-size: 15px;
  4239.    }
  4240.  
  4241.    input.txt_basic:focus {
  4242.        border: thin solid #dbdada;
  4243.        outline: none;
  4244.    }
  4245.  
  4246.    .fa-sort-desc {
  4247.        padding: 0 10px;
  4248.        height: 20px;
  4249.        margin-top: 0px;
  4250.        position: absolute;
  4251.        margin-left: 5px;
  4252.        background-color: #dbdada;
  4253.        color: #000;
  4254.    }
  4255.  
  4256.        .fa-sort-desc.active {
  4257.            background-color: #f79522;
  4258.            color: #fff;
  4259.        }
  4260.  
  4261.    .selected {
  4262.        color: #f79522;
  4263.    }
  4264. </style>
  4265.  
  4266. <div class="ddl_holder">
  4267.    <input type="hidden" value="" class="txt_forum" />
  4268.    <input type="text" placeholder="Chọn chuyên mục câu hỏi/chủ đề" class="txt_basic disabled-text" />
  4269.    <input type="button" class="btn-dropdown-thread" onclick="showForums();" value="&emsp;&emsp;&ensp;">
  4270.    <ul class="dropdown-thread"></ul>
  4271. </div>
  4272.  
  4273. <script>
  4274.    var GroudId = 50;
  4275.    $(document).ready(function () {
  4276.        var q_ForumID = 0;
  4277.        if (location.pathname.split('.')[1] != 'aspx') {// check đường dẫn k có .aspx là của trang chi tiết Chủ đề sẽ k gọi
  4278.            if (GroudId == 50)
  4279.                LoadForumsDropdownList(50, q_ForumID);
  4280.            else
  4281.                LoadForumsDropdownList_LS(50, q_ForumID);
  4282.        }
  4283.        $(".dropdown-thread").hide();
  4284.        $(".dropdownchild").hide();
  4285.  
  4286.        //$(".litext").on("click", function () {
  4287.        //    $('.dropdown-thread li').removeClass('selected');
  4288.        //    $('.dropdown-thread li span').removeClass('selected');
  4289.        //    $(this).closest("li").addClass('selected');
  4290.        //    var text = $(this).text();
  4291.        //    var value = $(this).attr('value');
  4292.        //    $(".txt_basic").val(text);
  4293.        //    $(".txt_forum").val(value);
  4294.        //});
  4295.        //$(".childtext").on("click", function () {
  4296.        //    $('.dropdown-thread li').removeClass('selected');
  4297.        //    $('.dropdown-thread li span').removeClass('selected');
  4298.        //    $(this).addClass('selected');
  4299.        //    var text = $(this).text();
  4300.        //    var value = $(this).attr('value');
  4301.        //    $(".txt_basic").val(text);
  4302.        //    $(".txt_forum").val(value);
  4303.        //});
  4304.  
  4305.  
  4306.    });
  4307.  
  4308.    //$(".btn-dropdown-thread").on("click", function () {
  4309.    //    $(".dropdown-thread").slideToggle("fast");
  4310.    //});
  4311.    function showForums() {
  4312.        $(".dropdown-thread").slideToggle("fast");
  4313.    }
  4314.  
  4315.    function forumSelected(elm, forum_id) {
  4316.        $('.dropdown-thread li').removeClass('selected');
  4317.        $('.dropdown-thread li span').removeClass('selected');
  4318.        $(elm).addClass('selected');
  4319.        var text = $(elm).text();
  4320.        $(".txt_basic").val(text);
  4321.        $(".txt_forum").val(forum_id);
  4322.        $(".fa-sort-desc").removeClass('active');
  4323.        $('ul.dropdownchild').css('display', 'none');
  4324.        $(".dropdown-thread").slideToggle("fast");
  4325.        //$('#tab-bar-header li.tab.wave').removeClass("active");
  4326.        
  4327.    }
  4328.  
  4329.    function childForumsSlideToggle(elm, id) {
  4330.        var checkClass = elm.classList.contains('active');
  4331.        if (!checkClass) {
  4332.            $(elm).addClass('active');
  4333.            $('.dropdownchild-' + id).css('border-bottom', '1px solid #dbdada');
  4334.        }
  4335.        else {
  4336.            $(elm).removeClass('active');
  4337.            $('.dropdownchild-' + id).css('border-bottom', 'none');
  4338.        }
  4339.        $('.dropdownchild-' + id).slideToggle("fast");
  4340.  
  4341.    }
  4342.  
  4343.  
  4344.  
  4345. </script>
  4346.  
  4347.                    </div>
  4348.  
  4349.                    <br />
  4350.                    <input placeholder="Nhập tiêu đề..." class="input-title" id="tieu-deu-bai-viet" />
  4351.                    <input placeholder="Nhập ảnh tiêu đề..." class="input-title" id="anh-tieu-de-bai-viet" />
  4352.  
  4353.                    <div class="col-lg-12 col-md-12 col-xs-12 wap-item-image-title" style="display:none;">
  4354.                        <div class="row">
  4355.                            <div class="wap-image-title" style="margin-left: -5px; margin-right: -5px; padding: 5px 10px;"></div>
  4356.                        </div>
  4357.                    </div>
  4358.  
  4359.                    
  4360.  
  4361.  
  4362.  
  4363.                    <br />
  4364.                    
  4365.  
  4366.  
  4367.                    <div>
  4368.                        <textarea name="noidungbaivietmoi" id="noidungbaivietmoi"></textarea>
  4369.                        <script>
  4370.                            //var isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  4371.                            var iPhone = /iPhone/.test(navigator.userAgent) && !window.MSStream;
  4372.                            var ua = navigator.userAgent.toLowerCase();
  4373.                            var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
  4374.  
  4375.                            //fix ckeditor js error Uncaught [CKEDITOR.editor] The instance "noidungbaivietmoi" already exists.
  4376.                            if (CKEDITOR.instances.noidungbaivietmoi) {
  4377.                                CKEDITOR.instances.noidungbaivietmoi.destroy();
  4378.                                CKEDITOR.instances.noidungbaivietmoi = null;
  4379.                                $('#noidungbaivietmoi').dialog("destroy").remove();
  4380.                            }
  4381.  
  4382.  
  4383.                            var html_Custom_Button = '<div class="variants" id="noidungbaivietmoi-wap-custombutton">' +
  4384.                                //'                        <div class=\'file\'>' +
  4385.                                //'                            <label for=\'upload-file-in-post\' >' +
  4386.                                //'                                <i class="fas fa-file"></i>Chọn file' +
  4387.                                //'                            </label>' +
  4388.                                //'                            <input id=\'upload-file-in-post\' type=\'file\' onchange="uploadFileInPost(\'add\');"/>' +
  4389.                                //'                        </div>' +
  4390.                                '                        <div class=\'file\'>' +
  4391.                                //'                           <a data-toggle="modal" href="javascript:void(0)" onclick="modalUploadLinkFilesClicked();">' +
  4392.                                '                           <a data-toggle="modal" href="#modalUploadLinkFiles" onclick="modalUploadLinkFilesClicked();">' +
  4393.                                '                            <label for=\'upload-file-in-post\' >' +
  4394.                                '                                <i class="fas fa-link"></i>&nbsp;Chọn Link file' +
  4395.                                '                            </label>' +
  4396.                                '                           </a>' +
  4397.                                '                        </div>' +
  4398.  
  4399.                                //'                        <div class=\'file\'>' +
  4400.                                //'                            <label for=\'upload-file-title\' >' +
  4401.                                //'                                <i class="fas fa-image"></i>Chọn hình tiêu đề' +
  4402.                                //'                            </label>' +
  4403.                                //'                            <input id=\'upload-file-title\' type=\'file\' onchange="modalUploadFilesTitleClicked();"/>' +
  4404.                                //'                        </div>' +
  4405.                                '                    </div>';
  4406.  
  4407.  
  4408.  
  4409.                            CKEDITOR.on('instanceReady', function (evt) {
  4410.                                var editor = evt.editor;
  4411.                                console.log('The editor named ' + editor.name + ' is now ready');
  4412.                                var elementExists = document.getElementById("noidungbaivietmoi-wap-custombutton");
  4413.                                if (!elementExists)
  4414.                                    $('#cke_top_noidungbaivietmoi .cke_toolbox').append(html_Custom_Button);
  4415.                            });
  4416.  
  4417.  
  4418.                            CKEDITOR.env.isCompatible = true;
  4419.                            if (iPhone || isAndroid) {
  4420.                                CKEDITOR.replace(
  4421.                                    'noidungbaivietmoi',
  4422.                                    {
  4423.                                        toolbar: [
  4424.                                            //{ name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
  4425.                                            //{ name: 'editing', groups: ['find', 'selection', 'spellchecker'], items: ['Scayt'] },
  4426.                                            { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
  4427.                                            //{ name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
  4428.                                            { name: 'insert', items: ['Table', 'HorizontalRule', 'SpecialChar', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
  4429.                                            //{ name: 'tools', items: ['Maximize'] },
  4430.                                            //{ name: 'document', groups: ['mode', 'document', 'doctools'] },
  4431.                                            //{ name: 'others', items: ['-'] },
  4432.                                            '/',
  4433.                                            { name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Strike', '-', 'RemoveFormat'] },
  4434.                                            { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'], items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote'] },
  4435.                                            { name: 'styles', items: ['Styles', 'Format'] }
  4436.                                        ]
  4437.                                        //,
  4438.                                        //skin: 'v2'
  4439.                                        //,
  4440.                                        //enterMode: 1,
  4441.                                        //shiftEnterMode: 2
  4442.                                    },
  4443.                                    { height: 550 }, { width: 500 }
  4444.                                );
  4445.                            } else {
  4446.                                var editor = CKEDITOR.replace(
  4447.                                    'noidungbaivietmoi',
  4448.                                    {
  4449.                                        toolbar: [
  4450.                                            //{ name: 'document', items: ['Source', '-', 'Save', 'NewPage', 'DocProps', 'Preview', 'Print', '-', 'Templates'] },
  4451.                                            //{ name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
  4452.                                            ///{ name: 'editing', groups: ['find', 'selection', 'spellchecker'] },
  4453.                                            { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
  4454.                                            { name: 'insert', items: ['Table', 'HorizontalRule', 'SpecialChar', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
  4455.                                            //{ name: 'tools', items: ['Maximize', 'ShowBlocks', '-', 'About'] },
  4456.                                            ////{ name: 'others', items: ['-'] },
  4457.                                            //'/',
  4458.                                            //{ name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-', 'SpellChecker', 'Scayt'] },
  4459.                                            { name: 'forms', items: ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'HiddenField'] },
  4460.  
  4461.                                            { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
  4462.                                            '/',
  4463.                                            { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
  4464.                                            '/',
  4465.                                            { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },
  4466.                                            { name: 'colors', items: ['TextColor', 'BGColor'] }
  4467.                                        ]
  4468.                                    }
  4469.                                );
  4470.                            }
  4471.  
  4472.                            $.fn.modal.Constructor.prototype.enforceFocus = function () {
  4473.                                var $modalElement = this.$element;
  4474.                                $(document).on('focusin.modal', function (e) {
  4475.                                    var $parent = $(e.target.parentNode);
  4476.                                    if ($modalElement[0] !== e.target && !$modalElement.has(e.target).length
  4477.                                        // add whatever conditions you need here:
  4478.                                        &&
  4479.                                        !$parent.hasClass('cke_dialog_ui_input_select') && !$parent.hasClass('cke_dialog_ui_input_text')) {
  4480.                                        $modalElement.focus()
  4481.                                    }
  4482.                                })
  4483.                            };
  4484.                        </script>
  4485.                    </div>
  4486.                    <div>
  4487. <style>
  4488.    .tags-container {
  4489.        display: flex;
  4490.        flex-flow: row wrap;
  4491.        margin-bottom: 15px;
  4492.        width: 100%;
  4493.        min-height: 34px;
  4494.        padding: 2px 5px;
  4495.        font-size: 14px;
  4496.        line-height: 1.6;
  4497.        background-color: transparent;
  4498.        border: 1px solid #ccc;
  4499.        border-radius: 5px;
  4500.        overflow: hidden;
  4501.        word-wrap: break-word;
  4502.        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4503.        margin-top: 10px;
  4504.    }
  4505.  
  4506.    input.tag-input {
  4507.        flex: 3;
  4508.        border: 0;
  4509.        outline: 0;
  4510.    }
  4511.  
  4512.    .tag-2 {
  4513.        position: relative;
  4514.        margin: 2px 6px 2px 0;
  4515.        padding: 3px 25px 3px 5px;
  4516.        font-size: inherit;
  4517.        font-weight: 400;
  4518.        text-align: center;
  4519.        color: #fff;
  4520.        background-color: #888888;
  4521.        border-radius: 3px;
  4522.        transition: background-color 0.3s ease;
  4523.        cursor: default;
  4524.    }
  4525.  
  4526.    .tag-2:first-child {
  4527.        margin-left: 0;
  4528.    }
  4529.  
  4530.    .tag-2--marked {
  4531.        background-color: #6fadd7;
  4532.    }
  4533.  
  4534.    .tag-2--exists {
  4535.        background-color: #EDB5A1;
  4536.        -webkit-animation: shake 1s linear;
  4537.        animation: shake 1s linear;
  4538.    }
  4539.  
  4540.    .tag__name {
  4541.        margin-right: 3px;
  4542.    }
  4543.  
  4544.    .tag__remove {
  4545.        position: absolute;
  4546.        right: 0;
  4547.        bottom: 0;
  4548.        width: 25px;
  4549.        height: 100%;
  4550.        padding: 0 5px;
  4551.        font-size: 16px;
  4552.        font-weight: 400;
  4553.        transition: opacity 0.3s ease;
  4554.        opacity: 0.5;
  4555.        cursor: pointer;
  4556.        border: 0;
  4557.        background-color: transparent;
  4558.        color: #fff;
  4559.        line-height: 1;
  4560.    }
  4561.  
  4562.        .tag__remove:hover {
  4563.            opacity: 1;
  4564.        }
  4565.  
  4566.        .tag__remove:focus {
  4567.            outline: 5px auto #fff;
  4568.        }
  4569.  
  4570.    @-webkit-keyframes shake {
  4571.        0%, 100% {
  4572.            transform: translate3d(0, 0, 0);
  4573.        }
  4574.  
  4575.        10%, 30%, 50%, 70%, 90% {
  4576.            transform: translate3d(-5px, 0, 0);
  4577.        }
  4578.  
  4579.        20%, 40%, 60%, 80% {
  4580.            transform: translate3d(5px, 0, 0);
  4581.        }
  4582.    }
  4583.  
  4584.    @keyframes shake {
  4585.        0%, 100% {
  4586.            transform: translate3d(0, 0, 0);
  4587.        }
  4588.  
  4589.        10%, 30%, 50%, 70%, 90% {
  4590.            transform: translate3d(-5px, 0, 0);
  4591.        }
  4592.  
  4593.        20%, 40%, 60%, 80% {
  4594.            transform: translate3d(5px, 0, 0);
  4595.        }
  4596.    }
  4597.  
  4598.    .wap-button {
  4599.        margin-bottom: 35px;
  4600.    }
  4601.  
  4602.    .wap-button button.btn-update {
  4603.        margin-right: 20px;
  4604.        float: left;
  4605.        outline: none;
  4606.        border: 0;
  4607.    }
  4608.    .wap-button button.btn-update:focus {
  4609.        outline: none;
  4610.        border: 0;
  4611.    }
  4612. </style>
  4613.  
  4614. <div class="wap-content-animation">
  4615.    <div style=" margin-top: 10px;">
  4616.        <label for="exist-values" style="width:100%">
  4617.            Thêm tags/Từ khóa
  4618.            <input type="text" id="exist-values" class="tagged form-control" data-removeBtn="true" name="tag-2" value="" placeholder="Hãy gõ cụm từ thích hợp">
  4619.            
  4620.        </label>
  4621.    </div>
  4622.    <div class="wap-button">
  4623.        <button class="btn-update" id="destroy">Sửa tags</button>
  4624.        <button class="btn-update" id="clear">Xóa tags</button>
  4625.        
  4626.        
  4627.    </div>
  4628. </div>
  4629.  
  4630. <script>
  4631.    // https://github.com/k-ivan/Tags
  4632.    (function () {
  4633.  
  4634.        'use strict';
  4635.  
  4636.        // Helpers
  4637.        function $$(selectors, context) {
  4638.            return (typeof selectors === 'string') ? (context || document).querySelectorAll(selectors) : [selectors];
  4639.        }
  4640.        function $(selector, context) {
  4641.            return (typeof selector === 'string') ? (context || document).querySelector(selector) : selector;
  4642.        }
  4643.        function create(tag, attr) {
  4644.            var element = document.createElement(tag);
  4645.            if (attr) {
  4646.                for (var name in attr) {
  4647.                    if (element[name] !== undefined) {
  4648.                        element[name] = attr[name];
  4649.                    }
  4650.                }
  4651.            }
  4652.            return element;
  4653.        }
  4654.        function whichTransitionEnd() {
  4655.            var root = document.documentElement;
  4656.            var transitions = {
  4657.                'transition': 'transitionend',
  4658.                'WebkitTransition': 'webkitTransitionEnd',
  4659.                'MozTransition': 'mozTransitionEnd',
  4660.                'OTransition': 'oTransitionEnd otransitionend'
  4661.            };
  4662.  
  4663.            for (var t in transitions) {
  4664.                if (root.style[t] !== undefined) {
  4665.                    return transitions[t];
  4666.                }
  4667.            }
  4668.            return false;
  4669.        }
  4670.        function oneListener(el, type, fn, capture) {
  4671.            capture = capture || false;
  4672.            el.addEventListener(type, function handler(e) {
  4673.                fn.call(this, e);
  4674.                el.removeEventListener(e.type, handler, capture)
  4675.            }, capture);
  4676.        }
  4677.        function hasClass(cls, el) {
  4678.            return new RegExp('(^|\\s+)' + cls + '(\\s+|$)').test(el.className);
  4679.        }
  4680.        function addClass(cls, el) {
  4681.            if (!hasClass(cls, el))
  4682.                return el.className += (el.className === '') ? cls : ' ' + cls;
  4683.        }
  4684.        function removeClass(cls, el) {
  4685.            el.className = el.className.replace(new RegExp('(^|\\s+)' + cls + '(\\s+|$)'), '');
  4686.        }
  4687.        function toggleClass(cls, el) {
  4688.            (!hasClass(cls, el)) ? addClass(cls, el) : removeClass(cls, el);
  4689.        }
  4690.  
  4691.        function Tags(tag) {
  4692.  
  4693.            var el = $(tag);
  4694.  
  4695.            if (el.instance) return;
  4696.            el.instance = this;
  4697.  
  4698.            var type = el.type;
  4699.            var transitionEnd = whichTransitionEnd();
  4700.  
  4701.            var tagsArray = [];
  4702.            var KEYS = {
  4703.                ENTER: 13,
  4704.                COMMA: 188,
  4705.                BACK: 8
  4706.            };
  4707.            var isPressed = false;
  4708.  
  4709.            var timer;
  4710.            var wrap;
  4711.            var field;
  4712.  
  4713.            function init() {
  4714.  
  4715.                // create and add wrapper
  4716.                wrap = create('div', {
  4717.                    'className': 'tags-container',
  4718.                });
  4719.                field = create('input', {
  4720.                    'type': 'text',
  4721.                    'className': 'tag-input',
  4722.                    'placeholder': el.placeholder || ''
  4723.                });
  4724.  
  4725.                wrap.appendChild(field);
  4726.  
  4727.                if (el.value.trim() !== '') {
  4728.                    hasTags();
  4729.                }
  4730.  
  4731.                el.type = 'hidden';
  4732.                el.parentNode.insertBefore(wrap, el.nextSibling);
  4733.  
  4734.                wrap.addEventListener('click', btnRemove, false);
  4735.                wrap.addEventListener('keydown', keyHandler, false);
  4736.                wrap.addEventListener('keyup', backHandler, false);
  4737.            }
  4738.  
  4739.            function hasTags() {
  4740.                var arr = el.value.trim().split(',');
  4741.                arr.forEach(function (item) {
  4742.                    item = item.trim();
  4743.                    if (~tagsArray.indexOf(item)) {
  4744.                        return;
  4745.                    }
  4746.                    var tag = createTag(item);
  4747.                    tagsArray.push(item);
  4748.                    wrap.insertBefore(tag, field);
  4749.                });
  4750.            }
  4751.  
  4752.            function createTag(name) {
  4753.                var tag = create('div', {
  4754.                    'className': 'tag-2',
  4755.                    'innerHTML': '<span class="tag__name">' + name + '</span>' +
  4756.                        '<button class="tag__remove">&times;</button>'
  4757.                });
  4758.                //       var tagName = create('span', {
  4759.                //         'className': 'tag__name',
  4760.                //         'textContent': name
  4761.                //       });
  4762.                //       var delBtn = create('button', {
  4763.                //         'className': 'tag__remove',
  4764.                //         'innerHTML': '&times;'
  4765.                //       });
  4766.  
  4767.                //       tag.appendChild(tagName);
  4768.                //       tag.appendChild(delBtn);
  4769.                return tag;
  4770.            }
  4771.  
  4772.            function btnRemove(e) {
  4773.                e.preventDefault();
  4774.                if (e.target.className === 'tag__remove') {
  4775.                    var tag = e.target.parentNode;
  4776.                    var name = $('.tag__name', tag);
  4777.                    wrap.removeChild(tag);
  4778.                    tagsArray.splice(tagsArray.indexOf(name.textContent), 1);
  4779.                    el.value = tagsArray.join(',')
  4780.                }
  4781.                field.focus();
  4782.            }
  4783.  
  4784.            function keyHandler(e) {
  4785.  
  4786.                if (e.target.tagName === 'INPUT' && e.target.className === 'tag-input') {
  4787.  
  4788.                    var target = e.target;
  4789.                    var code = e.which || e.keyCode;
  4790.  
  4791.                    if (field.previousSibling && code !== KEYS.BACK) {
  4792.                        removeClass('tag-2--marked', field.previousSibling);
  4793.                    }
  4794.  
  4795.                    var name = target.value.trim();
  4796.  
  4797.                    // if(code === KEYS.ENTER || code === KEYS.COMMA) {
  4798.                    if (code === KEYS.ENTER) {
  4799.  
  4800.                        target.blur();
  4801.  
  4802.                        addTag(name);
  4803.  
  4804.                        if (timer) clearTimeout(timer);
  4805.                        timer = setTimeout(function () { target.focus(); }, 10);
  4806.                    }
  4807.                    else if (code === KEYS.BACK) {
  4808.                        if (e.target.value === '' && !isPressed) {
  4809.                            isPressed = true;
  4810.                            removeTag();
  4811.                        }
  4812.                    }
  4813.                }
  4814.            }
  4815.            function backHandler(e) {
  4816.                isPressed = false;
  4817.            }
  4818.  
  4819.            function addTag(name) {
  4820.  
  4821.                // delete comma if comma exists
  4822.                name = name.toString().replace(/,/g, '').trim();
  4823.  
  4824.                if (name === '') return field.value = '';
  4825.  
  4826.                if (~tagsArray.indexOf(name)) {
  4827.  
  4828.                    var exist = $$('.tag-2', wrap);
  4829.  
  4830.                    Array.prototype.forEach.call(exist, function (tag) {
  4831.                        if (tag.firstChild.textContent === name) {
  4832.  
  4833.                            addClass('tag-2--exists', tag);
  4834.  
  4835.                            if (transitionEnd) {
  4836.                                oneListener(tag, transitionEnd, function () {
  4837.                                    removeClass('tag-2--exists', tag);
  4838.                                });
  4839.                            } else {
  4840.                                removeClass('tag-2--exists', tag);
  4841.                            }
  4842.  
  4843.  
  4844.                        }
  4845.  
  4846.                    });
  4847.  
  4848.                    return field.value = '';
  4849.                }
  4850.  
  4851.                var tag = createTag(name);
  4852.                wrap.insertBefore(tag, field);
  4853.                tagsArray.push(name);
  4854.                field.value = '';
  4855.                el.value += (el.value === '') ? name : ',' + name;
  4856.            }
  4857.  
  4858.            function removeTag() {
  4859.                if (tagsArray.length === 0) return;
  4860.  
  4861.                var tags = $$('.tag-2', wrap);
  4862.                var tag = tags[tags.length - 1];
  4863.  
  4864.                if (!hasClass('tag-2--marked', tag)) {
  4865.                    addClass('tag-2--marked', tag);
  4866.                    return;
  4867.                }
  4868.  
  4869.                tagsArray.pop();
  4870.  
  4871.                wrap.removeChild(tag);
  4872.  
  4873.                el.value = tagsArray.join(',');
  4874.            }
  4875.  
  4876.            init();
  4877.  
  4878.            /* Public API */
  4879.  
  4880.            this.getTags = function () {
  4881.                return tagsArray;
  4882.            }
  4883.  
  4884.            this.clearTags = function () {
  4885.                if (!el.instance) return;
  4886.                tagsArray.length = 0;
  4887.                el.value = '';
  4888.                wrap.innerHTML = '';
  4889.                wrap.appendChild(field);
  4890.            }
  4891.  
  4892.            this.addTags = function (name) {
  4893.                if (!el.instance) return;
  4894.                if (Array.isArray(name)) {
  4895.                    for (var i = 0, len = name.length; i < len; i++) {
  4896.                        addTag(name[i])
  4897.                    }
  4898.                } else {
  4899.                    addTag(name);
  4900.                }
  4901.                return tagsArray;
  4902.            }
  4903.  
  4904.            this.destroy = function () {
  4905.                if (!el.instance) return;
  4906.  
  4907.                wrap.removeEventListener('click', btnRemove, false);
  4908.                wrap.removeEventListener('keydown', keyHandler, false);
  4909.                wrap.removeEventListener('keyup', keyHandler, false);
  4910.  
  4911.                wrap.parentNode.removeChild(wrap);
  4912.  
  4913.                tagsArray = null;
  4914.                timer = null;
  4915.                wrap = null;
  4916.                field = null;
  4917.                transitionEnd = null;
  4918.  
  4919.                delete el.instance;
  4920.                el.type = type;
  4921.            }
  4922.        }
  4923.  
  4924.        window.Tags = Tags;
  4925.  
  4926.    })();
  4927.  
  4928.    // Use
  4929.    var tags = new Tags('.tagged');
  4930.  
  4931.    //document.getElementById('get').addEventListener('click', function (e) {
  4932.    //    e.preventDefault();
  4933.    //    alert(tags.getTags());
  4934.    //});
  4935.    //document.getElementById('add').addEventListener('click', function (e) {
  4936.    //    e.preventDefault();
  4937.    //    tags.addTags('New');
  4938.    //});
  4939.    //document.getElementById('addArr').addEventListener('click', function (e) {
  4940.    //    e.preventDefault();
  4941.    //    tags.addTags(['Steam Machines', 'Nintendo Wii U', 'Shield Portable']);
  4942.    //});
  4943.    document.getElementById('clear').addEventListener('click', function (e) {
  4944.        e.preventDefault();
  4945.        tags.clearTags();
  4946.    });
  4947.    document.getElementById('destroy').addEventListener('click', function (e) {
  4948.        e.preventDefault();
  4949.        if (this.textContent === 'Sửa tags') {
  4950.            tags.destroy();
  4951.            this.textContent = 'Tiếp tục';
  4952.        } else {
  4953.            this.textContent = 'Sửa tags';
  4954.            tags = new Tags('.tagged');
  4955.        }
  4956.  
  4957.    });
  4958.  
  4959. </script>
  4960.  
  4961.                    </div>
  4962.                    
  4963.                    <br />
  4964.                    <div class="wap-attachments-2" style="display:none">
  4965.                        <!--table hiển thị danh sách đính kèm file-->
  4966.                        <table class="table" style="border-bottom: 1px solid #f79522;">
  4967.                            <thead>
  4968.                                <tr>
  4969.                                    <th scope="col">#</th>
  4970.                                    <th scope="col">Tên file</th>
  4971.                                    <th scope="col">Dung lượng</th>
  4972.                                    <th scope="col">Chức năng</th>
  4973.                                </tr>
  4974.                            </thead>
  4975.                            <tbody class="tbody-attachment-2"></tbody>
  4976.                        </table>
  4977.  
  4978.                    </div>
  4979.                </div>
  4980.            </div>
  4981.            <div class="modal-footer" style="text-align:center;padding:0">
  4982.                <button type="button" class="cancel-resetpass" data-dismiss="modal" onclick="HuyBaiVietClick()" style="background-color: #EEECEC;padding:10px;font-size:13px">Đóng</button>
  4983.                <button type="button" class="send-resetpass" onclick="DangBaiVietClick();" style="background-color: #f79522;padding:10px;font-size:13px;color:#fff">Gửi câu hỏi/chủ đề</button>
  4984.            </div>
  4985.        </div>
  4986.    </div>
  4987. </div>
  4988.  
  4989.  
  4990. <!-- Modal Comment Message -->
  4991. <div class="modal fade loginModal" id="ModalComment" data-backdrop="static" data-keyboard="false" role="dialog" aria-labelledby="ModalCommentTitle" aria-hidden="true">
  4992.    <div class="modal-dialog modal-dialog-centered modal-dialog-login" role="document">
  4993.        <div class="modal-content modal-content-login">
  4994.            <div class="modal-body">
  4995.                <div>
  4996.                    <h4 style="text-align: center;font-weight: 600;" class="title-type-from">Sửa Phản hồi</h4>
  4997.                    <p class="content" style="display:none"></p>
  4998.                    <div class="noidung-comment-edit"></div>
  4999.                    <div class="quotes-info" id="quotes-info"></div>
  5000.                    <div class="comment-quotes-modal read-more" id="comment-quotes-modal" onclick="this.classList.add('expanded')"></div>
  5001.                    
  5002.  
  5003.                    <input type="hidden" id="ReplyTo" />
  5004.                    <input type="hidden" id="post_id" />
  5005.                    <input type="hidden" id="forum_id" />
  5006.                    <input type="hidden" id="thread_id" />
  5007.  
  5008.                    <div>
  5009.                        <textarea name="suabinhluanoidungbaiviet" id="suabinhluanoidungbaiviet"></textarea>
  5010.                        <script>
  5011.                            //var isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  5012.                            var iPhone = /iPhone/.test(navigator.userAgent) && !window.MSStream;
  5013.                            var ua = navigator.userAgent.toLowerCase();
  5014.                            var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
  5015.  
  5016.                            //fix ckeditor js error Uncaught [CKEDITOR.editor] The instance "suabinhluanoidungbaiviet" already exists.
  5017.                            if (CKEDITOR.instances.suabinhluanoidungbaiviet) {
  5018.                                CKEDITOR.instances.suabinhluanoidungbaiviet.destroy();
  5019.                                CKEDITOR.instances.suabinhluanoidungbaiviet = null;
  5020.                                $('#suabinhluanoidungbaiviet').dialog("destroy").remove();
  5021.                            }
  5022.  
  5023.  
  5024.                            var html_Custom_Button_EDIT_Comment = '<div class="variants" id="suabinhluanoidungbaiviet-wap-custombutton">' +
  5025.                                //'                        <div class=\'file\'>' +
  5026.                                //'                            <label for=\'upload-file-comment-post\' >' +
  5027.                                //'                                <i class="fas fa-file"></i>Chọn file' +
  5028.                                //'                            </label>' +
  5029.                                //'                            <input id=\'upload-file-comment-post\' type=\'file\' onchange="uploadFileCommentPost();"/>' +
  5030.                                //'                        </div>' +
  5031.                                '                        <div class=\'file\'>' +
  5032.                                '                           <a data-toggle="modal" href="#modalUploadLinkFiles" onclick="modalUploadLinkFilesClicked();">' +
  5033.                                '                            <label for=\'upload-file-comment-post\' >' +
  5034.                                '                                <i class="fas fa-link"></i>&nbsp;Chọn Link file' +
  5035.                                '                            </label>' +
  5036.                                '                           </a>' +
  5037.                                '                        </div>' +
  5038.                                '                    </div>';
  5039.  
  5040.  
  5041.  
  5042.                            CKEDITOR.on('instanceReady', function (evt) {
  5043.                                var editor = evt.editor;
  5044.                                console.log('The editor named ' + editor.name + ' is now ready');
  5045.                                var elementExists = document.getElementById("suabinhluanoidungbaiviet-wap-custombutton");
  5046.                                if (!elementExists)
  5047.                                    $('#cke_top_suabinhluanoidungbaiviet .cke_toolbox').append(html_Custom_Button_EDIT_Comment);
  5048.                            });
  5049.  
  5050.  
  5051.                            CKEDITOR.env.isCompatible = true;
  5052.                            if (iPhone || isAndroid) {
  5053.                                CKEDITOR.replace(
  5054.                                    'suabinhluanoidungbaiviet',
  5055.                                    {
  5056.                                        toolbar: [
  5057.                                            { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
  5058.                                            { name: 'insert', items: ['Table', 'HorizontalRule', 'SpecialChar', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
  5059.                                            '/',
  5060.                                            { name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Strike', '-', 'RemoveFormat'] },
  5061.                                            { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'], items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote'] },
  5062.                                            { name: 'styles', items: ['Styles', 'Format'] },
  5063.                                            { name: 'colors', items: ['TextColor', 'BGColor'] }
  5064.                                        ]
  5065.                                    },
  5066.                                    { height: 550 }, { width: 500 }
  5067.                                );
  5068.                            } else {
  5069.                                var editor = CKEDITOR.replace(
  5070.                                    'suabinhluanoidungbaiviet',
  5071.                                    {
  5072.                                        toolbar: [
  5073.                                            { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
  5074.                                            { name: 'insert', items: ['Table', 'HorizontalRule', 'SpecialChar', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
  5075.                                            { name: 'forms', items: ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'HiddenField'] },
  5076.  
  5077.                                            { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
  5078.                                            '/',
  5079.                                            { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
  5080.                                            '/',
  5081.                                            { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },
  5082.                                            { name: 'colors', items: ['TextColor', 'BGColor'] }
  5083.                                        ]
  5084.                                    }
  5085.                                );
  5086.                            }
  5087.  
  5088.                            $.fn.modal.Constructor.prototype.enforceFocus = function () {
  5089.                                var $modalElement = this.$element;
  5090.                                $(document).on('focusin.modal', function (e) {
  5091.                                    var $parent = $(e.target.parentNode);
  5092.                                    if ($modalElement[0] !== e.target && !$modalElement.has(e.target).length
  5093.                                        // add whatever conditions you need here:
  5094.                                        &&
  5095.                                        !$parent.hasClass('cke_dialog_ui_input_select') && !$parent.hasClass('cke_dialog_ui_input_text')) {
  5096.                                        $modalElement.focus()
  5097.                                    }
  5098.                                })
  5099.                            };
  5100.                        </script>
  5101.                    </div>
  5102.  
  5103.                    <br />
  5104.                    
  5105.  
  5106.                    <div class="wap-attachments-2" style="display:none">
  5107.                        <!--table hiển thị danh sách đính kèm file-->
  5108.                        <table class="table" style="border-bottom: 1px solid #f79522;">
  5109.                            <thead>
  5110.                                <tr>
  5111.                                    <th scope="col">#</th>
  5112.                                    <th scope="col">Tên file</th>
  5113.                                    <th scope="col">Dung lượng</th>
  5114.                                    <th scope="col">Chức năng</th>
  5115.                                </tr>
  5116.                            </thead>
  5117.                            <tbody class="tbody-attachment-2"></tbody>
  5118.                        </table>
  5119.  
  5120.                    </div>
  5121.                    <div class="wap-attachments" style="display:none">
  5122.                        <!--table hiển thị danh sách đính kèm file-->
  5123.                        <table class="table" style="border-bottom: 1px solid #f79522;">
  5124.                            <thead>
  5125.                                <tr>
  5126.                                    <th scope="col">#</th>
  5127.                                    <th scope="col">Tên file</th>
  5128.                                    <th scope="col">Dung lượng</th>
  5129.                                    <th scope="col">Chức năng</th>
  5130.                                </tr>
  5131.                            </thead>
  5132.                            <tbody class="tbody-attachment-edit"></tbody>
  5133.                        </table>
  5134.                    </div>
  5135.  
  5136.                </div>
  5137.            </div>
  5138.            <div class="modal-footer" style="text-align:center;padding:0">
  5139.                <button type="button" class="cancel-resetpass" data-dismiss="modal" onclick="closeNav()" style="background-color: #EEECEC;padding:10px;font-size:13px">Đóng</button>
  5140.                <button type="button" class="send-resetpass" onclick="DangBinhLuanClick();" style="background-color: #f79522;padding:10px;font-size:13px;color: #fff;">Gửi câu hỏi/chủ đề</button>
  5141.            </div>
  5142.        </div>
  5143.    </div>
  5144. </div>
  5145.  
  5146. <!-- Modal Edit Post -->
  5147. <div class="modal fade loginModal" id="ModalEditPost" role="dialog" aria-labelledby="ModalEditPostTitle" aria-hidden="true">
  5148.    <div class="modal-dialog modal-dialog-centered modal-dialog-login" role="document">
  5149.        <div class="modal-content modal-content-login modal-dialog-edit-post" style="height:100%; overflow:scroll">
  5150.            <div class="modal-body">
  5151.                <div>
  5152.                    <h4 style="text-align: center;font-weight: 600;">Sửa Chủ đề</h4>
  5153.  
  5154.                    <input placeholder="Nhập tiêu đề..." class="input-title" id="sua-tieu-deu-bai-viet" />
  5155.                    <input placeholder="Nhập ảnh tiêu đề..." class="input-title" id="anh-tieu-de-bai-viet-edit" />
  5156.                    <input type="hidden" id="post_id" />
  5157.                    <input type="hidden" id="forum_id" />
  5158.                    <input type="hidden" id="thread_id" />
  5159.  
  5160.                    <div>
  5161.                        <textarea name="suanoidungbaiviet" id="suanoidungbaiviet"></textarea>
  5162.                        <script>
  5163.                            //var isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  5164.                            var iPhone = /iPhone/.test(navigator.userAgent) && !window.MSStream;
  5165.                            var ua = navigator.userAgent.toLowerCase();
  5166.                            var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
  5167.  
  5168.                            //fix ckeditor js error Uncaught [CKEDITOR.editor] The instance "suanoidungbaiviet" already exists.
  5169.                            if (CKEDITOR.instances.suanoidungbaiviet) {
  5170.                                CKEDITOR.instances.suanoidungbaiviet.destroy();
  5171.                                CKEDITOR.instances.suanoidungbaiviet = null;
  5172.                                $('#suanoidungbaiviet').dialog("destroy").remove();
  5173.                            }
  5174.                            var html_Custom_Button_Edit = '<div class="variants" id="suanoidungbaiviet-wap-custombutton">' +
  5175.                                //'                        <div class=\'file\'>' +
  5176.                                //'                            <label for=\'upload-file-in-post-edit\' >' +
  5177.                                //'                                <i class="fas fa-image"></i>Chọn file' +
  5178.                                //'                            </label>' +
  5179.                                //'                            <input id=\'upload-file-in-post-edit\' type=\'file\' onchange="uploadFileInPostEdit(\'edit\');"/>' +
  5180.                                //'                        </div>' +
  5181.                                '                        <div class=\'file\'>' +
  5182.                                '                           <a data-toggle="modal" href="javascript:void(0)" onclick="modalUploadLinkFilesEditClicked();">' +
  5183.                                //'                           <a data-toggle="modal" href="#modalUploadLinkFiles" onclick="modalUploadLinkFilesClicked();">' +
  5184.                                '                            <label for=\'upload-file-in-post-edit\' >' +
  5185.                                '                                <i class="fas fa-link"></i>&nbsp;Chọn Link file' +
  5186.                                '                            </label>' +
  5187.                                '                           </a>' +
  5188.                                '                        </div>' +
  5189.                                '                    </div>';
  5190.  
  5191.  
  5192.  
  5193.                            CKEDITOR.on('instanceReady', function (evt) {
  5194.                                var editor = evt.editor;
  5195.                                console.log('The editor named ' + editor.name + ' is now ready');
  5196.                                var elementExists = document.getElementById("suanoidungbaiviet-wap-custombutton");
  5197.                                if (!elementExists)
  5198.                                    $('#cke_top_suanoidungbaiviet .cke_toolbox').append(html_Custom_Button_Edit);
  5199.                            });
  5200.  
  5201.  
  5202.                            CKEDITOR.env.isCompatible = true;
  5203.                            if (iPhone || isAndroid) {
  5204.                                CKEDITOR.replace(
  5205.                                    'suanoidungbaiviet',
  5206.                                    {
  5207.                                        toolbar: [
  5208.                                            { name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
  5209.                                            { name: 'editing', groups: ['find', 'selection', 'spellchecker'], items: ['Scayt'] },
  5210.                                            { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
  5211.                                            { name: 'insert', items: ['Table', 'HorizontalRule', 'SpecialChar', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
  5212.                                            //{ name: 'tools', items: ['Maximize'] },
  5213.                                            { name: 'document', groups: ['mode', 'document', 'doctools'] },
  5214.                                            { name: 'others', items: ['-'] },
  5215.                                            '/',
  5216.                                            { name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Strike', '-', 'RemoveFormat'] },
  5217.                                            { name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi'], items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote'] },
  5218.                                            { name: 'styles', items: ['Styles', 'Format'] }
  5219.                                        ]
  5220.                                        //,
  5221.                                        //skin: 'v2'
  5222.                                        //,
  5223.                                        //enterMode: 1,
  5224.                                        //shiftEnterMode: 2
  5225.                                    },
  5226.                                    { height: 550 }, { width: 500 }
  5227.                                );
  5228.                            } else {
  5229.  
  5230.                                CKEDITOR.replace(
  5231.                                    'suanoidungbaiviet',
  5232.                                    {
  5233.                                        toolbar: [
  5234.                                            //{ name: 'document', items: ['Source', '-', 'Save', 'NewPage', 'DocProps', 'Preview', 'Print', '-', 'Templates'] },
  5235.                                            //{ name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
  5236.                                            { name: 'editing', groups: ['find', 'selection', 'spellchecker'] },
  5237.                                            { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
  5238.                                            { name: 'insert', items: ['Table', 'HorizontalRule', 'SpecialChar', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
  5239.                                            //{ name: 'tools', items: ['Maximize', 'ShowBlocks', '-', 'About'] },
  5240.                                            //{ name: 'others', items: ['-'] },
  5241.                                            //'/',
  5242.                                            //{ name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-', 'SpellChecker', 'Scayt'] },
  5243.                                            { name: 'forms', items: ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'HiddenField'] },
  5244.                                            { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
  5245.                                            '/',
  5246.                                            { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
  5247.                                            '/',
  5248.                                            { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },
  5249.                                            { name: 'colors', items: ['TextColor', 'BGColor'] }
  5250.                                        ]
  5251.                                    }
  5252.                                );
  5253.                            }
  5254.  
  5255.                            $.fn.modal.Constructor.prototype.enforceFocus = function () {
  5256.                                var $modalElement = this.$element;
  5257.                                $(document).on('focusin.modal', function (e) {
  5258.                                    var $parent = $(e.target.parentNode);
  5259.                                    if ($modalElement[0] !== e.target && !$modalElement.has(e.target).length
  5260.                                        // add whatever conditions you need here:
  5261.                                        &&
  5262.                                        !$parent.hasClass('cke_dialog_ui    _input_select') && !$parent.hasClass('cke_dialog_ui_input_text')) {
  5263.                                        $modalElement.focus()
  5264.                                    }
  5265.                                })
  5266.                            };
  5267.                        </script>
  5268.                    </div>
  5269.  
  5270.                    <div class="wap-tag-edit">
  5271. <style>
  5272.    .tags-container {
  5273.        display: flex;
  5274.        flex-flow: row wrap;
  5275.        margin-bottom: 15px;
  5276.        width: 100%;
  5277.        min-height: 34px;
  5278.        padding: 2px 5px;
  5279.        font-size: 14px;
  5280.        line-height: 1.6;
  5281.        background-color: transparent;
  5282.        border: 1px solid #ccc;
  5283.        border-radius: 5px;
  5284.        overflow: hidden;
  5285.        word-wrap: break-word;
  5286.        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  5287.        margin-top: 10px;
  5288.    }
  5289.  
  5290.    input.tag-input-edit {
  5291.        flex: 3;
  5292.        border: 0;
  5293.        outline: 0;
  5294.    }
  5295.  
  5296.    .tag-2 {
  5297.        position: relative;
  5298.        margin: 2px 6px 2px 0;
  5299.        padding: 3px 25px 3px 5px;
  5300.        font-size: inherit;
  5301.        font-weight: 400;
  5302.        text-align: center;
  5303.        color: #fff;
  5304.        background-color: #888888;
  5305.        border-radius: 3px;
  5306.        transition: background-color 0.3s ease;
  5307.        cursor: default;
  5308.    }
  5309.  
  5310.        .tag-2:first-child {
  5311.            margin-left: 0;
  5312.        }
  5313.  
  5314.    .tag-2--marked {
  5315.        background-color: #6fadd7;
  5316.    }
  5317.  
  5318.    .tag-2--exists {
  5319.        background-color: #EDB5A1;
  5320.        -webkit-animation: shake 1s linear;
  5321.        animation: shake 1s linear;
  5322.    }
  5323.  
  5324.    .tag__name {
  5325.        margin-right: 3px;
  5326.    }
  5327.  
  5328.    .tag__remove {
  5329.        position: absolute;
  5330.        right: 0;
  5331.        bottom: 0;
  5332.        width: 25px;
  5333.        height: 100%;
  5334.        padding: 0 5px;
  5335.        font-size: 16px;
  5336.        font-weight: 400;
  5337.        transition: opacity 0.3s ease;
  5338.        opacity: 0.5;
  5339.        cursor: pointer;
  5340.        border: 0;
  5341.        background-color: transparent;
  5342.        color: #fff;
  5343.        line-height: 1;
  5344.    }
  5345.  
  5346.        .tag__remove:hover {
  5347.            opacity: 1;
  5348.        }
  5349.  
  5350.        .tag__remove:focus {
  5351.            outline: 5px auto #fff;
  5352.        }
  5353.  
  5354.    @-webkit-keyframes shake {
  5355.        0%, 100% {
  5356.            transform: translate3d(0, 0, 0);
  5357.        }
  5358.  
  5359.        10%, 30%, 50%, 70%, 90% {
  5360.            transform: translate3d(-5px, 0, 0);
  5361.        }
  5362.  
  5363.        20%, 40%, 60%, 80% {
  5364.            transform: translate3d(5px, 0, 0);
  5365.        }
  5366.    }
  5367.  
  5368.    @keyframes shake {
  5369.        0%, 100% {
  5370.            transform: translate3d(0, 0, 0);
  5371.        }
  5372.  
  5373.        10%, 30%, 50%, 70%, 90% {
  5374.            transform: translate3d(-5px, 0, 0);
  5375.        }
  5376.  
  5377.        20%, 40%, 60%, 80% {
  5378.            transform: translate3d(5px, 0, 0);
  5379.        }
  5380.    }
  5381.  
  5382.    .wap-button {
  5383.        margin-bottom: 35px;
  5384.    }
  5385.  
  5386.        .wap-button button.btn-update {
  5387.            margin-right: 20px;
  5388.            float: left;
  5389.            outline: none;
  5390.            border: 0;
  5391.        }
  5392.  
  5393.            .wap-button button.btn-update:focus {
  5394.                outline: none;
  5395.                border: 0;
  5396.            }
  5397. </style>
  5398.  
  5399. <div class="wap-content-animation">
  5400.    <div style=" margin-top: 10px;">
  5401.        <label class="exist-values-edit" for="exist-values-edit" style="width:100%">
  5402.            Sửa hoặc thêm tags/Từ khóa
  5403.            <input type="text" id="exist-values-edit" class="tagged-edit form-control" data-removeBtn="true" value="" placeholder="Hãy gõ cụm từ thích hợp">
  5404.        </label>
  5405.    </div>
  5406.    <div class="wap-button">
  5407.        <button class="btn-update" id="destroy-edit">Sửa tags</button>
  5408.        <button class="btn-update" id="clear-edit">Xóa tags</button>
  5409.    </div>
  5410. </div>
  5411.  
  5412. <script>
  5413.    // https://github.com/k-ivan/Tags
  5414.    (function () {
  5415.  
  5416.    //    'use strict';
  5417.  
  5418.        // Helpers
  5419.        function $$(selectors, context) {
  5420.            return (typeof selectors === 'string') ? (context || document).querySelectorAll(selectors) : [selectors];
  5421.        }
  5422.        function $(selector, context) {
  5423.            return (typeof selector === 'string') ? (context || document).querySelector(selector) : selector;
  5424.        }
  5425.        function create(tag, attr) {
  5426.            var element = document.createElement(tag);
  5427.            if (attr) {
  5428.                for (var name in attr) {
  5429.                    if (element[name] !== undefined) {
  5430.                        element[name] = attr[name];
  5431.                    }
  5432.                }
  5433.            }
  5434.            return element;
  5435.        }
  5436.        function whichTransitionEnd() {
  5437.            var root = document.documentElement;
  5438.            var transitions = {
  5439.                'transition': 'transitionend',
  5440.                'WebkitTransition': 'webkitTransitionEnd',
  5441.                'MozTransition': 'mozTransitionEnd',
  5442.                'OTransition': 'oTransitionEnd otransitionend'
  5443.            };
  5444.  
  5445.            for (var t in transitions) {
  5446.                if (root.style[t] !== undefined) {
  5447.                    return transitions[t];
  5448.                }
  5449.            }
  5450.            return false;
  5451.        }
  5452.        function oneListener(el, type, fn, capture) {
  5453.            capture = capture || false;
  5454.            el.addEventListener(type, function handler(e) {
  5455.                fn.call(this, e);
  5456.                el.removeEventListener(e.type, handler, capture)
  5457.            }, capture);
  5458.        }
  5459.        function hasClass(cls, el) {
  5460.            return new RegExp('(^|\\s+)' + cls + '(\\s+|$)').test(el.className);
  5461.        }
  5462.        function addClass(cls, el) {
  5463.            if (!hasClass(cls, el))
  5464.                return el.className += (el.className === '') ? cls : ' ' + cls;
  5465.        }
  5466.        function removeClass(cls, el) {
  5467.            el.className = el.className.replace(new RegExp('(^|\\s+)' + cls + '(\\s+|$)'), '');
  5468.        }
  5469.        function toggleClass(cls, el) {
  5470.            (!hasClass(cls, el)) ? addClass(cls, el) : removeClass(cls, el);
  5471.        }
  5472.  
  5473.        function TagsEdit(tag) {
  5474.  
  5475.            var el = $(tag);
  5476.  
  5477.            if (el.instance) return;
  5478.            el.instance = this;
  5479.  
  5480.            var type = el.type;
  5481.            var transitionEnd = whichTransitionEnd();
  5482.  
  5483.            var tagsArray = [];
  5484.            var KEYS = {
  5485.                ENTER: 13,
  5486.                COMMA: 188,
  5487.                BACK: 8
  5488.            };
  5489.            var isPressed = false;
  5490.  
  5491.            var timer;
  5492.            var wrap;
  5493.            var field;
  5494.  
  5495.            function initEditTag() {//function GetPostById(id)
  5496.  
  5497.                // create and add wrapper
  5498.                wrap = create('div', {
  5499.                    'className': 'tags-container',
  5500.                });
  5501.                field = create('input', {
  5502.                    'type': 'text',
  5503.                    'className': 'tag-input-edit',
  5504.                    'placeholder': el.placeholder || ''
  5505.                });
  5506.  
  5507.                wrap.appendChild(field);
  5508.  
  5509.                if (el.value.trim() !== '') {
  5510.                    hasTags();
  5511.                }
  5512.  
  5513.                el.type = 'hidden';
  5514.                el.parentNode.insertBefore(wrap, el.nextSibling);
  5515.  
  5516.                wrap.addEventListener('click', btnRemove, false);
  5517.                wrap.addEventListener('keydown', keyHandler, false);
  5518.                wrap.addEventListener('keyup', backHandler, false);
  5519.            }
  5520.  
  5521.            function hasTags() {
  5522.                var arr = el.value.trim().split(',');
  5523.                arr.forEach(function (item) {
  5524.                    item = item.trim();
  5525.                    if (~tagsArray.indexOf(item)) {
  5526.                        return;
  5527.                    }
  5528.                    var tag = createTag(item);
  5529.                    tagsArray.push(item);
  5530.                    wrap.insertBefore(tag, field);
  5531.                });
  5532.            }
  5533.  
  5534.            function createTag(name) {
  5535.                var tag = create('div', {
  5536.                    'className': 'tag-2',
  5537.                    'innerHTML': '<span class="tag__name">' + name + '</span>' +
  5538.                        '<button class="tag__remove">&times;</button>'
  5539.                });
  5540.                //       var tagName = create('span', {
  5541.                //         'className': 'tag__name',
  5542.                //         'textContent': name
  5543.                //       });
  5544.                //       var delBtn = create('button', {
  5545.                //         'className': 'tag__remove',
  5546.                //         'innerHTML': '&times;'
  5547.                //       });
  5548.  
  5549.                //       tag.appendChild(tagName);
  5550.                //       tag.appendChild(delBtn);
  5551.                return tag;
  5552.            }
  5553.  
  5554.            function btnRemove(e) {
  5555.                e.preventDefault();
  5556.                if (e.target.className === 'tag__remove') {
  5557.                    var tag = e.target.parentNode;
  5558.                    var name = $('.tag__name', tag);
  5559.                    wrap.removeChild(tag);
  5560.                    tagsArray.splice(tagsArray.indexOf(name.textContent), 1);
  5561.                    el.value = tagsArray.join(',')
  5562.                }
  5563.                field.focus();
  5564.            }
  5565.  
  5566.            function keyHandler(e) {
  5567.  
  5568.                if (e.target.tagName === 'INPUT' && e.target.className === 'tag-input-edit') {
  5569.  
  5570.                    var target = e.target;
  5571.                    var code = e.which || e.keyCode;
  5572.  
  5573.                    if (field.previousSibling && code !== KEYS.BACK) {
  5574.                        removeClass('tag-2--marked', field.previousSibling);
  5575.                    }
  5576.  
  5577.                    var name = target.value.trim();
  5578.  
  5579.                    // if(code === KEYS.ENTER || code === KEYS.COMMA) {
  5580.                    if (code === KEYS.ENTER) {
  5581.  
  5582.                        target.blur();
  5583.  
  5584.                        addTag(name);
  5585.  
  5586.                        if (timer) clearTimeout(timer);
  5587.                        timer = setTimeout(function () { target.focus(); }, 10);
  5588.                    }
  5589.                    else if (code === KEYS.BACK) {
  5590.                        if (e.target.value === '' && !isPressed) {
  5591.                            isPressed = true;
  5592.                            removeTag();
  5593.                        }
  5594.                    }
  5595.                }
  5596.            }
  5597.            function backHandler(e) {
  5598.                isPressed = false;
  5599.            }
  5600.  
  5601.            function addTag(name) {
  5602.  
  5603.                // delete comma if comma exists
  5604.                name = name.toString().replace(/,/g, '').trim();
  5605.  
  5606.                if (name === '') return field.value = '';
  5607.  
  5608.                if (~tagsArray.indexOf(name)) {
  5609.  
  5610.                    var exist = $$('.tag-2', wrap);
  5611.  
  5612.                    Array.prototype.forEach.call(exist, function (tag) {
  5613.                        if (tag.firstChild.textContent === name) {
  5614.  
  5615.                            addClass('tag-2--exists', tag);
  5616.  
  5617.                            if (transitionEnd) {
  5618.                                oneListener(tag, transitionEnd, function () {
  5619.                                    removeClass('tag-2--exists', tag);
  5620.                                });
  5621.                            } else {
  5622.                                removeClass('tag-2--exists', tag);
  5623.                            }
  5624.  
  5625.  
  5626.                        }
  5627.  
  5628.                    });
  5629.  
  5630.                    return field.value = '';
  5631.                }
  5632.  
  5633.                var tag = createTag(name);
  5634.                wrap.insertBefore(tag, field);
  5635.                tagsArray.push(name);
  5636.                field.value = '';
  5637.                el.value += (el.value === '') ? name : ',' + name;
  5638.            }
  5639.  
  5640.            function removeTag() {
  5641.                if (tagsArray.length === 0) return;
  5642.  
  5643.                var tags = $$('.tag-2', wrap);
  5644.                var tag = tags[tags.length - 1];
  5645.  
  5646.                if (!hasClass('tag-2--marked', tag)) {
  5647.                    addClass('tag-2--marked', tag);
  5648.                    return;
  5649.                }
  5650.  
  5651.                tagsArray.pop();
  5652.  
  5653.                wrap.removeChild(tag);
  5654.  
  5655.                el.value = tagsArray.join(',');
  5656.            }
  5657.  
  5658.            initEditTag();
  5659.  
  5660.            /* Public API */
  5661.  
  5662.            this.getTags = function () {
  5663.                return tagsArray;
  5664.            }
  5665.  
  5666.            this.clearTagsEdit = function () {
  5667.                if (!el.instance) return;
  5668.                tagsArray.length = 0;
  5669.                el.value = '';
  5670.                wrap.innerHTML = '';
  5671.                wrap.appendChild(field);
  5672.            }
  5673.  
  5674.            this.addTags = function (name) {
  5675.                if (!el.instance) return;
  5676.                if (Array.isArray(name)) {
  5677.                    for (var i = 0, len = name.length; i < len; i++) {
  5678.                        addTag(name[i])
  5679.                    }
  5680.                } else {
  5681.                    addTag(name);
  5682.                }
  5683.                return tagsArray;
  5684.            }
  5685.  
  5686.            this.destroyEdit = function () {
  5687.                if (!el.instance) return;
  5688.  
  5689.                wrap.removeEventListener('click', btnRemove, false);
  5690.                wrap.removeEventListener('keydown', keyHandler, false);
  5691.                wrap.removeEventListener('keyup', keyHandler, false);
  5692.  
  5693.                wrap.parentNode.removeChild(wrap);
  5694.  
  5695.                tagsArray = null;
  5696.                timer = null;
  5697.                wrap = null;
  5698.                field = null;
  5699.                transitionEnd = null;
  5700.  
  5701.                delete el.instance;
  5702.                el.type = type;
  5703.            }
  5704.        }
  5705.  
  5706.        window.TagsEdit = TagsEdit;
  5707.  
  5708.    })();
  5709.  
  5710. </script>
  5711.  
  5712.                    </div>
  5713.  
  5714.                    <div class="wap-attachments" style="display:none">
  5715.                        <!--table hiển thị danh sách đính kèm file-->
  5716.                        <table class="table" style="border-bottom: 1px solid #f79522;">
  5717.                            <thead>
  5718.                                <tr>
  5719.                                    <th scope="col">#</th>
  5720.                                    <th scope="col">Tên file</th>
  5721.                                    <th scope="col">Dung lượng</th>
  5722.                                    <th scope="col">Chức năng</th>
  5723.                                </tr>
  5724.                            </thead>
  5725.                            <tbody class="tbody-attachment-edit"></tbody>
  5726.                        </table>
  5727.  
  5728.                    </div>
  5729.  
  5730.  
  5731.  
  5732.                                    </div>
  5733.            </div>
  5734.            <div class="modal-footer" style="text-align:center;padding: 0;">
  5735.                <button type="button" class="cancel-resetpass cancel-edit-post" data-dismiss="modal" onclick="HuySuaBaiVietClick()" style=" background-color: #EEECEC; padding: 10px; font-size: 13px;">Đóng</button>
  5736.                <button type="button" class="send-resetpass" onclick="SuaBaiVietClick();" style=" background-color: #EEECEC; padding: 10px; font-size: 13px;">Sửa Chủ đề</button>
  5737.            </div>
  5738.        </div>
  5739.    </div>
  5740. </div>
  5741.  
  5742.  
  5743. <!-- Modal Upload Files -->
  5744. <div class="modal" id="modalUploadFiles">
  5745.    <div class="modal-dialog">
  5746.        <div class="modal-content">
  5747.            <div class="modal-header">
  5748.                <h4 class="modal-title">Đính kèm file</h4>
  5749.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="modalUploadFilesClicked();">×</button>
  5750.            </div>
  5751.            <div class="container"></div>
  5752.            <div class="modal-body">
  5753.                <!--table hiển thị danh sách đính kèm file-->
  5754.                <table class="table" style="border-bottom: 1px solid #f79522;">
  5755.                    <thead>
  5756.                        <tr>
  5757.                            <th scope="col">#</th>
  5758.                            <th scope="col">Tên file</th>
  5759.                            <th scope="col">Dung lượng</th>
  5760.                            <th scope="col">Chức năng</th>
  5761.                        </tr>
  5762.                    </thead>
  5763.                    <tbody class="tbody-attachment"></tbody>
  5764.                </table>
  5765.  
  5766.                <p>Chọn file đính kèm</p>
  5767.                <!--table đính kèm file-->
  5768.                <table class="table">
  5769.                    <tbody>
  5770.                        <tr>
  5771.                            <td colspan="2" style="min-width: 75px;">Chọn file đính kèm :</td>
  5772.                            <td colspan="2"><input type="file" name="file" multiplee="multiple" id="file-upload-attachment" /></td>
  5773.                            <td><a href="javascript:void(0);" onclick="uploadFiles();">Đính kèm</a></td>
  5774.                        </tr>
  5775.                    </tbody>
  5776.                </table>
  5777.                
  5778.                <input type="text" placeholder="Nhập mô tả..." class="input-title" id="mo-ta-bai-viet" />
  5779.                
  5780.            </div>
  5781.            <div class="modal-footer">
  5782.                <a href="#" data-dismiss="modal" class="btn" onclick="modalUploadFilesClicked()">Đóng</a>
  5783.                <a href="#" class="btn btn-primary" onclick="uploadFiles();">Đính kèm</a>
  5784.            </div>
  5785.        </div>
  5786.    </div>
  5787. </div>
  5788.  
  5789. <!-- Modal Add Link -->
  5790. <div class="modal" id="modalAddLink">
  5791.    <div class="modal-dialog">
  5792.        <div class="modal-content">
  5793.            <div class="modal-header">
  5794.                <h4 class="modal-title">Thêm link</h4>
  5795.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  5796.            </div>
  5797.            <div class="container"></div>
  5798.            <div class="modal-body">
  5799.                <input type="text" placeholder="Nhập link" class="input-title" id="txt-link" />
  5800.                <input type="text" placeholder="Nhập từ khóa để chèn link" class="input-title" id="txt-keyword-link" />
  5801.                <div class="rs-keyword-link"></div>
  5802.            </div>
  5803.  
  5804.            <div class="modal-footer">
  5805.                <a href="#" data-dismiss="modal" class="btn">Đóng</a>
  5806.                <a href="#" class="btn btn-primary UploadLink" onclick="UploadLink();">Đính kèm</a>
  5807.            </div>
  5808.        </div>
  5809.    </div>
  5810. </div>
  5811.  
  5812. <!-- Modal Upload Link Files -->
  5813. <div class="modal" id="modalUploadLinkFiles">
  5814.    <div class="modal-dialog">
  5815.        <div class="modal-content">
  5816.            <div class="modal-header">
  5817.                <h4 class="modal-title">Đính kèm link file</h4>
  5818.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="modalUploadLinkFilesClicked();">×</button>
  5819.            </div>
  5820.            <div class="container"></div>
  5821.            <div class="modal-body">
  5822.                <p class="p-form" type="&ensp;">
  5823.                    <input type="text" placeholder="Link file" id="txt-link-file" style="width: 100%; padding: 3px 7px; box-sizing: border-box; background: none; outline: none; resize: none; border: 0; transition: all .3s; border-bottom: 2px solid #bebed2;">
  5824.                </p>
  5825.            </div>
  5826.            <div class="modal-footer">
  5827.                <a href="#" data-dismiss="modal" class="btn" onclick="modalUploadLinkFilesClicked()">Đóng</a>
  5828.                <a href="#" class="btn btn-primary" onclick="uploadLinkFiles();">Đính kèm</a>
  5829.            </div>
  5830.        </div>
  5831.    </div>
  5832. </div>
  5833.  
  5834. <!-- Modal Show Image -->
  5835. <div class="modal bd-example-modal-lg" id="modalShowImage">
  5836.    <div class="modal-dialog">
  5837.        <div class="modal-content">
  5838.            <div class="modal-header">
  5839.                <h4 class="modal-title"></h4>
  5840.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  5841.            </div>
  5842.            <div class="modal-body">
  5843.                <div id="navbar">
  5844.                    <button class="btn-update" type="button" onclick="zoomin()" style="float: left;">Phóng to</button>
  5845.                    <button class="btn-update right" type="button" onclick="zoomout()">Thu nhỏ</button>
  5846.                </div>
  5847.                <div class="clearfix"></div>
  5848.                <div class="main dragscroll" style="overflow: scroll;">
  5849.                </div>
  5850.            </div>
  5851.            <div class="modal-footer">
  5852.                <a href="#" data-dismiss="modal" class="btn">Đóng</a>
  5853.            </div>
  5854.        </div>
  5855.    </div>
  5856. </div>
  5857.  
  5858. <!-- Modal Show User Thanks -->
  5859. <div class="modal bd-example-modal-lg" id="modalUserThanks" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  5860.    <div class="modal-dialog modal-dialog-scrollable" role="document">
  5861.        <div class="modal-content">
  5862.            <div class="modal-header">
  5863.                <p style="font-size: 14px;margin: 7px 0px 0;">Tất cả <strong class="count-user-thanhks"></strong></p>
  5864.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  5865.            </div>
  5866.            <div class="modal-body">
  5867.                <div id="wap-modal-user-thanks">
  5868.  
  5869.                </div>
  5870.            </div>
  5871.        </div>
  5872.        
  5873.    </div>
  5874. </div>
  5875.  
  5876. <!-- Modal FeedBack -->
  5877. <div class="modal bd-example-modal-lg" id="modalFeedBack">
  5878.    <div class="modal-dialog">
  5879.        <div class="modal-content">
  5880.            <div class="modal-header">
  5881.                <h4 class="modal-title">Góp ý cho <strong><span style="color: red;">D</span>ân <span style="color: red;">L</span>uật</strong>
  5882. </h4>
  5883.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  5884.            </div>
  5885.            <div class="modal-body">
  5886. <div class="content-login" style="position: initial; padding: 0 10px;">
  5887.    <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Họ và tên" id="fullName_FeedBack" /></p>
  5888.    <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Email" id="email_FeedBack" /></p>
  5889.    <p class="p-form" type="&ensp;" style="text-align:left"><input type="text" placeholder="Số điện thoại di động" id="mobile_FeedBack" /></p>
  5890.    <div style="margin-top: 30px;">
  5891.        <textarea rows="5" cols="50" name="Content" class="Content" id="content_FeedBack" placeholder="Nội dung cần hỗ trợ" style="width:100%;padding: 5px 10px;border: 2px solid #bebed2;"></textarea>
  5892.    </div>
  5893. </div>
  5894.  
  5895.            </div>
  5896.            <div class="modal-footer">
  5897.                <a href="#" data-dismiss="modal" class="btn">Đóng</a>
  5898.                <button href="#" class="btn-update" onclick="feedBackClick();" style="float: none;">Gửi góp ý</button>
  5899.            </div>
  5900.        </div>
  5901.    </div>
  5902. </div>
  5903.  
  5904. <!-- Modal Covi19 -->
  5905. <div class="modal bd-example-modal-lg" id="modalCovi19" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  5906.    <div class="modal-dialog modal-dialog-centered">
  5907.        <div class="modal-content">
  5908.            <div class="modal-header" style="border: 1px solid #e78f08; background: #f6a828 url(https://thuvienphapluat.vn/Styles/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; padding: 4px; }">
  5909.                <h5 class="modal-title" style="font-weight: bold; font-size: 12px;">Thông báo</h5>
  5910.  
  5911.                <a href="#" class="close" data-dismiss="modal" aria-hidden="true" role="button" style="        border: 1px solid #FBCB09;
  5912.        background: #FDF5CE url(https://thuvienphapluat.vn/Styles/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  5913.        font-weight: bold;
  5914.        color: #C77405;
  5915.        height: 25px;
  5916.        width: 25px;
  5917.        border-radius: 5px;
  5918.        margin-top: -4px;
  5919.        margin-right: -2px;
  5920.        opacity: 1;
  5921. ">
  5922.                    <span class="ui-icon ui-icon-closethick" style="background-image: url(https://thuvienphapluat.vn/Styles/ui-lightness/images/phpThumb_generated_thumbnailpng.png);
  5923.        margin-left: -7px;
  5924.        margin-top: -22px;
  5925.    ">close</span>
  5926.                </a>
  5927.            </div>
  5928.            <div class="modal-body" style="background: rgb(251, 236, 215);">
  5929.    <input type="hidden" value="" class="cookie_sang"/>
  5930.    <input type="hidden" value="" class="cookie_chieu"/>
  5931.    <input type="hidden" value="" class="cookie_covi19"/>
  5932.  
  5933.  
  5934. <div id="ruirophaply-covi19-dialog">
  5935.    <div style="color: rgb(0, 0, 255); font-size:13pt; font-family:Times New Roman">
  5936.        <p style="text-align: right;">
  5937.            <i style="line-height: 22pt;">TP. HCM, ngày 29/09/2021</i>
  5938.        </p>
  5939.        <p style="font-size: 14pt;font-weight: bold;">
  5940.            <span style="color:Black">Đừng để </span> <span style="color: rgb(255, 0, 0);">Rủi Ro Pháp Lý </span> <span style="color:Black">theo sau Covid</span>
  5941.        </p>
  5942.        <p style="">Thưa Quý Khách,</p>
  5943.        <p style=""><b style="color: rgb(255, 0, 0);">THƯ VIỆN PHÁP LUẬT </b> <span>làm việc tại trụ sở từ 01/10.</span></p>
  5944.        <p style=""><span>Là sản phẩm online, thời gian qua 90% nhân sự làm tại nhà, 10% làm “3 tại chỗ” ở trụ sở.</span></p>
  5945.        <p style=""><span>Dù có thế mạnh làm online, nhưng 10% tại trụ sở 90% tại nhà không phải là mô hình phục vụ tốt nhất.</span></p>
  5946.        <p style=""><span>Từ 01/10, TP. HCM làm việc bình thường mới, chúng ta sẽ tăng dần tỷ lệ làm tại trụ sở.</span></p>
  5947.        <p style=""><span>Giúp khách hàng Loại Rủi Ro Pháp Lý và Nắm Cơ Hội Làm Giàu từ chính sách pháp luật mới, là một phần sứ mệnh của </span> <b style="color: rgb(255, 0, 0);">THƯ VIỆN PHÁP LUẬT</b>.</p>
  5948.        <p style="text-align: center;    padding-top: 20px;"><span style="color: rgb(255, 0, 0);font-style: italic;">“… loại rủi ro pháp lý, nắm cơ hội làm giàu…”</span></p>
  5949.        <p style="margin: -7px 0 0; text-align: center; color: Black">******</p>
  5950.    </div>
  5951. </div>
  5952.  
  5953. <script>
  5954.    //$(document).ready(function () {
  5955.    //    //$("#modalCovi19").modal("show");
  5956.    //    var d = new Date();
  5957.    //    var hu = d.getHours();
  5958.    //    var nd = new Date('2021/10/15');
  5959.    //    if (d < nd) {
  5960.    //        if (hu < 12) {
  5961.    //            var _d = getCookie("covi19-sang");
  5962.    //            if (_d != "" + d.getDate()) {
  5963.    //                //$("#modalCovi19").modal("show");
  5964.    //                $("#modalCovi19").modal({
  5965.    //                    backdrop: 'static',
  5966.    //                    keyboard: true,
  5967.    //                    show: true
  5968.    //                });
  5969.    //            }
  5970.    //            setCookie("covi19-sang", d.getDate(), 1);
  5971.    //        }
  5972.    //        else {
  5973.    //            var _d = getCookie("covi19-chieu");
  5974.    //            if (_d != "" + d.getDate()) {
  5975.    //                $("#modalCovi19").modal({
  5976.    //                    backdrop: 'static',
  5977.    //                    keyboard: true,
  5978.    //                    show: true
  5979.    //                });
  5980.    //            }
  5981.    //            setCookie("covi19-chieu", d.getDate(), 1);
  5982.    //        }
  5983.    //    }
  5984.    //    else {
  5985.    //        var _d = getCookie("covi19");
  5986.    //        if (_d != "" + d.getDate()) {
  5987.    //            $("#modalCovi19").modal({
  5988.    //                backdrop: 'static',
  5989.    //                keyboard: true,
  5990.    //                show: true
  5991.    //            });
  5992.    //        }
  5993.    //        setCookie("covi19", d.getDate(), 1);
  5994.    //    }  
  5995.    //});
  5996.  
  5997.    function setCookie(key, value) {
  5998.        $.ajax({
  5999.            type: "GET",
  6000.            url: MAIN_DOMAIN + '/Common/SetCookieCovi19?key=' + key + '&value=' + value,
  6001.            dataType: 'json',
  6002.            contentType: 'application/json; charset=utf-8',
  6003.            success: function (data) {
  6004.                
  6005.            },
  6006.            error: function (jqXHR, textStatus, errorThrown) {
  6007.            }
  6008.        });
  6009.    }
  6010.  
  6011.    function getCookie(key) {
  6012.        switch (key) {
  6013.            case "covi19-sang":
  6014.                return $('.cookie_sang').val();
  6015.            case "covi19-chieu":
  6016.                return $('.cookie_chieu').val();
  6017.            case "covi19":
  6018.                return $('.cookie_covi19').val();
  6019.            default:
  6020.                return "";
  6021.        }
  6022.    }
  6023. </script>
  6024.            </div>
  6025.        </div>
  6026.    </div>
  6027. </div>
  6028.  
  6029.  
  6030. <!-- Modal Upload Files -->
  6031. <div class="modal" id="modalViewTableHtml">
  6032.    <div class="modal-dialog modal-lg modal-xl">
  6033.        <div class="modal-content">
  6034.            <div class="modal-header">
  6035.                <h4 class="modal-title">Thông tin chi tiết</h4>
  6036.                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  6037.            </div>
  6038.            <div class="container"></div>
  6039.            <div class="modal-body" id="modalViewTableHtml_body">
  6040.  
  6041.            </div>
  6042.        </div>
  6043.    </div>
  6044. </div>
  6045.  
  6046. <script type="text/javascript" src="https://cdn.rawgit.com/asvd/dragscroll/master/dragscroll.js"></script>
  6047.  
  6048. <!-- Modal Create Post -->
  6049. <div class="modal fade loginModal" id="ModalCreatePost" tabindex="-1" role="dialog" aria-labelledby="ModalCreatePostTitle" aria-hidden="true">
  6050.    <div class="modal-dialog modal-dialog-centered modal-dialog-login" role="document">
  6051.        
  6052.  
  6053.    </div>
  6054. </div>
  6055.  
  6056. <script src="https://apis.google.com/js/platform.js" async defer></script>
  6057. <meta name="google-signin-client_id" content="405387995063-hu5l0dklpd3lhcmj8mlpav6gckg2v92v.apps.googleusercontent.com" />
  6058.  
  6059. <script type="text/javascript">
  6060.    //$(document).ready(function () {
  6061.    //    $("#loginModal2").modal();
  6062.    //})
  6063.  
  6064.    var checkGGClicked = false;
  6065.    // Sign-in success callback
  6066.    function onSuccess(googleUser) {
  6067.        var profile = googleUser.getBasicProfile();
  6068.        $('.abcRioButton').css('display', 'none');
  6069.        $('.abcRioButtonLightBlue').css('display', 'none');
  6070.        $('.wap-btn-login-gg').css('display', 'block');
  6071.        if (profile) {
  6072.            if (profile.Xt)
  6073.                loginGmail(profile.Xt, "");
  6074.            else {
  6075.                $('#Customer_FullName_Register').val(profile.Re);
  6076.                $('#Customer_Email_Register').val(profile.Xt);
  6077.                //$('#registerModal').modal();
  6078.                $('#loginModal2').modal('show');
  6079.                swal({
  6080.                    title: "Thông báo!",
  6081.                    text: "Vui lòng đăng ký tài khoản để sử dụng dịch vụ",
  6082.                    icon: "warning",
  6083.                    button: "Ok",
  6084.                });
  6085.                return false;
  6086.            }
  6087.        }
  6088.  
  6089.        //gapi.client.load('oauth2', 'v2', function () {
  6090.        //    var request = gapi.client.oauth2.userinfo.get({
  6091.        //        'userId': 'me'
  6092.        //    });
  6093.        //    //$('#gSignIn').html(`<i class="fab fa-google" style=" background: #5183ec;"></i>`);
  6094.        //    request.execute(function (response) {
  6095.        //        // Display the user details
  6096.        //        response.email = "";
  6097.        //        if (response.email)
  6098.        //            loginGmail(response.email, "");
  6099.        //        else {
  6100.        //            $('#Customer_FullName_Register').val(response.family_name + ' ' + response.given_name);
  6101.        //            $('#Customer_Email_Register').val(response.email);
  6102.        //            $('#registerModal').modal();
  6103.        //            return false;
  6104.        //        }
  6105.        //    });
  6106.        //});
  6107.    }
  6108.  
  6109.    // Sign-in failure callback
  6110.    function onFailure(error) {
  6111.        console.log(error);
  6112.        $('#gSignIn').html(`<i class="fab fa-google" style=" background: #5183ec;"></i>`);
  6113.    }
  6114.  
  6115.    function google_login() {
  6116.        if (checkGGClicked)
  6117.            return false;
  6118.        var isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
  6119.        var isIOS = /(iPhone|iPod|iPad)/i.test(navigator.platform);
  6120.        if (isMacLike || isIOS) {
  6121.            gapi.signin2.render('gSignIn', {
  6122.                'scope': 'profile email',
  6123.                'onsuccess': onSuccess,
  6124.                'onfailure': onFailure
  6125.            });
  6126.            checkGGClicked = true;
  6127.            $('.abcRioButton').trigger('click');
  6128.            setTimeout(function () { $('.abcRioButton').trigger('click'); }, 1000);
  6129.            return false;
  6130.        } else {
  6131.            gapi.signin2.render('gSignIn', {
  6132.                'scope': 'profile email',
  6133.                'onsuccess': onSuccess,
  6134.                'onfailure': onFailure
  6135.            });
  6136.            checkGGClicked = true;
  6137.            $('.abcRioButton').trigger('click');
  6138.            setTimeout(function () { $('.abcRioButton').trigger('click'); }, 1000);
  6139.        }
  6140.        //$('.abcRioButtonLightBlue').css('display','none');
  6141.    }
  6142.  
  6143.    function getUserInfo() {
  6144.        $.ajax({
  6145.            url: 'https://www.googleapis.com/oauth2/v1/userinfo?access_token=' + acToken,
  6146.            data: null,
  6147.            success: function (resp) {
  6148.                user = resp;
  6149.                var email = user.email;
  6150.                var pass = "";
  6151.                if (!email) {
  6152.                    swal({
  6153.                        title: "Thông báo!",
  6154.                        text: "Dữ liệu không được để trống!",
  6155.                        icon: "warning",
  6156.                        button: "Ok",
  6157.                    });
  6158.                    return false;
  6159.                }
  6160.                loginGmail(email, pass);
  6161.  
  6162.            },
  6163.  
  6164.  
  6165.        });
  6166.    }
  6167.    function loginGmail(email, pass) {
  6168.        $('.main-loader').css('display', 'block');
  6169.        $.ajax({
  6170.            type: "POST",
  6171.            url: MAIN_DOMAIN + '/User/Login2',
  6172.            dataType: "json",
  6173.            data: { username: email, password: pass },
  6174.            success: function (data) {
  6175.                $('.main-loader').css('display', 'none');
  6176.  
  6177.                if (data && data.Customer_ID > 0) {
  6178.                    document.getElementById("CusID").value = data.Customer_ID;
  6179.                    //CheckCustomerPermission(data);
  6180.                    swal("Thông báo", "Bạn đã đăng nhập thành công!", "success");
  6181.                    setTimeout(function () { window.location.reload(); }, 1000);
  6182.                    return false;
  6183.                } else {
  6184.                    $('#Customer_FullName_Register').val(name);
  6185.                    $('#Customer_Email_Register').val(email);
  6186.                    $('#btnRegister').trigger('click');
  6187.                    return false;
  6188.                }
  6189.            },
  6190.            error: function () {
  6191.                $('.main-loader').css('display', 'none');
  6192.                swal({
  6193.                    title: "Thông báo!",
  6194.                    text: "Trong quá trình đăng nhập đã xảy ra lỗi. Vui lòng thử lại",
  6195.                    icon: "error",
  6196.                    button: "Ok",
  6197.                });
  6198.                return false;
  6199.            }
  6200.        });
  6201.    }
  6202.  
  6203. </script>
  6204.  
  6205. <script>
  6206.    window.fbAsyncInit = function () {
  6207.        //if ($('.CusID').val() && parseInt($('.CusID').val()) > 0) {
  6208.        if (parseInt($('.CusID').val()) <= 0)//if ($('.CusID').val() == "-1" || $('.CusID').val() == "0")
  6209.        {
  6210.            FB.init({
  6211.                appId: '5470403939736980',// FB App ID
  6212.                cookie: true,  // enable cookies to allow the server to access the session
  6213.                xfbml: true,  // parse social plugins on this page
  6214.                version: 'v11.0' // use graph api version 3.2
  6215.            });
  6216.  
  6217.        }
  6218.    };
  6219.  
  6220.    // Load the JavaScript SDK asynchronously
  6221.    (function (d, s, id) {
  6222.        var js, fjs = d.getElementsByTagName(s)[0];
  6223.        if (d.getElementById(id)) return;
  6224.        js = d.createElement(s); js.id = id;
  6225.        js.src = "https://connect.facebook.net/en_US/sdk.js";
  6226.        fjs.parentNode.insertBefore(js, fjs);
  6227.    }(document, 'script', 'facebook-jssdk'));
  6228.  
  6229.    // Facebook login with JavaScript SDK
  6230.    function fbLogin() {
  6231.        FB.login(function (response) {
  6232.            if (response.authResponse) {
  6233.                // Get and display the user profile data
  6234.                getFbUserData();
  6235.            } else {
  6236.                //document.getElementById('status').innerHTML = 'User cancelled login or did not fully authorize.';
  6237.            }
  6238.        }, { scope: 'email' });
  6239.    }
  6240.  
  6241.    // Fetch the user profile data from facebook
  6242.    function getFbUserData() {
  6243.        FB.api('/me', { locale: 'en_US', fields: 'id,first_name,last_name,email,link,gender,locale,picture' },
  6244.            function (response) {
  6245.                if (response.email)
  6246.                    loginGmail(response.email, "");
  6247.                else {
  6248.                    $('#Customer_FullName_Register').val(response.first_name + ' ' + response.last_name);
  6249.                    $('#Customer_Email_Register').val(response.emai);
  6250.                    //$('#registerModal').modal();
  6251.                    $('#loginModal2').modal('show');
  6252.                    swal({
  6253.                        title: "Thông báo!",
  6254.                        text: "Vui lòng đăng ký tài khoản để sử dụng dịch vụ",
  6255.                        icon: "warning",
  6256.                        button: "Ok",
  6257.                    });
  6258.                    return false;
  6259.                }
  6260.            });
  6261.    }
  6262.  
  6263.    // Logout from facebook
  6264.    function fbLogout() {
  6265.        FB.logout(function () {
  6266.            document.getElementById('fbLink').setAttribute("onclick", "fbLogin()");
  6267.            document.getElementById('fbLink').innerHTML = '<img src="images/fb-login-btn.png"/>';
  6268.            document.getElementById('userData').innerHTML = '';
  6269.            document.getElementById('status').innerHTML = '<p>You have successfully logout from Facebook.</p>';
  6270.        });
  6271.    }
  6272. </script>
  6273.  
  6274. <!--Đăng Chủ đề-->
  6275. <script>
  6276.    function HuyBaiVietClick() {
  6277.        $('#chuyen-muc-bai-viet').val('-1');
  6278.        $('#tieu-deu-bai-viet').val('');
  6279.        $('#noidungbaivietmoi').val('');
  6280.    }
  6281.  
  6282.    $(document).on("click", ".btnLogin", function (e) {
  6283.        e.stopPropagation();
  6284.        $('#loginModal').modal('hide');
  6285.    });
  6286.    $(document).on("click", ".closeRegisterModal", function (e) {
  6287.        e.stopPropagation();
  6288.        $('#registerModal').modal('hide');//loginModal
  6289.        $('#loginModal').modal();
  6290.    });
  6291.  
  6292.    var link = '#';
  6293.    var keywordLink = '';
  6294.    var txt_changeLink = $('#txt-link');
  6295.    var txt_keywordLink = $('#txt-keyword-link');
  6296.    if (txt_changeLink) {
  6297.        txt_changeLink.on('keyup', function () {
  6298.            link = txt_changeLink.val();
  6299.            $(`.rs-keyword-link`).html(`<a href="${link}" target="_blank" style="color: #337ab7;"> ${keywordLink}</a>`);
  6300.        });
  6301.    }
  6302.    if (txt_keywordLink) {
  6303.        txt_keywordLink.on('keyup', function () {
  6304.            keywordLink = txt_keywordLink.val();
  6305.            $(`.rs-keyword-link`).html(`<a href="${link}" target="_blank" style="color: #337ab7;"> ${keywordLink}</a>`);
  6306.        });
  6307.    }
  6308.  
  6309.    function UploadLink() {
  6310.        if (!txt_changeLink.val() || !txt_keywordLink.val()) {
  6311.            swal({
  6312.                title: "Thông báo!",
  6313.                text: 'Vui lòng điền đầy đủ thông tin link và từ khóa để chèn link',
  6314.                icon: "warning",
  6315.                button: "Ok",
  6316.            });
  6317.            return false;
  6318.        }
  6319.        $(".emoji-wysiwyg-editor").append($(`.rs-keyword-link`).html());
  6320.        $("#modalAddLink").modal('hide');
  6321.        modalAddLinkClicked();
  6322.        //$(".emoji-wysiwyg-editor").focus(function () {
  6323.        //    alert('ok');
  6324.        //});
  6325.        ////util.insertAtCursor(emoji, this.$textarea[0]);
  6326.        //if (window.getSelection) {
  6327.        //        var content = $(`.rs-keyword-link`).html();
  6328.        //        var range, sel = window.getSelection();
  6329.        //        var node = typeof content === 'string' ? document
  6330.        //            .createTextNode(content) : content;
  6331.        //        if (sel.getRangeAt && sel.rangeCount) {
  6332.        //            range = sel.getRangeAt(0);
  6333.        //            range.deleteContents();
  6334.        //            //range.insertNode(document.createTextNode(''));
  6335.        //            range.insertNode(node);
  6336.        //            range.setStart(node, 0);
  6337.  
  6338.        //            window.setTimeout(function () {
  6339.        //                range = document.createRange();
  6340.        //                range.setStartAfter(node);
  6341.        //                range.collapse(true);
  6342.        //                sel.removeAllRanges();
  6343.        //                sel.addRange(range);
  6344.        //            }, 0);
  6345.        //        }
  6346.        //}
  6347.    }
  6348.    function modalAddLinkClicked() {
  6349.        $('#txt-link').val('');
  6350.        $('#txt-keyword-link').val('');
  6351.        $(`.rs-keyword-link`).html(``);
  6352.    }
  6353.  
  6354.    $(".emoji-wysiwyg-editor").focus(function () {
  6355.        alert('ok');
  6356.    });
  6357. </script>
  6358.  
  6359. <!--uploadFiles-->
  6360. <script>
  6361.    $('#modalUploadLinkFiles').on('shown.bs.modal', function () {// fix loi modal khong the go text input khi mo modal
  6362.        $(document).off('focusin.modal');
  6363.    });
  6364.    function modalUploadFilesClicked() {
  6365.        // xử lý không cho scroll lên đầu trang
  6366.        document.body.style.overflow = "hidden"; // ADD THIS LINE
  6367.        document.body.style.height = "100%"; // ADD THIS LINE
  6368.        $('.tbody-attachment').html('');
  6369.        sessionStorage.setItem("AttachmentID", null);
  6370.        sessionStorage.removeItem("AttachmentID");
  6371.        document.getElementById("mo-ta-bai-viet").value = "";
  6372.        document.getElementById("file-upload-attachment").value = "";
  6373.    }
  6374.    function modalUploadLinkFilesClicked() {
  6375.        document.getElementById("txt-link-file").value = "";
  6376.    }
  6377.    function modalUploadLinkFilesEditClicked() {
  6378.        // xử lý không cho scroll lên đầu trang
  6379.        document.body.style.overflow = "hidden"; // ADD THIS LINE
  6380.        document.body.style.height = "100%"; // ADD THIS LINE
  6381.        document.getElementById("txt-link-file").value = "";
  6382.        $("#modalUploadLinkFiles").modal();
  6383.    }
  6384.    function uploadFilesToEdit() {
  6385.        var guid;
  6386.        var attachment = document.getElementById("file-upload-attachment-edit");
  6387.        var mota = document.getElementById("mo-ta-bai-viet").value;
  6388.        var totalFiles = attachment.files.length;
  6389.        if (totalFiles < 1) {
  6390.            errorMessage("Vui lòng chọn file để upload");
  6391.            return false;
  6392.        }
  6393.  
  6394.        if (!sessionStorage.getItem("AttachmentID")) {
  6395.            guid = createGuid();
  6396.            sessionStorage.setItem("AttachmentID", guid);
  6397.        } else
  6398.            guid = sessionStorage.getItem("AttachmentID");
  6399.  
  6400.        var formData = new FormData();
  6401.        if (totalFiles < 1 || !$('.CusID').val()) {
  6402.            errorMessage("Xảy ra lỗi trong quá trình upload file");
  6403.            return false;
  6404.        }
  6405.  
  6406.        for (var i = 0; i < totalFiles; i++) {
  6407.            var file = attachment.files[i];
  6408.            formData.append(attachment, file);
  6409.        }
  6410.        var PostID = $('#ModalEditPost').find('input#post_id').val();
  6411.        formData.append('CusID', $('.CusID').val());
  6412.        formData.append('FriendlyFileName', mota);
  6413.        formData.append('AttachmentID', guid);
  6414.        formData.append('PostID', PostID);
  6415.        //$('.main-loader').css('display', 'block');
  6416.  
  6417.        $.ajax({
  6418.            type: "POST",
  6419.            url: MAIN_DOMAIN + '/UploadFiles/UploadAttachmentToEdit',
  6420.            data: formData,
  6421.            processData: false,  // tell jQuery not to process the data
  6422.            contentType: false,  // tell jQuery not to set contentType
  6423.            success: function (data) {
  6424.                var check = validStringToParseJson(data);
  6425.                if (check) {
  6426.                    var objdata = $.parseJSON(data);
  6427.                    if (objdata) {
  6428.                        document.getElementById("file-upload-attachment-edit").value = "";
  6429.                        $('.tbody-attachment-edit').html('');
  6430.                        var allowedExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
  6431.                        objdata.forEach(function (item, i) {
  6432.                            var imgHtml = '';
  6433.                            var type = item.Extension.replace('.', '');
  6434.                            var rs_type = allowedExtension.includes(type);
  6435.                            if (rs_type)
  6436.                                imgHtml = `<img src="${item.Path.replace('~', '')}/${item.FileName}" alt="${item.FileName}" style="width: 100px;"/>`
  6437.                            else
  6438.                                imgHtml = item.FileName;
  6439.                            var html = '<tr>' +
  6440.                                '           <th scope="row">' + (i + 1) + '</th>' +
  6441.                                '           <td>' + imgHtml + '</td>' +
  6442.                                '           <td>' + bytesToSize(item.ContentSize) + '</td>' +
  6443.                                '           <td onclick="deleteAttachmentTempEdit(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\')" style="cursor: pointer;">Xóa</td>' +
  6444.                                '       </tr>';
  6445.                            $('.tbody-attachment-edit').append(html);
  6446.                        });
  6447.                        $('.wap-attachments').css('display', 'block');
  6448.                    }
  6449.                }
  6450.                document.getElementById("file-upload-attachment-edit").value = "";
  6451.            },
  6452.            error: function (result) {
  6453.                //errorMessage(result);
  6454.            }
  6455.        });
  6456.    }
  6457.    var elm_Edit;
  6458.    function deleteAttachmentTempEdit(elmEdit, guid_id, file_name, cusId) {
  6459.        elm_Edit = elmEdit;
  6460.        if (!guid_id || !file_name || !cusId) {
  6461.            errorMessage(result);
  6462.            return false;
  6463.        }
  6464.        $.ajax({
  6465.            type: "GET",
  6466.            url: `/UploadFiles/DeleteAttachmentTemp?attachmentId=${guid_id}&file_name=${file_name}&cusId=${cusId}`,
  6467.            async: false,
  6468.            contentType: "application/json; charset=utf-8",
  6469.            success: function (data) {
  6470.                $(elm_Edit).closest('tr')[0].remove()
  6471.                var check = validStringToParseJson(data);
  6472.                if (check) {
  6473.                    var objdata = $.parseJSON(data);
  6474.                    if (objdata) {
  6475.                        $('.tbody-attachment').html('');
  6476.                        objdata.forEach(function (item, i) {
  6477.                            var html = '<tr>' +
  6478.                                '           <th scope="row">' + (i + 1) + '</th>' +
  6479.                                '           <td>' + item.FileName + '</td>' +
  6480.                                '           <td>' + bytesToSize(item.ContentSize) + '</td>' +
  6481.                                '           <td onclick="deleteAttachmentTemp(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\')" style="cursor: pointer;">Xóa</td>' +
  6482.                                '       </tr>';
  6483.                            $('.tbody-attachment').append(html);
  6484.  
  6485.  
  6486.                        });
  6487.  
  6488.                    }
  6489.                }
  6490.                document.getElementById("file-upload-attachment-edit").value = "";
  6491.            },
  6492.            error: function (result) {
  6493.  
  6494.            }
  6495.        });
  6496.    }
  6497.  
  6498.    function uploadFiles() {
  6499.        $('.wap-attachments').css('display', 'none');
  6500.        var guid;
  6501.        var attachment = document.getElementById("file-upload-attachment");
  6502.        var mota = document.getElementById("mo-ta-bai-viet").value;
  6503.        var totalFiles = attachment.files.length;
  6504.        if (totalFiles < 1) {
  6505.            errorMessage("Vui lòng chọn file để upload");
  6506.            return false;
  6507.        }
  6508.  
  6509.        if (!sessionStorage.getItem("AttachmentID")) {
  6510.            guid = createGuid();
  6511.            sessionStorage.setItem("AttachmentID", guid);
  6512.        } else
  6513.            guid = sessionStorage.getItem("AttachmentID");
  6514.  
  6515.        var formData = new FormData();
  6516.        if (totalFiles < 1 || !$('.CusID').val()) {
  6517.            errorMessage("Xảy ra lỗi trong quá trình upload file");
  6518.            return false;
  6519.        }
  6520.  
  6521.        var PostID = $('#ModalComment').find('input#post_id').val();
  6522.  
  6523.        for (var i = 0; i < totalFiles; i++) {
  6524.            var file = attachment.files[i];
  6525.            formData.append(attachment, file);
  6526.        }
  6527.        formData.append('CusID', $('.CusID').val());
  6528.        formData.append('FriendlyFileName', mota);
  6529.        formData.append('AttachmentID', guid);
  6530.        if (PostID)
  6531.            formData.append('PostID', PostID);
  6532.        else
  6533.            formData.append('PostID', 0);
  6534.        //$('.main-loader').css('display', 'block');
  6535.  
  6536.  
  6537.  
  6538.  
  6539.  
  6540.        $.ajax({
  6541.            type: "POST",
  6542.            url: MAIN_DOMAIN + '/UploadFiles/UploadAttachment',
  6543.            data: formData,
  6544.            processData: false,  // tell jQuery not to process the data
  6545.            contentType: false,  // tell jQuery not to set contentType
  6546.            success: function (data) {
  6547.                var check = validStringToParseJson(data);
  6548.                if (check) {
  6549.                    var objdata = $.parseJSON(data);
  6550.                    if (objdata) {
  6551.                        document.getElementById("file-upload-attachment").value = "";
  6552.                        $('.tbody-attachment').html('');
  6553.                        var allowedExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
  6554.                        objdata.forEach(function (item, i) {
  6555.                            var imgHtml = '';
  6556.                            var type = item.Extension.replace('.', '').toLowerCase();
  6557.                            var rs_type = allowedExtension.includes(type);
  6558.                            if (rs_type)
  6559.                                imgHtml = `<img src="${item.Path.replace('~', '')}/${item.FileName}" alt="${item.FileName}" style="width: 100px;"/>`
  6560.                            else
  6561.                                imgHtml = item.FileName;
  6562.                            var html = '<tr>' +
  6563.                                '           <th scope="row">' + (i + 1) + '</th>' +
  6564.                                '           <td>' + imgHtml + '</td>' +
  6565.                                '           <td>' + bytesToSize(item.ContentSize) + '</td>' +
  6566.                                '           <td onclick="deleteAttachmentTemp(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\')" style="cursor: pointer;">Xóa</td>' +
  6567.                                '       </tr>';
  6568.                            $('.tbody-attachment').append(html);
  6569.                        });
  6570.                        GetAttachmentTemp();
  6571.                    }
  6572.                } else
  6573.                    errorMessage(data);
  6574.                $('#modalUploadFiles').show();
  6575.            },
  6576.            error: function (result) {
  6577.                //errorMessage(result);
  6578.            }
  6579.        });
  6580.    }
  6581.  
  6582.    function deleteAttachmentTemp(elm, guid_id, file_name, cusId) {
  6583.        if (!guid_id || !file_name || !cusId) {
  6584.            errorMessage(result);
  6585.            return false;
  6586.        }
  6587.        $.ajax({
  6588.            type: "GET",
  6589.            url: `/UploadFiles/DeleteAttachmentTemp?attachmentId=${guid_id}&file_name=${file_name}&cusId=${cusId}`,
  6590.            async: false,
  6591.            contentType: "application/json; charset=utf-8",
  6592.            success: function (data) {
  6593.                var check = validStringToParseJson(data);
  6594.                if (check) {
  6595.                    var objdata = $.parseJSON(data);
  6596.                    if (objdata) {
  6597.                        $('.tbody-attachment').html('');
  6598.                        $('.tbody-attachment-2').html('');
  6599.                        objdata.forEach(function (item, i) {
  6600.                            var imgHtml = '';
  6601.                            var type = item.Extension.replace('.', '').toLowerCase();
  6602.                            var allowedExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
  6603.                            var rs_type = allowedExtension.includes(type);
  6604.                            if (rs_type)
  6605.                                imgHtml = `<img src="${item.Path.replace('~', '')}/${item.FileName}" alt="${item.FileName}" style="width: 100px;"/>`
  6606.                            else
  6607.                                imgHtml = item.FileName;
  6608.                            var html = '<tr>' +
  6609.                                '           <th scope="row">' + (i + 1) + '</th>' +
  6610.                                '           <td>' + imgHtml + '</td>' +
  6611.                                '           <td>' + bytesToSize(item.ContentSize) + '</td>' +
  6612.                                '           <td onclick="deleteAttachmentTemp(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\')" style="cursor: pointer;">Xóa</td>' +
  6613.                                '       </tr>';
  6614.                            var html2 = '<tr>' +
  6615.                                '           <th scope="row">' + (i + 1) + '</th>' +
  6616.                                '           <td>' + imgHtml + '</td>' +
  6617.                                '           <td>' + bytesToSize(item.ContentSize) + '</td>' +
  6618.                                '           <td onclick="deleteAttachmentTemp2(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\')" style="cursor: pointer;">Xóa</td>' +
  6619.                                '       </tr>';
  6620.                            $('.tbody-attachment').append(html);
  6621.                            $('.tbody-attachment-2').append(html2);
  6622.                        });
  6623.                        $('.wap-attachments-2').css('display', 'block');
  6624.  
  6625.                    }
  6626.                    GetAttachmentTemp();
  6627.                }
  6628.                document.getElementById("file-upload-attachment").value = "";
  6629.                $('#modalUploadFiles').show();
  6630.            },
  6631.            error: function (result) {
  6632.  
  6633.            }
  6634.        });
  6635.    }
  6636.    function deleteAttachmentTemp2(elm, guid_id, file_name, cusId) {
  6637.        if (!guid_id || !file_name || !cusId) {
  6638.            errorMessage(result);
  6639.            return false;
  6640.        }
  6641.        $.ajax({
  6642.            type: "GET",
  6643.            url: `/UploadFiles/DeleteAttachmentTemp?attachmentId=${guid_id}&file_name=${file_name}&cusId=${cusId}`,
  6644.            async: false,
  6645.            contentType: "application/json; charset=utf-8",
  6646.            success: function (data) {
  6647.                var check = validStringToParseJson(data);
  6648.                if (check) {
  6649.                    var objdata = $.parseJSON(data);
  6650.                    if (objdata) {
  6651.                        $('.tbody-attachment').html('');
  6652.                        $('.tbody-attachment-2').html('');
  6653.                        objdata.forEach(function (item, i) {
  6654.                            var imgHtml = '';
  6655.                            var type = item.Extension.replace('.', '').toLowerCase();
  6656.                            var allowedExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
  6657.                            var rs_type = allowedExtension.includes(type);
  6658.                            if (rs_type)
  6659.                                imgHtml = `<img src="${item.Path.replace('~', '')}/${item.FileName}" alt="${item.FileName}" style="width: 100px;"/>`
  6660.                            else
  6661.                                imgHtml = item.FileName;
  6662.                            var html2 = '<tr>' +
  6663.                                '           <th scope="row">' + (i + 1) + '</th>' +
  6664.                                '           <td>' + imgHtml + '</td>' +
  6665.                                '           <td>' + bytesToSize(item.ContentSize) + '</td>' +
  6666.                                '           <td onclick="deleteAttachmentTemp2(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\')">Xóa</td>' +
  6667.                                '       </tr>';
  6668.                            $('.tbody-attachment-2').append(html2);
  6669.                        });
  6670.                        $('.wap-attachments-2').css('display', 'block');
  6671.  
  6672.                    }
  6673.                }
  6674.            },
  6675.            error: function (result) {
  6676.  
  6677.            }
  6678.        });
  6679.    }
  6680.  
  6681.    function GetAttachmentTemp() {
  6682.        $.ajax({
  6683.            type: "GET",
  6684.            url: `/UploadFiles/GetAttachmentTemp`,
  6685.            async: false,
  6686.            contentType: "application/json; charset=utf-8",
  6687.            success: function (data) {
  6688.                var check = validStringToParseJson(data);
  6689.                if (check) {
  6690.                    var objdata = $.parseJSON(data);
  6691.                    if (objdata) {
  6692.                        $('.tbody-attachment-2').html('');
  6693.                        objdata.forEach(function (item, i) {
  6694.                            var imgHtml = '';
  6695.                            var type = item.Extension.replace('.', '').toLowerCase();
  6696.                            var allowedExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
  6697.                            var rs_type = allowedExtension.includes(type);
  6698.                            if (rs_type)
  6699.                                imgHtml = `<img src="${item.Path.replace('~', '')}/${item.FileName}" alt="${item.FileName}" style="width: 100px;"/>`
  6700.                            else
  6701.                                imgHtml = item.FileName;
  6702.                            var html2 = '<tr>' +
  6703.                                '           <th scope="row">' + (i + 1) + '</th>' +
  6704.                                '           <td>' + imgHtml + '</td>' +
  6705.                                '           <td>' + bytesToSize(item.ContentSize) + '</td>' +
  6706.                                '           <td onclick="deleteAttachmentTemp2(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\')" style="cursor: pointer;">Xóa</td>' +
  6707.                                '       </tr>';
  6708.                            $('.tbody-attachment-2').append(html2);
  6709.                        });
  6710.                        $('.wap-attachments-2').css('display', 'block');
  6711.  
  6712.                    }
  6713.                }
  6714.            },
  6715.            error: function (result) {
  6716.  
  6717.            }
  6718.        });
  6719.    }
  6720.  
  6721.    function createGuid() {
  6722.        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
  6723.            var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
  6724.            return v.toString(16);
  6725.        });
  6726.    }
  6727.  
  6728.    function bytesToSize(bytes) {
  6729.        var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
  6730.        if (bytes == 0) return '0 Byte';
  6731.        var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
  6732.        return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
  6733.    }
  6734.  
  6735.  
  6736.    function uploadFileInPost(type) {
  6737.        var body = (type == "add") ? CKEDITOR.instances.noidungbaivietmoi : CKEDITOR.instances.suanoidungbaiviet;
  6738.        if (body) {
  6739.            if (!body.getData())
  6740.                body.insertHtml('<br/>');
  6741.        }
  6742.        var attachment = document.getElementById("upload-file-in-post");
  6743.        var totalFiles = attachment.files.length;
  6744.        if (totalFiles < 1) {
  6745.            errorMessage("Không tìm thấy file để upload");
  6746.            return false;
  6747.        }
  6748.        var formData = new FormData();
  6749.        for (var i = 0; i < totalFiles; i++) {
  6750.            var file = attachment.files[i];
  6751.            formData.append(attachment, file);
  6752.        }
  6753.        $.ajax({
  6754.            type: "POST",
  6755.            url: MAIN_DOMAIN + '/Post/UploadFileInPost',
  6756.            data: formData,
  6757.            processData: false,  // tell jQuery not to process the data
  6758.            contentType: false,  // tell jQuery not to set contentType
  6759.            success: function (data) {
  6760.                if (data) {
  6761.                    var validUrl = validURL_Regex(data);
  6762.                    if (validUrl) {
  6763.                        var imgTag = `<img src="${data}" width="auto" height="150px"/>`;
  6764.                        var body = (type == "add") ? CKEDITOR.instances.noidungbaivietmoi : CKEDITOR.instances.suanoidungbaiviet;
  6765.                        if (body) {
  6766.                            body.insertHtml(imgTag);
  6767.                            document.getElementById("upload-file-in-post").value = "";
  6768.                        }
  6769.                    } else
  6770.                        errorMessage(data);
  6771.                } else
  6772.                    errorMessage("Không tìm thấy file để upload");
  6773.            },
  6774.            error: function (result) {
  6775.                //errorMessage(result);
  6776.            }
  6777.        });
  6778.    }
  6779.  
  6780.    function uploadFileInPostEdit(type) {
  6781.        var body = CKEDITOR.instances.suanoidungbaiviet;
  6782.        if (body) {
  6783.            if (!body.getData())
  6784.                body.insertHtml('<br/>');
  6785.        }
  6786.        var attachment = document.getElementById("upload-file-in-post-edit");
  6787.        var totalFiles = attachment.files.length;
  6788.        if (totalFiles < 1) {
  6789.            errorMessage("Không tìm thấy file để upload");
  6790.            return false;
  6791.        }
  6792.        var formData = new FormData();
  6793.        for (var i = 0; i < totalFiles; i++) {
  6794.            var file = attachment.files[i];
  6795.            formData.append(attachment, file);
  6796.        }
  6797.        $.ajax({
  6798.            type: "POST",
  6799.            url: MAIN_DOMAIN + '/Post/UploadFileInPost',
  6800.            data: formData,
  6801.            processData: false,  // tell jQuery not to process the data
  6802.            contentType: false,  // tell jQuery not to set contentType
  6803.            success: function (data) {
  6804.                if (data) {
  6805.                    var validUrl = validURL_Regex(data);
  6806.                    if (validUrl) {
  6807.                        var imgTag = `<img src="${data}" width="auto" height="150px"/>`;
  6808.                        var body = CKEDITOR.instances.suanoidungbaiviet;
  6809.                        if (body) {
  6810.                            body.insertHtml(imgTag);
  6811.                            document.getElementById("upload-file-in-post-edit").value = "";
  6812.                        }
  6813.                    } else
  6814.                        errorMessage(data);
  6815.                } else
  6816.                    errorMessage("Không tìm thấy file để upload");
  6817.            },
  6818.            error: function (result) {
  6819.                //errorMessage(result);
  6820.            }
  6821.        });
  6822.    }
  6823.  
  6824.    function uploadFileInPostHoiLS() {
  6825.        var body = CKEDITOR.instances.taochudemoihoiLS;
  6826.        if (body) {
  6827.            if (!body.getData())
  6828.                body.insertHtml('<br/>');
  6829.        }
  6830.        var attachment = document.getElementById("upload-file-in-post");
  6831.        var totalFiles = attachment.files.length;
  6832.        if (totalFiles < 1) {
  6833.            errorMessage("Không tìm thấy file để upload");
  6834.            return false;
  6835.        }
  6836.        var formData = new FormData();
  6837.        for (var i = 0; i < totalFiles; i++) {
  6838.            var file = attachment.files[i];
  6839.            formData.append(attachment, file);
  6840.        }
  6841.        $.ajax({
  6842.            type: "POST",
  6843.            url: MAIN_DOMAIN + '/Post/UploadFileInPost',
  6844.            data: formData,
  6845.            processData: false,  // tell jQuery not to process the data
  6846.            contentType: false,  // tell jQuery not to set contentType
  6847.            success: function (data) {
  6848.                if (data) {
  6849.                    var validUrl = validURL_Regex(data);
  6850.                    if (validUrl) {
  6851.                        var imgTag = `<img src="${data}" width="auto" height="150px"/>`;
  6852.                        var body = CKEDITOR.instances.taochudemoihoiLS;
  6853.                        if (body) {
  6854.                            body.insertHtml(imgTag);
  6855.                            document.getElementById("upload-file-in-post").value = "";
  6856.                        }
  6857.                    } else
  6858.                        errorMessage(data);
  6859.                } else
  6860.                    errorMessage("Không tìm thấy file để upload");
  6861.            },
  6862.            error: function (result) {
  6863.                //errorMessage(result);
  6864.            }
  6865.        });
  6866.    }
  6867.  
  6868.    function modalUploadFilesTitleClicked() {
  6869.        var attachment = document.getElementById("upload-file-title");
  6870.        var totalFiles = attachment.files.length;
  6871.        if (totalFiles < 1) {
  6872.            errorMessage("Không tìm thấy file để upload");
  6873.            return false;
  6874.        }
  6875.        var formData = new FormData();
  6876.        for (var i = 0; i < totalFiles; i++) {
  6877.            var file = attachment.files[i];
  6878.            formData.append(attachment, file);
  6879.        }
  6880.        formData.append('AttachmentID', createGuid());
  6881.        $.ajax({
  6882.            type: "POST",
  6883.            url: MAIN_DOMAIN + '/UploadFiles/UploadImagesObject',
  6884.            data: formData,
  6885.            processData: false,  // tell jQuery not to process the data
  6886.            contentType: false,  // tell jQuery not to set contentType
  6887.            success: function (data) {
  6888.                var check = validStringToParseJson(data);
  6889.                if (check) {
  6890.                    var objdata = $.parseJSON(data);
  6891.                    if (objdata) {
  6892.                        $('.wap-image-title').html('');
  6893.                        objdata.forEach(function (item, i) {
  6894.                            var html = '';
  6895.                            html += '<div class="col-lg-3 col-md-4 col-xs-6 item" style="padding-top: 5px; padding-bottom: 5px;">';
  6896.                            html += '   <div style="margin-right: -10px; margin-left: -10px;">';
  6897.                            html += '       <i class="fas fa-times-circle" onclick="deleteImageObject(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\');" hidefocus="true"></i>';
  6898.                            html += '       <img src="' + item.Path.replace('~', '') + '/' + item.FileName + '" style="height: auto;width: 100%;">';
  6899.                            html += '</div>';
  6900.                            html += '</div>';
  6901.                            $(".wap-image-title").append(html);
  6902.                        });
  6903.                        $(".wap-item-image-title").css('display', 'block');
  6904.                    }
  6905.                }
  6906.            },
  6907.            error: function (result) {
  6908.                //errorMessage(result);
  6909.            }
  6910.        });
  6911.    }
  6912.  
  6913.    function uploadLinkFiles() {
  6914.        var link = document.getElementById("txt-link-file").value;
  6915.        if (!link) {
  6916.            errorMessage('thiếu đường dẫn hình ảnh');
  6917.            return false;
  6918.        }
  6919.        if (location.pathname.split('.')[1] == 'aspx') {// check đường dẫn không có .aspx là của trang chi tiết Chủ đề sẽ k gọi
  6920.            //var checkModalComment = $('#ModalComment').is(':visible');  // check modal đang mở hay không
  6921.            //var bodyEdit = checkModalComment ? CKEDITOR.instances.binhluanoidungbaiviet : CKEDITOR.instances.suanoidungbaiviet;
  6922.            var checkModalComment = $('#ModalEditPost').is(':visible');  // check modal đang mở hay không
  6923.            var bodyEdit = checkModalComment ? CKEDITOR.instances.suanoidungbaiviet : CKEDITOR.instances.binhluanoidungbaiviet;
  6924.            if (bodyEdit && !bodyEdit.getData())
  6925.                bodyEdit.insertHtml('<br/>');
  6926.            checkIfImageExists(link, (exists) => {
  6927.                if (exists) {
  6928.                    var imgTag = `<img src="${link}" width="auto" height="150px"/>`;
  6929.                    if (bodyEdit)
  6930.                        bodyEdit.insertHtml(imgTag);
  6931.                    document.getElementById("txt-link-file").value = "";
  6932.                }
  6933.                else
  6934.                    errorMessage("Không tìm thấy link file");
  6935.            });
  6936.        }
  6937.        else if (location.pathname == '/tao-bai-viet-hoi-luat-su') {
  6938.            var bodyEdit = CKEDITOR.instances.taochudemoihoiLS;
  6939.            if (bodyEdit && !bodyEdit.getData())
  6940.                bodyEdit.insertHtml('<br/>');
  6941.            checkIfImageExists(link, (exists) => {
  6942.                if (exists) {
  6943.                    var imgTag = `<img src="${link}" width="auto" height="150px"/>`;
  6944.                    if (bodyEdit)
  6945.                        bodyEdit.insertHtml(imgTag);
  6946.                    document.getElementById("txt-link-file").value = "";
  6947.                }
  6948.                else
  6949.                    errorMessage("Không tìm thấy link file");
  6950.            });
  6951.        }
  6952.        else {
  6953.  
  6954.            var body = CKEDITOR.instances.noidungbaivietmoi;
  6955.            if (body && !body.getData())
  6956.                body.insertHtml('<br/>');
  6957.            checkIfImageExists(link, (exists) => {
  6958.                if (exists) {
  6959.                    var imgTag = `<img src="${link}" width="auto" height="150px"/>`;
  6960.                    if (body)
  6961.                        body.insertHtml(imgTag);
  6962.                    document.getElementById("txt-link-file").value = "";
  6963.                }
  6964.                else
  6965.                    errorMessage("Không tìm thấy link file");
  6966.            });
  6967.  
  6968.        }
  6969.  
  6970.    }
  6971.  
  6972.    function checkIfImageExists(url, callback) {
  6973.        const img = new Image();
  6974.  
  6975.        img.src = url;
  6976.  
  6977.        if (img.complete) {
  6978.            callback(true);
  6979.        } else {
  6980.            img.onload = () => {
  6981.                callback(true);
  6982.            };
  6983.            img.onerror = () => {
  6984.                callback(false);
  6985.            };
  6986.        }
  6987.    }
  6988.  
  6989.    function deleteImageObject(elm, guid_id, file_name, cusId) {
  6990.        if (!guid_id || !file_name || !cusId) {
  6991.            errorMessage(result);
  6992.            return false;
  6993.        }
  6994.        $.ajax({
  6995.            type: "GET",
  6996.            url: `/UploadFiles/DeleteAttachmentTemp?attachmentId=${guid_id}&file_name=${file_name}&cusId=${cusId}`,
  6997.            async: false,
  6998.            contentType: "application/json; charset=utf-8",
  6999.            success: function (data) {
  7000.                $('.wap-image-title').html('');
  7001.                document.getElementById("file-upload-attachment-edit").value = "";
  7002.                if (data) {
  7003.  
  7004.                    var check = validStringToParseJson(data);
  7005.                    if (check) {
  7006.                        var objdata = $.parseJSON(data);
  7007.                        if (objdata) {
  7008.                            objdata.forEach(function (item, i) {
  7009.                                var html = '';
  7010.                                html += '<div class="col-lg-3 col-md-4 col-xs-6 item" style="padding-top: 5px; padding-bottom: 5px;">';
  7011.                                html += '   <div style="margin-right: -10px; margin-left: -10px;">';
  7012.                                html += '       <i class="fas fa-times-circle" onclick="deleteImageObject(this,\'' + item.AttachmentID + '\',\'' + item.FileName + '\',\'' + $('.CusID').val() + '\');" hidefocus="true"></i>';
  7013.                                html += '       <img src="' + item.Path.replace('~', '') + '/' + item.FileName + '" style="height: auto;width: 100%;">';
  7014.                                html += '</div>';
  7015.                                html += '</div>';
  7016.                                $(".wap-image-title").append(html);
  7017.                            });
  7018.  
  7019.                        }
  7020.                    }
  7021.                }
  7022.            },
  7023.            error: function (result) {
  7024.  
  7025.            }
  7026.        });
  7027.    }
  7028.  
  7029.    function uploadFileCommentPost() {
  7030.        var body = CKEDITOR.instances.binhluanoidungbaiviet;
  7031.        if (body) {
  7032.            if (!body.getData())
  7033.                body.insertHtml('<br/>');
  7034.        }
  7035.        var attachment = document.getElementById("upload-file-comment-post");
  7036.        var totalFiles = attachment.files.length;
  7037.        if (totalFiles < 1) {
  7038.            errorMessage("Không tìm thấy file để upload");
  7039.            return false;
  7040.        }
  7041.        var formData = new FormData();
  7042.        for (var i = 0; i < totalFiles; i++) {
  7043.            var file = attachment.files[i];
  7044.            formData.append(attachment, file);
  7045.        }
  7046.        $.ajax({
  7047.            type: "POST",
  7048.            url: MAIN_DOMAIN + '/Post/UploadFileInPost',
  7049.            data: formData,
  7050.            processData: false,  // tell jQuery not to process the data
  7051.            contentType: false,  // tell jQuery not to set contentType
  7052.            success: function (data) {
  7053.                if (data) {
  7054.                    var validUrl = validURL_Regex(data);
  7055.                    if (validUrl) {
  7056.                        var imgTag = `<img src="${data}" width="auto" height="150px"/>`;
  7057.                        var body = CKEDITOR.instances.binhluanoidungbaiviet;
  7058.                        if (body) {
  7059.                            body.insertHtml(imgTag);
  7060.                            document.getElementById("upload-file-comment-post").value = "";
  7061.                        }
  7062.                    } else
  7063.                        errorMessage(data);
  7064.                } else
  7065.                    errorMessage("Không tìm thấy file để upload");
  7066.            },
  7067.            error: function (result) {
  7068.                //errorMessage(result);
  7069.            }
  7070.        });
  7071.    }
  7072. </script>
  7073.  
  7074. <script>
  7075.    function zoomin() {
  7076.        var myImg = document.getElementById("map");
  7077.        var currWidth = myImg.clientWidth;
  7078.        if (currWidth == 2500) return false;
  7079.        else {
  7080.            myImg.style.width = (currWidth + 100) + "px";
  7081.        }
  7082.    }
  7083.  
  7084.    function zoomout() {
  7085.        var myImg = document.getElementById("map");
  7086.        var currWidth = myImg.clientWidth;
  7087.        if (currWidth == 100) return false;
  7088.        else {
  7089.            myImg.style.width = (currWidth - 100) + "px";
  7090.        }
  7091.    }
  7092.  
  7093. </script>
  7094. <script>
  7095.    function get_ccpl() {
  7096.        var query = `ThreadsId=${$('.thread_Id').val()}`;
  7097.        $.ajax({
  7098.            method: "GET",
  7099.            url: "https://dlapi.thuvienphapluat.vn/post/Get_CCPL_Threads?" + query,
  7100.        })
  7101.            .done(function (rs) {
  7102.                if (rs.length > 0) {
  7103.                    var html = `<p class="title_forum" style=" font-size: 11px; font-weight: bold;text-transform: uppercase; ">Căn cứ pháp lý:</p>
  7104.                            <ul class="tree-view" style="padding: 5px;">
  7105.                            `;
  7106.                    for (let i = 0; i < rs.length; i++) {
  7107.                        html += `
  7108.                                <li class="visited">
  7109.                                    <a href="${rs[i].Url}" target="_blank">${rs[i].Title}</a>
  7110.                                </li>
  7111.                            `;
  7112.                    }
  7113.                    html += `</ul>`;
  7114.                    $('#threads-ccpl').html(html);
  7115.                    $('#threads-ccpl').attr('style', 'display:block');
  7116.                }
  7117.                else {
  7118.                    $('#threads-ccpl').attr('style', 'display:none');
  7119.                }
  7120.            });
  7121.    }
  7122.    $(document).ready(function () {
  7123.        get_ccpl();
  7124.    });
  7125. </script>
  7126. <script>
  7127.    function closeLoginModal() {
  7128.        $('#loginModal2').modal('hide');
  7129.    }
  7130. </script>
  7131. <!--END HTML dùng chung -->
  7132.  
  7133. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/js/Pagination.js"></script>
  7134. <script src="https://thuvienphapluat.vn/cong-dong-dan-luat/Scripts/js/common.js?v=638508252142372371"></script>
  7135. <script>
  7136.    $(document).ready(function () {
  7137.        var CusID = -1;
  7138.        if (CusID < 1)
  7139.            LoginByCustomerCookieName('');
  7140.  
  7141.    
  7142.    });
  7143.    setTimeout(function () {
  7144.        $.each($('a'), function (k, v) { if ($(v).attr('href')?.includes('dan-luat//')) { $(v).attr('href', $(v).attr('href').replace('dan-luat//', 'dan-luat/')); } })
  7145.    }, 5000);
  7146.  
  7147.    var btn = $('#button-to-top');
  7148.    var elm = document.getElementById('navigation_mobile');
  7149.  
  7150.    $(window).scroll(function () {
  7151.        if ($(window).scrollTop() < 150) {
  7152.            elm.classList.remove('pin');
  7153.  
  7154.        } else if ($(window).scrollTop() > 150 && window.innerWidth > 570) {
  7155.            var length = $('#navigation_mobile.pin').length;
  7156.            if (length < 1)
  7157.                elm.classList.add('pin');
  7158.            //else
  7159.            //    elm.classList.remove('pin');
  7160.        }
  7161.        if ($(window).scrollTop() > 300) {
  7162.            btn.addClass('show');
  7163.        } else {
  7164.            btn.removeClass('show');
  7165.        }
  7166.    });
  7167.  
  7168.    btn.on('click', function (e) {
  7169.        e.preventDefault();
  7170.        $('html, body').animate({ scrollTop: 0 }, '300');
  7171.    });
  7172. </script>
  7173.  
  7174.    
  7175. <script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js"></script>
  7176.  
  7177. <script type="text/javascript">
  7178.  
  7179.    var _gaq = _gaq || [];
  7180.    _gaq.push(['_setAccount', 'UA-38763074-1']);
  7181.    //_gaq.push(['_setDomainName', 'danluat.thuvienphapluat.vn']);
  7182.    _gaq.push(['_trackPageview']);
  7183.    _gaq.push(['c._setAccount', 'UA-17422479-2']);
  7184.    _gaq.push(['c._trackPageview']);
  7185.    _gaq.push(['b._setAccount', 'UA-4355683-16']);
  7186.    //// set custom variables
  7187.    //_gaq.push(['b._setCustomVar', 3, 'MemberDL', MemberGA, 3]);
  7188.    //_gaq.push(['b._trackEvent', 'UserActivityDanLuat', MemberGA, window.location.href]);
  7189.    if (document.referrer.indexOf("https://thuvienphapluat.vn") != -1) { _gaq.push(["b._setCustomVar", 4, "ReferrerTVPL", document.referrer, 1]); }
  7190.    _gaq.push(['b._trackPageview']);
  7191.    _gaq.push(['b._setDomainName', '.thuvienphapluat.vn']);
  7192.    (function () {
  7193.        var ga = document.createElement('script');
  7194.        ga.type = 'text/javascript';
  7195.        ga.async = true;
  7196.        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  7197.        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  7198.    })();
  7199.  
  7200.    window.___gcfg = { lang: 'vi' };
  7201. </script>
  7202.  
  7203.  
  7204. <!-- Google tag (gtag.js) -->
  7205. <script async src="https://www.googletagmanager.com/gtag/js?id=G-PGVTRDMJGD"></script>
  7206. <script>
  7207.    window.dataLayer = window.dataLayer || [];
  7208.    function gtag() { dataLayer.push(arguments); }
  7209.    gtag('js', new Date());
  7210.  
  7211.    gtag('config', 'G-PGVTRDMJGD');
  7212.    gtag('config', 'G-37029L2KPM');
  7213. </script>
  7214.  
  7215.    
  7216. </body>
  7217. </html>
  7218.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda