Опубликован: 28.02.2016 | Уровень: для всех | Доступ: платный
Лекция 2:

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

< Лекция 1 || Лекция 2 || Лекция 3 >

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

  1. Скачиваем jQuery с домашней странице проекта (http://jquery.com/) и положим рядышком с нашей HTML страничкой (советую скачать development версию — всегда интересно покопаться в исходном коде:):
    <head>
    <script type="text/javascript" 
    src="js/jquery.js"></script> </head>
    
  2. Данный способ хорош для работы в offline, или при медленном соединении с интернетом. Отдельно стоит обратить внимание на путь — скрипты в отдельной папке, и это не случайно, нужно приучать себя к порядку.
  3. Используем 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>
    
  4. Небольшие пояснения: CDN достаточно умная штука, при таком запросе библиотеки jQuery вам вернутся HTTP заголовки, в которых будет сказано, что "протухнет" этот файл лишь через год. Если же вы запросите файл по адресу "jquery/1.10/jquery.min.js", то вам вернётся последняя доступная версия библиотеки из ветки 1.10 — на момент написания сих строк это была версия 1.10.2, при этом в заголовках "expires" будет стоять текущая дата, и кэш будет жить лишь час. Есть CDN предоставляемый и самими разработчиками jQuery, но он отнюдь не такой продвинутый как у Google, и на моей памяти у него были проблемы со стабильностью, так что будьте аккуратней при работе с ним – http://code.jquery.com/
  5. С использованием менеджера пакетов 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")
  1. Получить первое выражение до запятой: "thead > .active"
  2. Разбить на кусочки: "thead", ">", ".active"
  3. Найти исходное множество элементов по последнему кусочку (все ".active")
  4. Фильтровать справа налево (все ".active" которые находятся непосредственно в "thead")
  5. Искать следующий запрос после запятой (возвращаемся к первому пункту)
  6. Оставить только уникальные элементы в результате

Глядя на данный алгоритм вы должны заметить, что правила читаются справа на лево!

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

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, сходу напрашиваются несколько советов об оптимизации по работе с выборками:

  1. Сохранять результаты поиска (исходя из постулата выше):
    // было
    $("a.button").addClass("active");
    /* ... */
    $("a.button").click(function(){ /* ... */ });
    // стало
    var $button = $("a.button");
    $button.addClass("active");
    /* ... .*/
    $button.click(function(){ /* ... */ });
    Правильная IDE о подобных вещах знает, и будет вам время от времени подсказывать ;)
  2. Или использовать цепочки вызовов (что по сути аналогично первому правилу):
    // было
    $("a.button").addClass("active");
    $("a.button").click(function(){ /* ... */ });
    // стало
    $("a.button").addClass("active")
    .click(function(){ /* ... */ });
  3. Использовать "context" (это такой второй параметр при выборе по селектору):
    // было
    $(".content a.button");
    // стало
    $("a.button", ".content");
    $(".content").find("a.button",); // чуток быстрее
  4. Разбивать запрос на более простые составные части используя "context", и сохранять промежуточные данные (как следствие из правил №1 и №3)
    // было
    $(".content a.button");
    $(".content h3.title");
    // стало
    var $content = $(".content")
    $content.find("a.button");
    $content.find("h3.title");
  5. Использовать более "съедобные" селекторы дабы помочь функции "querySelectorAll()", т.е. если у вас нет уверенности в правильности написания селектора, или сомневаетесь в том, что все браузеры поддерживают необходимый CSS селектор, то лучше разделить "сложный" селектор на несколько более простых:
    // было
    $(".content div input:disabled");
    // стало
    $(".content div").find("input:disabled");
  6. Не использовать 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

Выводы делаем сами.

< Лекция 1 || Лекция 2 || Лекция 3 >
Наталья Маркова
Наталья Маркова
Ярослав Гаевой
Ярослав Гаевой

10 марта 2016 c 20:13 до 22:39 я сдавал экзамен. Однако, за два месяца статус не изменился: "Задание не проверено"

Когда ожидать проверки?

Руслан Жанбосынов
Руслан Жанбосынов
Россия
Дмитрий Молокоедов
Дмитрий Молокоедов
Россия, Новосибирск, НГПУ, 2009