Введение в jQuery

Подключаем, находим, готовим

Показывать лекцию целиком

Базу подготовили, и теперь пора перейти к непосредственному изучению jQuery. Всё начинается с подключения библиотеки. И уже на этом этапе мы можем пойти несколькими путями:

  • Скачиваем jQuery с домашней странице проекта (http://jquery.com/) и положим рядышком с нашей HTML страничкой (советую скачать development версию — всегда интересно покопаться в исходном коде:):
    <head>
    <script type="text/javascript" 
    src="js/jquery.js"></script> </head>
    
  • Данный способ хорош для работы в offline, или при медленном соединении с интернетом. Отдельно стоит обратить внимание на путь — скрипты в отдельной папке, и это не случайно, нужно приучать себя к порядку.
  • Используем CDN (предпочитаю сервис от Google, хотя есть и Microsoft и Яндекс, последний, кстати, размещает даже популярные плагины, за что команде Яндекса отдельное спасибо, и ещё универсальный http://cdnjs.com/):
    <head>
    <script type="text/javascript" 
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery. 
    min.js"></script>
    </head>
    
  • Небольшие пояснения: CDN достаточно умная штука, при таком запросе библиотеки jQuery вам вернутся HTTP заголовки, в которых будет сказано, что "протухнет" этот файл лишь через год. Если же вы запросите файл по адресу "jquery/1.10/jquery.min.js", то вам вернётся последняя доступная версия библиотеки из ветки 1.10 — на момент написания сих строк это была версия 1.10.2, при этом в заголовках "expires" будет стоять текущая дата, и кэш будет жить лишь час. Есть CDN предоставляемый и самими разработчиками jQuery, но он отнюдь не такой продвинутый как у Google, и на моей памяти у него были проблемы со стабильностью, так что будьте аккуратней при работе с ним – http://code.jquery.com/
  • С использованием менеджера пакетов bower.io устанавливаем искомую библиотеку. Данный менеджер пакетов позволяет устанавливать очень много разнообразных библиотек и пакетов, зацените список – http://sindresorhus.com/bower-components/
  • Зачем я упоминаю про данный менеджер пакетов? Ну может кто из вас окажется ну очень любопытным и осилит работу с ним самостоятельно :)

    Будь готов

    Теперь пора приступить к работе — возьмём какой-нибудь элемент на страничке и попробуем его изменить. Для этого в <head> вставим следующий код (пример странички ищите ранее):

    <script>
    //	мы пытаемся найти все элементы <h2> на странице 
    //	и изменить цвет шрифта на красный 
    jQuery("h2").css("color", "red"); </script>
    

    Только подобный код ничего не сделает, так как, на момент выполнения, на странице ещё не будет тегов <h2>, слишком рано выполняется скрипт, до загрузки всего HTML документа. Для того, чтобы код сработал верно, мы должны либо поместить код в самый низ страницы (главное после искомого <h2>), либо использовать функцию "ready()" для отслеживания события "load" нашего "document":

    <script>
    //	ждём загрузки всего документа 
    //	после этого будет выполнена анонимная функция 
    //	которую мы передали в качестве параметра 
    jQuery(document).ready(function(){ 	
    jQuery("h2").css("color", "red"); 
    }); 
    </script>
    

    Также можно использовать сокращённый вариант без явного вызова метода ready():

    <script>
    $(function(){
    $("h2").css("color", "red");
    });
    </script>
    

    Вы можете создать сколь угодно много подобных функций, не обязательно весь необходимый функционал помещать в одну.

    $() — это синоним для jQuery(), чтобы у вас не возникало конфликтов с другими странами библиотеками за использование $, советую ваш код оборачивать в анонимную функцию следующего вида (best practice):

    (function($, undefined){
    //	тут тихо и уютно 
    //	мы всегда будем уверены, что $ === jQuery 
    //	a undefined не переопределен ;) 
    })(jQuery); 
    

    Наглядный код:

    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Пример работы с document.ready</title>
        <link rel="profile" href="http://gmpg.org/xfn/11"/>
        <link rel="shortcut icon" href="http://anton.shevchuk.name/favicon.ico"/>
        <link rel="stylesheet" href="css/styles.css"/>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript">
            // nothing, tag h2 is not exists
            jQuery("article h2").css("font-size", "24px");
            // it's working
            jQuery(document).ready(function(){
                jQuery("article h2").css("background-color", "green");
            });
            // it's too
            $(function(){
                $("article h2").css("color", "#fff");
            });
            // anonymous function - best practices
            (function($, undefined){
                $(function(){
                    $("p").css("color", "#966");
                });
            })(jQuery);
        </script>
    </head>
    <body>
        <div id="content" class="wrapper box">
            <menu>
                <a href="index.html" title="go prev" class="button alignleft" rel="prev">← Back </a>
                <hr/>
    <pre><code><em>// nothing, tag h2 is not exists</em>
    jQuery(<span>"article h2"</span>).css(
        <span>"font-size"</span>,
        <span>"24px"</span>
    );
    
    <em>// it's working</em>
    jQuery(document).ready(function(){
        jQuery(<span>"article h2"</span>).css(
            <span>"background-color"</span>,
            <span>"green"</span>
        );
    });
    
    <em>// it's too</em>
    $(function(){
        $(<span>"article h2"</span>).css(<span>"color"</span>, <span>"#fff"</span>);
    });
    
    <em>// anonymous function - best practices</em>
    (function($, undefined){
        $(function(){
            $(<span>"p"</span>).css(<span>"color"</span>, <span>"#966"</span>);
        });
    })(jQuery);</code></pre>
            </menu>
            <header>
                <h1>$(document).ready()</h1>
                <h2>Простой пример использования</h2>
            </header>
            <article>
                <h2>Article Title</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum,
                lectus eu varius consectetur, libero velit hendrerit augue, ut posuere enim neque
                in libero. Donec eget sagittis nibh. Suspendisse sed tincidunt urna. Cras quis
                euismod neque. Maecenas auctor ultricies posuere. Pellentesque luctus pulvinar dui
                eget semper. Donec sodales odio eu sapien varius luctus. Donec dictum feugiat diam
                at malesuada. Sed nec massa in augue condimentum faucibus quis ut diam. Quisque
                nisl sem, semper nec vulputate vel, mattis sit amet justo. Aliquam purus felis,
                tempor at scelerisque quis, tincidunt in neque. Etiam ut risus diam. Pellentesque
                fermentum risus id elit feugiat cursus. Ut fringilla dictum diam, sed iaculis
                lorem pulvinar ut. Cras vel elit id velit commodo viverra sit amet vel orci.</p>
            </article>
            <article>
                <h2>Article Title</h2>
                <p>Duis in vestibulum sem. Cras euismod tincidunt dui, et scelerisque tellus condimentum vel.
                Maecenas et urna sit amet risus fermentum rhoncus nec porttitor ligula. Maecenas sit amet
                turpis enim, ut iaculis est. Duis feugiat, lacus id placerat porttitor, lorem augue gravida
                nisi, eu porta eros risus et lectus. Maecenas vestibulum nunc vel ipsum tincidunt sit amet
                blandit sapien bibendum. Proin vel vulputate nisl. Duis tempor imperdiet placerat. Pellentesque
                faucibus consequat magna, et bibendum nisl egestas non. Pellentesque sit amet mattis augue.
                Aenean at diam tincidunt purus sollicitudin gravida non in nisi. Fusce bibendum, magna in
                adipiscing mattis, sem risus fringilla mi, nec gravida lectus lectus at nibh. Suspendisse 
                adipiscing elementum laoreet. Suspendisse sem erat, varius quis aliquet vitae, dapibus sed
                nibh. Nullam iaculis sem at mauris faucibus in vestibulum libero pretium. Aliquam eu turpis
                libero. Fusce et ultrices lectus.</p>
            </article>
            <footer>
                ©copyright 2014 Anton Shevchuk — <a href="http://anton.shevchuk.name/jquery-book/">jQuery Book</a>
            </footer>
            <script type="text/javascript">
                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-1669896-2']);
                _gaq.push(['_trackPageview']);
                (function() {
                 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();
             </script>
    	</div>
    </body>
    </html>
    

    Селекторы

    Как я уже говорил ранее, в поиске элементов на странице заключается практически половина успешной работы с jQuery. Так что приступим к поискам по документу (чтобы не листать, пусть пример HTML будет и тут):

    <!DOCTYPE html>
    <html dir="ltr" lang="en-US"> <head>
    <meta charset="UTF-8"/> <title>Page Title</title>
    </head>
    <body>
    <header>
    <h1>Page Title</h1> <p>Page Description</p>
    </header>
    <div id="content" class="wrapper box"> 
    <article>
    <h2>Article Title</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc urna metus, ultricies eu, congue vel, laoreet...</p>
    </article>
    <article>
    <h2>Article Title</h2>
    <p>Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros...</p>
    </article>
    </div>
    <footer>©copyright 2014</footer> </body>
    </html>
    

    А теперь приступим к выборкам — выбор элементов по "id" либо "className" аналогично используемым в CSS:

    $("#content")	//	выбираем элемент с id=content
    $("div#content")	//	выбираем div с id=content (хотя и без div работает)
    $(".wrapper")	//	выбираем элементы с class=wrapper
    $("div.wrapper")	//	выбираем div'ы с class=wrapper
    $(".wrapper.box") //	выбираем элементы с class=wrapper и box
    $("h2")	//	выбираем все теги h2
    $("h1, h2")	//	выбираем все теги h1 и h2
    

    Используйте валидные имена классов и идентификаторов

    Теперь вспомним, что мы в DOMе не одни, это таки иерархическая структура:

    $("article h2") // выбираем все теги h2 внутри тега article 
    $("div article h2") // выбираем все теги h2 внутри тега article
    					// внутри тега div, в доме который построил Джек
    $("article").find("h2")	// аналогично примерам выше
    $("div").find("article").find("h2")  //
    

    У нас есть соседи:

    $("h1 + p") // выбор всех p элементов, перед которыми есть h1 // элементы (у нас только один такой)
    $("#stick ~ article")  // выбор всех article элементов после элемента
    						// c id=stick
    $("#stick").prev() // выбор предыдущего элемента от найденного 
    $("#stick").next() // выбор следующего элемента от найденного
    

    Родственные связи:

    $("*")	// выбор всех элементов
    $("article > h2")	// выбираем все теги h2 которые являются
    						// непосредственными потомками тега article
    $("article > *")	// выбор всех потомков элементов article
    $("article").children()
    $("p").parent() // выбор всех прямых предков элементов p 
    $("p").parents() // выбор всех предков элементов p (не понадобится) 
    $("p").parents("div") // выбор всех предков элемента p которые есть div
    					  // parents принимает в качестве параметра селектор
    

    Если хотите поиграться с селекторами от души — то для этого я припас для вас соответствующую страничку

    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>CSS селекторы, игровая площадка</title>
        <link rel="profile" href="http://gmpg.org/xfn/11"/>
        <link rel="shortcut icon" href="http://anton.shevchuk.name/favicon.ico"/>
        <link rel="stylesheet" href="css/styles.css"/>
        <style>
            #content {
                padding: 2px;
            }
            #content:before {
                color:#777;
                font-size: 14px;
                content: '<div id="content" class="wrapper box">'
            }
            #content:after {
                color:#777;
                font-size: 14px;
                content: '</div>'
            }
            header {
                background: #fff;
                padding: 2px;
                margin: 20px;
                border-left: 1px solid #ddd;
            }
            header:before {
                color:#777;
                font-size: 12px;
                content: "<header>"
            }
            header:after {
                color:#777;
                font-size: 12px;
                content: "</header>"
            }
            article {
                background: #fff;
                padding: 2px;
                margin: 20px;
                border-left: 1px solid #ddd;
            }
            article:before{
                color:#777;
                font-size: 12px;
                content: "<article>"
            }
            article#stick:before{
                content: '<article id="stick" class="box">'
            }
            article:after{
                color:#777;
                font-size: 12px;
                content: "</article>"
            }
            footer {
                background: #fff;
                margin: 12px 8px;
            }
            footer:before{
                color:#777;
                font-size: 12px;
                content: "<footer>"
            }
            footer:after{
                color:#777;
                font-size: 12px;
                content: "</footer>"
            }
            p {
                background: #fff;
                margin: 12px 8px;
            }
            p:before{
                color:#777;
                font-size: 12px;
                content: "<p>"
            }
            p:after{
                color:#777;
                font-size: 12px;
                content: "</p>"
            }
            h1 {
                background: #fff;
            }
            h1:before{
                color:#777;
                font-size: 12px;
                content: "<h1>"
            }
            h1:after{
                color:#777;
                font-size: 12px;
                content: "</h1>"
            }
            h2 {
                background: #fff;
                border: 0 !important;
            }
            h2:before{
                color:#777;
                font-size: 12px;
                content: "<h2>"
            }
            h2:after{
                color:#777;
                font-size: 12px;
                content: "</h2>"
            }
        </style>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.color.js"></script>
        <script type="text/javascript">
            $(function(){
                $('button').click(function(){
                    var fnc = $(this).data('fnc');
                    if (fnc) {
                        var els = eval(fnc);
                        els
                          .stop(true,true)
    					  .animate({'background-color':'#ff5'}, 500)
    					  .delay(100)
    					  .animate({'background-color':'#fff'}, 500)
                    }
                });
                $('button.code').click(function(){
                    var code = $(this).prev().text();
                    if (code) {
                        var els = eval(code);
                            els
                              .stop(true,true)
                              .animate({'background-color':'#ff5'}, 500)
                              .delay(100)
                              .animate({'background-color':'#fff'}, 500)
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="content" class="wrapper box">
            <menu label="Try...">
    
                <a href="css.priority.html" title="go prev" class="button alignleft" rel="prev">← Prev </a>
                <a href="index.html" title="back to Index" class="button alignleft" rel="index">Index §</a>
                <a href="#" title="reload" class="button alignleft" onclick="window.location.reload();return false">Reload ¤</a>
                <a href="sizzle.html" title="go next" class="button alignright" rel="next">Next →</a>
                <hr/>
                <h3><a href="css.selectors-test.html">Тест на смекалку</a></h3>
                <hr/>
    <pre><code contenteditable="true">$(<span>'p'</span>)</code></pre>
                <button type="button" class="code">Run Code</button>
                <hr/>
                <button type="button" data-fnc="$('#content')">$('#content')</button>
                <button type="button" data-fnc="$('div#content')">$('div#content')</button>
                <hr/>
                <button type="button" data-fnc="$('.wrapper')">$('.wrapper')</button>
                <button type="button" data-fnc="$('.box')">$('.box')</button>
                <button type="button" data-fnc="$('.wrapper.box')">$('.wrapper.box')</button>
                <button type="button" data-fnc="$('article.box')">$('article.box')</button>
                <hr/>
                <button type="button" data-fnc="$('h2')">$('h2')</button>
                <button type="button" data-fnc="$('h1, h2')">$('h1, h2')</button>
    
                <hr/>
    
                <button type="button" data-fnc="$('article h2')">$('article h2')</button>
                <button type="button" data-fnc="$('div article h2')">$('div article h2')</button>
                <button type="button" data-fnc="$('article').find('h2')">$('article').find('h2')</button>
                <button type="button" data-fnc="$('div').find('article').find('h2')">$('div').find('article').find('h2')</button>
    
                <hr/>
    
                <button type="button" data-fnc="$('h1+h2')">$('h1 + h2')</button>
                <button type="button" data-fnc="$('#stick ~ article')">$('#stick ~ article')</button>
                <button type="button" data-fnc="$('#stick').prev()">$('#stick').prev()</button>
                <button type="button" data-fnc="$('#stick').next()">$('#stick').next()</button>
    
                <hr/>
    
                <button type="button" data-fnc="$('*')">$('*')</button>
                <button type="button" data-fnc="$('article > h2')">$('article > h2')</button>
                <button type="button" data-fnc="$('article > *')">$('article > *')</button>
                <button type="button" data-fnc="$('article').children()">$('article').children()</button>
    
                <hr/>
    
                <button type="button" data-fnc="$('p').parent()">$('p').parent()</button>
                <button type="button" data-fnc="$('p').parents()">$('p').parents()</button>
                <button type="button" data-fnc="$('p').parents('div')">$('p').parents('div')</button>
    
            </menu>
            <header>
                <h1><a href="#">Page Title</a></h1>
                <h2>Page Description</h2>
            </header>
            <article id="stick" class="box">
                <h2>Article</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum,
                lectus eu varius consectetur, libero velit hendrerit augue, ut posuere enim neque
                in libero. Donec eget sagittis nibh. Suspendisse sed tincidunt urna. Cras quis
                euismod neque. Maecenas auctor ultricies posuere. Pellentesque luctus pulvinar dui
                eget semper. Donec sodales odio eu sapien varius luctus. Donec dictum feugiat diam
                at malesuada. Sed nec massa in augue condimentum faucibus quis ut diam. Quisque
                nisl sem, semper nec vulputate vel, mattis sit amet justo. Aliquam purus felis,
                tempor at scelerisque quis, tincidunt in neque. Etiam ut risus diam. Pellentesque
                fermentum risus id elit feugiat cursus. Ut fringilla dictum diam, sed iaculis
                lorem pulvinar ut. Cras vel elit id velit commodo viverra sit amet vel orci.</p>
            </article>
            <article>
                <h2>Article</h2>
                <p>Duis in vestibulum sem. Cras euismod tincidunt dui, et scelerisque tellus condimentum vel.
                Maecenas et urna sit amet risus fermentum rhoncus nec porttitor ligula. Maecenas sit amet
                turpis enim, ut iaculis est. Duis feugiat, lacus id placerat porttitor, lorem augue gravida
                nisi, eu porta eros risus et lectus. Maecenas vestibulum nunc vel ipsum tincidunt sit amet
                blandit sapien bibendum. Proin vel vulputate nisl. Duis tempor imperdiet placerat. Pellentesque
                faucibus consequat magna, et bibendum nisl egestas non. Pellentesque sit amet mattis augue.
                Aenean at diam tincidunt purus sollicitudin gravida non in nisi. Fusce bibendum, magna in
                adipiscing mattis, sem risus fringilla mi, nec gravida lectus lectus at nibh. Suspendisse
                adipiscing elementum laoreet. Suspendisse sem erat, varius quis aliquet vitae, dapibus sed
                nibh. Nullam iaculis sem at mauris faucibus in vestibulum libero pretium. Aliquam eu turpis
                libero. Fusce et ultrices lectus.</p>
            </article>
            <footer>
                ©copyright 2014 Anton Shevchuk — <a href="http://anton.shevchuk.name/jquery-book/">jQuery Book</a>
            </footer>
            <script type="text/javascript">
                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-1669896-2']);
                _gaq.push(['_trackPageview']);
                (function() {
                 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();
             </script>
    	</div>
    </body>
    </html>
    

    Поиск по атрибутам

    Ещё со времён CSS2 была возможность найти элемент с определёнными атрибутами, в CSS3 добавили ещё возможностей по поиску:

    a[href] — все ссылки с атрибутом "href"

    a[href=#] — все ссылки с "href=#"

    a[href~=#] — все ссылки с "#" где-то в "href"

    a[hreflang|=en] — все ссылки, для которых hreflang начинается с "en" и обрезается по символу "-" — "en", "en-US", "en-UK"

    a[href^=http] — ссылки начинающиеся с "http"

    a[href*="google.com"] — ссылки на погуглить

    a[href$=.pdf] — ссылки на PDF файлы (по идее)

    Заглянув внутрь jQuery вы скорей всего найдёте то место, где ваше выражение будет анализироваться с помощью регулярных выражений, по этой причине в селекторах необходимо экранировать специальные символы используя обратный слеш "\\":

    $("a[href^=\\/]").addClass("internal");

    Поиск по дочерним элементам

    Хотелось бы еще обратить внимание на селекторы из спецификации CSS3[http://www.w3.org/TR/css3-selectors/] — много интересных:

    :first-child — первый дочерний элемент

    :last-child — последний дочерний элемент

    :nth-child(2n+1) — выборка элементов по несложному уравнению подробнее можно прочитать в статье "Как работает nth-child" [http://web-standards.ru/articles/nth-child/]

    :not(…) — выбрать те, что не подпадают под вложенную выборку

    Но поскольку не все браузеры знакомы с CSS3-селекторами, то мы можем использовать jQuery для назначения стилей:

    $("div:last-child").addClass("last-paragraph");

    Sizzle

    Пропустите это раздел, и вернитесь к нему тогда, когда вас заинтересует, как происходит поиск элементов внутри "$"

    В качестве "поисковика" по элементам DOM'а jQuery использует библиотеку Sizzle. Данная библиотека одно время была неотъемлемой частью jQuery, затем "отпочковалась" в отдельный проект, который с радостью использует как сам jQuery, так и Dojo Toolkit. Но хватит лирики, давайте перейдем непосредственно к поиску, для оного в JavaScript'е предусмотрены следующие методы (не в jQuery, не в Sizzle, в JavaScript'е):

    getElementById(id) — поиск по "id="…""

    getElementsByName(name) — поиск по "name="name"" и

    "id="name"" getElementsByClassName(class) — поиск по

    "class="class"" getElementsByTagName(tag) — поиск по тегу

    querySelectorAll(selector) — поиск по произвольному CSS селектору

    Пробежавшись беглым взглядом по списку, можно заметить метод "querySelectorAll()" – он универсален и действительно удобен, да, именно этот метод библиотека пытается вызвать, когда вы скармливаете что-то в качестве селектора в jQuery, но данный метод иногда нас подводит, и тогда на сцену выходит Sizzle во всей красе, вооруженный всеми упомянутыми методами, да еще со своим уникальным арсеналом:

    if (document.querySelectorAll) 
    (function(){ var oldSelect = select
    /* ... */
    select = function( selector, context, results, seed, xml ) {
    //	используем querySelectorAll когда нет фильтров в запросе, 
    //	когда это запрос не по xml объекту, 
    //	и когда не обнаружено проблем с запросом 
    //	еще есть пару проверок, которые я опустил для наглядности 
    try { 
    push.apply( results, 
    slice.call(context.querySelectorAll( selector ), 0) 
    ); 
    return results; 
    } catch(qsaError) { /* подвёл, опять, ну сколько можно */ } 
    /* ... */ 
    // выход Sizzle
    return oldSelect( selector, context, results, seed, xml );
    };
    });
    

    Но давайте уже рассмотрим, как Sizzle ищет в DOM'е, если таки метод "querySelectorAll()" споткнулся. Начнём с разбора алгоритма работы на следующем примере:

    $("thead > .active, tbody > .active")
  • Получить первое выражение до запятой: "thead > .active"
  • Разбить на кусочки: "thead", ">", ".active"
  • Найти исходное множество элементов по последнему кусочку (все ".active")
  • Фильтровать справа налево (все ".active" которые находятся непосредственно в "thead")
  • Искать следующий запрос после запятой (возвращаемся к первому пункту)
  • Оставить только уникальные элементы в результате
  • Глядя на данный алгоритм вы должны заметить, что правила читаются справа на лево!

    Копаем глубже. При анализе даже самого маленького выражения есть несколько нюансов на которые стоит обратить внимание – первый – это приоритет поиска, он различен для различных браузеров (в зависимости от их возможностей, или "невозможностей"):

    order: new RegExp( "ID|TAG" + 
    (assertUsableName ? "|NAME" : "") + 
    (assertUsableClassName ? "|CLASS" : "")
    )

    Не обращайте внимание на RegExp – это внутренняя кухня Sizzle

    Таким образом, рассматривая выражение "div#my", Sizzle найдёт вначале элемент с "id="my"", а потом уже проверит на соответствие с <div>. Хорошо, это вроде как фильтрация, и она тоже соблюдает очерёдность – это второй нюанс:

    preFilter: {
    "ATTR": function (match) { /* ... */ },
    "CHILD": function (match) { /* ... */ },
    "PSEUDO": function (match) { /* ... */ },
    },
    filter: {
    "ID": function (id) { /* ... */ },
    "TAG": function (nodeName) { /* ... */ },
    "CLASS": function (className) { /* ... */ },
    "ATTR": function (name, operator, check) { /* ... */ },
    "CHILD": function (type, argument, first, last) { /* ... */ },
    "PSEUDO": function (pseudo, argument, context, xml) { /* ... */ }
    }

    Третий нюанс – это относительные фильтры, которые работают сразу с двумя элементами (они вам знакомы по CSS селекторам):

    relative: {
    ">": { dir: "parentNode", first: true },
    " ": { dir: "parentNode" },
    "+": { dir: "previousSibling", first: true },
    "~": { dir: "previousSibling" }
    },

    Ой, зачем я вас всем этим гружу? Почитайте лучше об оптимизации запросов абзацем ниже.

    Официальная документация по библиотеки Sizzle доступна на GitHub'е проекта:

  • "Sizzle Documentation" [https://github.com/jquery/sizzle/wiki/Sizzle-Documentation]
  • Оптимизируем выборки

    Ну перво-наперво вам следует запомнить, что

    результаты поиска не кэшируются, каждый раз, запрашивая элементы по селектору, вы инициируете поиск элементов снова и снова

    Взглянув на алгоритм работы Sizzle, сходу напрашиваются несколько советов об оптимизации по работе с выборками:

  • Сохранять результаты поиска (исходя из постулата выше):
    // было
    $("a.button").addClass("active");
    /* ... */
    $("a.button").click(function(){ /* ... */ });
    // стало
    var $button = $("a.button");
    $button.addClass("active");
    /* ... .*/
    $button.click(function(){ /* ... */ });
    Правильная IDE о подобных вещах знает, и будет вам время от времени подсказывать ;)
  • Или использовать цепочки вызовов (что по сути аналогично первому правилу):
    // было
    $("a.button").addClass("active");
    $("a.button").click(function(){ /* ... */ });
    // стало
    $("a.button").addClass("active")
    .click(function(){ /* ... */ });
  • Использовать "context" (это такой второй параметр при выборе по селектору):
    // было
    $(".content a.button");
    // стало
    $("a.button", ".content");
    $(".content").find("a.button",); // чуток быстрее
  • Разбивать запрос на более простые составные части используя "context", и сохранять промежуточные данные (как следствие из правил №1 и №3)
    // было
    $(".content a.button");
    $(".content h3.title");
    // стало
    var $content = $(".content")
    $content.find("a.button");
    $content.find("h3.title");
  • Использовать более "съедобные" селекторы дабы помочь функции "querySelectorAll()", т.е. если у вас нет уверенности в правильности написания селектора, или сомневаетесь в том, что все браузеры поддерживают необходимый CSS селектор, то лучше разделить "сложный" селектор на несколько более простых:
    // было
    $(".content div input:disabled");
    // стало
    $(".content div").find("input:disabled");
  • Не использовать jQuery, а работать с "native" функциями JavaScript'а
  • Есть ещё один пункт – выбирать самый быстрый селектор из возможных, но тут без хорошего багажа знаний не обойтись, так что дерзайте, пробуйте и присылайте ваши примеры.

    Для наглядности лучше всего взглянуть на сравнительный тест sizzle.html(данный тест был изначально разработан Ильёй Кантором для мастер-класса по JavaScript и jQuery):

    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="profile" href="http://gmpg.org/xfn/11"/>
        <link rel="shortcut icon" href="http://anton.shevchuk.name/favicon.ico"/>
        <link rel="stylesheet" href="css/styles.css"/>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/code.js"></script>
        <script>
            function query() {
                document.querySelectorAll('.my > div');
            }
    
            function jqueryQsa() {
                $('.my > div');
            }
    
            function slow() {
                // to disable native FF query
                document.querySelectorAll = null;
                slow = function() {
                    $('.my > div');
                }
                slow()
            }
    
            function findMore() {
                $('.my').find('>div');
            }
    
            function context() {
                $('>div', $('.my'));
            }
    
            function context2() {
                $('>div', '.my');
            }
    
            function fast() {
                $('.my').children('div');
                //$.grep($('.my').children(), function(a) { return a.tagName=='DIV' }).length
            }
    
            function custom() {
    
                var arr = []
    
                var mys = document.getElementsByClassName('my'), i=mys.length
    
                while(i--) {
                    // children[i] is very slow, sibling loop is fast
                    var child = mys[i].firstChild;
                    while(child) {
                        if(child.tagName == 'DIV') arr.push(child)
                        child = child.nextSibling
                    }
                }
            }
            function runAllTests() {
                var f = {
                    'query': "querySelectorAll('.my > div')",
                    'jqueryQsa':"$('.my > div') [with QSA]",
                    'slow':"$('.my > div') [without QSA]",
                    'findMore':"$('.my').find('>div')",
                    'context':"$('>div', $('.my'))",
                    'context2':"$('>div', '.my')",
                    'fast':"$('.my').children('div')",
                    'custom':'no jQuery, no QSA'
                };
                var text = '';
                for(var key in f) {
                    var d = new Date();
                    for(var j=0;j<100;j++) {
                        window[key]()
                    }
                    text = text + f[key]+": "+(new Date-d)+" ms\n";
                }
                $('menu pre code').text('window.location.reload()');
                return text;
            }
        </script>
    </head>
    <body>
    
    <div id="content" class="wrapper box">
            <menu label="Try...">
                <a href="css.selectors.html" title="go prev" class="button alignleft" rel="prev">← Prev </a>
                <a href="index.html" title="back to Index" class="button alignleft" rel="index">Index §</a>
                <a href="#" title="reload" class="button alignleft" onclick="window.location.reload();return false">Reload ¤</a>
                <hr/>
                <pre data-out="1"><code>runAllTests()</code></pre>
                <button type="button" class="code">Run Code</button>
            </menu>
            <header>
                <h1>.my > div</h1>
                <h2>Тестирование производительности различных способов получения искомого набора элементов</h2>
            </header>
            <div id="output">
                <h3>Output</h3>
                <pre></pre>
            </div>
            <article>
                <p>Для надёжности каждая функция вызывается сотню раз, после запуска всех тестов необходимо перегрузить страницу</p>
    <table>
    <tr>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    <td class='my'>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
      <p>p</p><div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div><div>!</div></div>
    </td>
    </tr>
    </table>
    
            </article>
            <footer>
                ©copyright 2014 Anton Shevchuk — <a href="http://anton.shevchuk.name/jquery-book/">jQuery Book</a>
            </footer>
            <script type="text/javascript">
                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-1669896-2']);
                _gaq.push(['_trackPageview']);
    
                (function() {
                 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();
             </script>
    	</div>
    </body>
    </html>
    
    

    Маленькая хитрость от создателей jQuery – запросы по id элемента не доходят до Sizzle, а скармливаются "document.getElementById()" в качестве параметра:

    $("#content") -> document.getElementById("content");

    Примеры оптимизаций

    Выбор по идентификатору элемента – самый быстрый из возможных, старайтесь использовать оный:

    // внутри одна регулярочка + getElementById()
    $("#content")
    // а вот так ещё быстрее
    $(document.getElementById("content"))
    // но экономия незначительна
    // а удобство использования стремится к нулю

    Селектор "div#content" работает на порядок медленнее, нежели поиск лишь по идентификатору – "#content", но и он имеет право на существование в случае, если ваш скрипт используется на нескольких страницах, а логика требует лишь обрабатывать поведение для элемента <div>. Данный селектор можно представить в двух вариантах:

    // getElementById() + фильтрация
    $("#content").filter("div");
    // оставляем как есть и надеемся на QuerySelectorAll()
    $("div#content");

    В результате тестирования получаем следующий расклад:

  • пример с использованием "filter()" работает быстрее в браузерах Chrome, Firefox и IE9.0+
  • оба способа работают наравне в браузерах IE8.0 и мобильном Safari
  • второй пример работает в два раза быстрее в последних версиях Opera
  • Выводы делаем сами.

    Вернуться к учебному плану