Facebook
From Ibnu Fachrizal, 4 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 338
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:responsive='true' b:css='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection'>
  4.  
  5. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  6. <b:include data='blog' name='all-head-content'/>
  7. <meta name='theme-color' content='#efefef'/>
  8. <meta name='msapplication-navbutton-color' content='#efefef'/>
  9. <meta name='apple-mobile-web-app-capable' content='yes'/>
  10. <meta name='apple-mobile-web-app-status-bar-style' content='#efefef'/>
  11.  
  12. <!-- Title -->
  13. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
  14.         <title><data:blog.pageTitle/></title>
  15. <b:else/>
  16. <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
  17.         <title><data:blog.pageName/> - <data:blog.title/></title>
  18. <b:else/>
  19. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.pageName == &quot;&quot;'>
  20.         <title>All Posts - <data:blog.title/></title>
  21. <b:else/>
  22. <b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
  23.         <title>Page Not Found - <data:blog.title/></title>
  24. <b:else/>
  25.         <title><data:blog.pageName/></title>
  26. </b:if>
  27. </b:if>
  28. </b:if>
  29. </b:if>
  30.  
  31. <!-- Meta keywords otomatis homepage, static page, dan post -->
  32. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
  33.         <meta expr:content='data:blog.title' name='keywords'/>
  34. </b:if>    
  35. <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
  36.         <meta expr:content='data:blog.pageName' name='keywords'/>
  37. </b:if>
  38.  
  39. <!-- Noindex search page, label, dan arsip -->
  40. <b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
  41.         <meta content='noindex,nofollow' name='robots'/>
  42. </b:if>
  43.  
  44. <!-- Facebook Open Graph Tag -->
  45. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  46.   <meta expr:content='data:blog.pageName' property='og:title'/>
  47.   <meta content='article' property='og:type'/>
  48. <b:else/>
  49.   <meta expr:content='data:blog.pageTitle' property='og:title'/>
  50.   <meta content='website' property='og:type'/>
  51. </b:if>
  52. <b:if cond='data:blog.metaDescription'>
  53.   <meta expr:content='data:blog.metaDescription' property='og:description'/>
  54. </b:if>
  55. <meta expr:content='data:blog.title' property='og:site_name'/>
  56.  
  57. <b:skin><![CDATA[/*
  58. -----------------------------------------------
  59. Blogger Template Style
  60. Name:     VioToko
  61. Version:  1.4 (15 September 2018)
  62. Designer: Mas Sugeng
  63. ----------------------------------------------- */
  64.  
  65. /* Variable definitions start
  66.   ==========================
  67.   <Variable name="keycolor" description="Main Color" type="color" default="#43ce8e" value="#43ce8e"/>
  68.  
  69.   <Group description="Text Halaman" selector="body">
  70.     <Variable name="body.font" description="Font" type="font"
  71.         default="normal normal 16px Roboto, Arial, sans-serif" value="normal normal 16px Roboto, Arial, sans-serif"/>
  72.     <Variable name="body.text.color" description="Main Text Color" type="color" default="#777777" value="#777777"/>
  73.   </Group>
  74.  
  75.   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  76.     <Variable name="body.background.color" description="Body" type="color" default="#ffffff" value="#ffffff"/>
  77.     <Variable name="header.background.color" description="Header" type="color" default="#43ce8e" value="#43ce8e"/>
  78.          <Variable name="widget.background.color" description="Widget" type="color" default="#f7f7f7" value="#f7f7f7"/>
  79.          <Variable name="footer.background.color" description="Footer" type="color" default="#222222" value="#222222"/>
  80.   </Group>
  81.  
  82.   <Variable name="body.background" description="Body Background" type="background"
  83.       color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
  84.   <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
  85.  
  86.   <Group description="Links" selector=".main-outer">
  87.     <Variable name="link.color" description="Link Color" type="color" default="#43ce8e" value="#43ce8e"/>
  88.     <Variable name="link.visited.color" description="Visited Color" type="color" default="#43ce8e" value="#43ce8e"/>
  89.     <Variable name="link.hover.color" description="Hover Color" type="color" default="#444444" value="#444444"/>
  90.   </Group>
  91.  
  92.   <Group description="Judul Toko" selector=".header">
  93.     <Variable name="header.font" description="Font" type="font"
  94.         default="500 24px Roboto, Arial, sans-serif" value="500 24px Roboto, Arial, sans-serif"/>
  95.     <Variable name="header.title.color" description="Title Color" type="color" default="#ffffff"  value="#ffffff"/>
  96.   </Group>
  97.  
  98.   <Group description="Menu Navigasi" selector="#cssmenu">
  99.     <Variable name="navmenu.font" description="Font" type="font"
  100.         default="500 12px Roboto, Arial, sans-serif" value="500 12px Roboto, Arial, sans-serif"/>
  101.     <Variable name="navmenu.font.color" description="Color" type="color" default="#ffffff"  value="#ffffff"/>
  102.     <Variable name="navmenu.font.hover.color" description="Hover Color" type="color" default="#ffffff"  value="#ffffff"/>
  103.   </Group>
  104.  
  105.   <Group description="Icon Pencarian" selector=".search-icon">
  106.     <Variable name="search.icon.color" description="Color" type="color" default="#ffffff"  value="#ffffff"/>
  107.   </Group>
  108.  
  109.   <Group description="Sub Judul" selector=".daftar-produk, .judul-jasa-pengiriman">
  110.          <Variable name="subjudul.color" description="Color" type="color" default="#43ce8e" value="#43ce8e"/>
  111.          <Variable name="subjudul.border" description="Border Color" type="color" default="#43ce8e" value="#43ce8e"/>
  112.   </Group>
  113.  
  114.   <Group description="Judul Produk" selector="h2.post-title">
  115.     <Variable name="post.title.font" description="Font" type="font"
  116.         default="normal 15px Roboto, Arial, sans-serif" value="normal 15px Roboto, Arial, sans-serif"/>
  117.          <Variable name="post.title.color" description="Link Color" type="color" default="#777777" value="#777777"/>
  118.          <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#43ce8e" value="#43ce8e"/>
  119.   </Group>
  120.  
  121.   <Group description="Label Produk" selector=".status-produk">
  122.          <Variable name="promo.color" description="Promo Color" type="color" default="#ffffff" value="#ffffff"/>
  123.          <Variable name="promo.background" description="Promo Background" type="color" default="#519ae8" value="#519ae8"/>
  124.          <Variable name="stokhabis.color" description="StokHabis Color" type="color" default="#ffffff" value="#ffffff"/>
  125.          <Variable name="stokhabis.background" description="StokHabis Background" type="color" default="#e25252" value="#e25252"/>
  126.          <Variable name="terlaris.color" description="Terlaris Color" type="color" default="#ffffff" value="#ffffff"/>
  127.          <Variable name="terlaris.background" description="Terlaris Background" type="color" default="#43ce8e" value="#43ce8e"/>
  128.   </Group>
  129.  
  130.   <Group description="Harga Produk" selector=".harga-produk">
  131.     <Variable name="harga.font" description="Font" type="font"
  132.         default="500 15px Roboto, Arial, sans-serif" value="500 15px Roboto, Arial, sans-serif"/>
  133.          <Variable name="harga.color" description="Color" type="color" default="#777777" value="#777777"/>
  134.   </Group>
  135.  
  136.   <Group description="Widget" selector="#widget-footer-container">
  137.     <Variable name="widget.color" description="Color" type="color" default="#777777" value="#777777"/>
  138.          <Variable name="widget.link.color" description="Link Color" type="color" default="#43ce8e" value="#43ce8e"/>
  139.          <Variable name="widget.hover.color" description="Hover Color" type="color" default="#777777" value="#777777"/>
  140.   </Group>
  141.  
  142.   <Group description="Footer" selector="#footer-wrapper">
  143.     <Variable name="footer.color" description="Color" type="color" default="#dddddd" value="#dddddd"/>
  144.          <Variable name="footer.link.color" description="Link Color" type="color" default="#dddddd" value="#dddddd"/>
  145.          <Variable name="footer.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
  146.   </Group>
  147.  
  148.   <Group description="Back to Top" selector="#back-to-top">
  149.     <Variable name="backtp.background.color" description="Background" type="color" default="#43ce8e" value="#43ce8e"/>
  150.          <Variable name="backtp.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
  151.   </Group>  
  152.  
  153.   Variable definitions end
  154.   ========================*/
  155.  
  156. /**
  157. * Eric Meyer&#39;s Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/
  158. * http://cssreset.com
  159. */
  160. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;}
  161. /* HTML5 display-role reset for older browsers */
  162. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
  163.  
  164. /* Blogger CSS Reset */
  165. .section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
  166. .navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;}
  167. .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;}
  168.  
  169. .quickedit,.thread-toggle,.edit-post,.item-control{display:none;}
  170.  
  171. /* disable font boosting on mobile browsers */
  172. body * {
  173.  max-height: 9999999em; /* Chrome for Android */
  174.  -moz-text-size-adjust: none; /* Firefox Mobile */
  175. }
  176.  
  177. /* FRAMEWORK */
  178. strong,b{font-weight:bold;}
  179. cite,em,i{font-style:italic;}
  180. a:link{color:$(link.color);text-decoration:none;outline:none;}
  181. a:visited{color:$(link.color);text-decoration:none;}
  182. a:hover{color:$(link.hover.color);text-decoration:none;}
  183. a img{border:none;border-width:0;outline:none;}
  184. abbr,acronym{border-bottom:1px dotted;cursor:help;}
  185. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
  186. sub{top:.4em;}small{font-size:86%;}
  187. kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
  188. mark{background-color:#ffce00;color:black;}
  189. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
  190. hr{height:1px;border:none;background-color:#666;}
  191.  
  192. h1{font-size:1.8rem}
  193. h2{font-size:1.6rem}
  194. h3{font-size:1.4rem}
  195. h4{font-size:1.2rem}
  196. h5{font-size:1rem}
  197. h6{font-size:0.9rem}
  198.  
  199. /* heading */
  200. h1,h2,h3,h4,h5,h6 {
  201.         margin: 0 0 0.6em;
  202.         letter-spacing: -0.2px;
  203. }
  204.  
  205. /* list */
  206. ol,ul,dl{margin: .5em 0em .5em 3em}
  207. li{margin: .5em 0}
  208. dt{font-weight: 500}
  209. dd{margin: 0 0 .5em 2em}
  210.  
  211. /* form */
  212. input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
  213. textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  214.  
  215. /* code & blockquote */
  216. pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;}
  217. pre{white-space:pre;word-wrap:normal;overflow:auto;}
  218. blockquote{background:#f7f7f7;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:105%;}
  219. blockquote:before {
  220.    content: "\f10d";
  221.    font-family: FontAwesome;
  222.    font-style: normal;
  223.    font-weight: normal;
  224.    text-decoration: inherit;
  225.    padding-right:4px;
  226.         color:#666;
  227. }
  228.  
  229. /* table */
  230. table[border="1"] td, table[border="1"] th {
  231.         vertical-align: top;
  232.         text-align: left;
  233.         font-size: 13px;
  234.         padding: 3px 5px;
  235.         border: 1px solid #f7f7f7;
  236. }
  237. table[border="1"] th {
  238.         background: #eee;
  239. }
  240. table, img {
  241.         max-width: 100%;
  242.         height: auto;
  243. }
  244. iframe {
  245.         max-width: 100%;
  246. }
  247. td.tr-caption {
  248.         color: #777;
  249. }
  250. .clear {
  251.         clear: both;
  252. }
  253. .clear:after {
  254.         visibility: hidden;
  255.         display: block;
  256.         font-size: 0;
  257.         content: " ";
  258.         clear: both;
  259.         height: 0;
  260. }
  261.  
  262.  
  263. /* TRANSISI */
  264. a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul li.has-sub > a:before, .button:before, .button.menu-opened:after {
  265.         transition:all 0.2s;
  266.         -moz-transition:all 0.2s;
  267.         -webkit-transition:all 0.2s;
  268. }
  269.  
  270. .related-post-style-3 .related-post-item, .lihat-detail {
  271.         transition: opacity 0.2s linear;
  272. }
  273. .post-outer, .gambar-produk, .detail-produk, .deskripsi-produk, .tombol-beli, .judul-produk, .img-thumbnail, .img-thumbnail img, .label-info-th a, #share, .jasa-pengiriman img, #footer-wrapper .footer-right, #footer-wrapper .footer-left {
  274.         transition: all .2s linear;
  275.         -o-transition: all .2s linear;
  276.         -moz-transition: all .2s linear;
  277.         -webkit-transition: all .2s linear;
  278. }
  279.  
  280. #searchfs input[type="search"], h1,h2,h3,h4,h5,h6 {
  281.         transition: font-size .2s linear;
  282.         -o-transition: font-size .2s linear;
  283.         -moz-transition: font-size .2s linear;
  284.         -webkit-transition: font-size .2s linear;
  285. }
  286.  
  287. body {
  288.         background: $(body.background);
  289.         margin: 0 0 0 0;
  290.         padding: 0 0 0 0;
  291.         color: $(body.text.color);
  292.         font: $(body.font);
  293.         text-align: left;
  294. }
  295.  
  296. /* HEADER */
  297. #header-container {
  298.         background: $(header.background.color);
  299.         color: #fff;
  300.         -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  301.         box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  302.         position: fixed;
  303.         top: 0;
  304.         left: 0;
  305.         right: 0;
  306.         width: 100%;
  307.         z-index: 999;
  308. }
  309. #header-wrapper {
  310.         box-sizing: border-box;
  311.         max-width: 960px;
  312.         margin: 0 auto;
  313.         padding: 0 30px;
  314.         position: relative;
  315. }
  316. .header {
  317.         max-width: 400px;
  318.         float: left;
  319.         margin-right: 28px;
  320.         overflow: hidden;
  321.         white-space: nowrap;
  322.         text-overflow: ellipsis;
  323. }
  324. .header h1.title, .header p.title {
  325.         font: $(header.font);
  326.         color: $(header.title.color);
  327.         margin: 0;
  328.         text-transform: uppercase;
  329.         padding: 9px 0;
  330. }
  331. .header .description {
  332.         color: $(header.title.color);
  333.         margin: -10px 0 4px 0;
  334.         padding: 0;
  335.         font-size: 0.7em;
  336.         display: none;
  337. }
  338. .header a, .header a:hover  {
  339.         color: $(header.title.color);
  340. }
  341. .header img {
  342.         display:block;
  343.         width: auto;
  344.         margin: 11px 0;
  345.         max-height: 24px;
  346. }
  347.  
  348. /* WRAPPER */
  349. #wrapper {
  350.         background: #fff;
  351.         max-width: 960px;
  352.         margin: 0 auto;
  353.         padding: 80px 30px 30px;
  354.         overflow: hidden;
  355.         box-sizing: border-box;
  356. }
  357. .above-post-widget h2 {
  358.         font-size: 18px;
  359. }
  360. .above-post-widget .widget {
  361.         margin-bottom: 30px;
  362. }
  363. .above-post-widget .Image {
  364.         background: #f7f7f7;
  365. }
  366.  
  367. /* Image Widget */
  368. .above-post-widget .Image {
  369.         text-align: center;
  370. }
  371. .above-post-widget .Image h2 {
  372.         font-size: 18px;
  373.         background: $(header.background.color);
  374.         color: $(header.title.color);
  375.         margin: 0 0;
  376.         padding: 10px;
  377.         font-weight: 500;
  378.         text-transform: uppercase;
  379. }
  380. .above-post-widget .Image span.caption {
  381.         padding: 15px 10px 20px 10px;
  382.         display: block;
  383.         font-size: 18px;
  384.         line-height: 1.8;
  385. }
  386. .above-post-widget .Image img {
  387.         width: auto;
  388.         max-width: 100%;
  389. }
  390.  
  391. /* POST WRAPPER */
  392. #post-wrapper {
  393.         background: transparent;
  394.         width: 100%;
  395.         max-width: 960px;
  396.         margin: 0 0 10px;
  397. }
  398. .breadcrumbs-outer, .judul-produk-lainnya, .judul-review {
  399.         position: relative;
  400.         text-align: center;
  401.         margin-bottom: 20px;
  402.         margin: 0 0 30px 0;
  403. }
  404. .breadcrumbs-outer:before, .judul-produk-lainnya:before, .judul-review:before {
  405.         z-index: 1;
  406.         content: "";
  407.         width: 100%;
  408.         height: 2px;
  409.         position: absolute;
  410.         top: 50%;
  411.         left: 0;
  412.         margin-top: -1px;
  413. }
  414. .breadcrumbs, .judul-produk-lainnya h3, .judul-review h3 {
  415.    display: inline-block;
  416.    margin: 0;
  417.    text-transform: uppercase;
  418.    font-size: 16px;
  419.    background: #fff;
  420.    z-index: 1;
  421.    position: relative;
  422.    padding: 4px 16px;
  423.    font-weight: 500;
  424.    border: 2px solid $(subjudul.border);
  425.    border-radius: 15px;
  426.         line-height: normal;
  427. }
  428. .breadcrumbs a {
  429.         color: $(subjudul.color);
  430. }
  431. .breadcrumbs a:hover {
  432.         text-decoration: underline;
  433. }
  434. .post {
  435.         position: relative;
  436. }
  437. .post-info {
  438.         margin-bottom: 20px;
  439.         font-size: 15px;
  440.         color: #999;
  441. }
  442. .post-body {
  443.         line-height: 1.6em;
  444.         text-align: left;
  445. }
  446. h2.post-title, h1.post-title {
  447.         font: $(post.title.font);
  448. }
  449. h1.post-title {
  450.         font-size: 28px;
  451.         margin-bottom: 20px;
  452.         text-transform: uppercase;
  453.         font-weight: 500;
  454. }
  455. h2.post-title {
  456.         margin-bottom: 5px;
  457. }
  458. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
  459.         color: $(post.title.color);
  460. }
  461. h2.post-title a:hover, h1.post-title a:hover {
  462.         color: $(post.title.hover.color);
  463. }
  464. .img-thumbnail {
  465.         position: relative;
  466.    max-width: 300px;
  467.    height: 0;
  468.    padding-bottom: 125%;
  469.    width: 100%;
  470.         overflow: hidden;
  471. }
  472. .img-thumbnail img {
  473.         max-width: 300px;
  474.         width: 100%;
  475.         display: block;
  476. }
  477. .lihat-detail {
  478.         position: absolute;
  479.         bottom: 0;
  480.         background: $(link.color);
  481.         opacity: 0;
  482.         color: #fff;
  483.         padding: 5px 10px;
  484.         right: 0;
  485.         left: 0;
  486.         text-align: center;
  487.         text-transform: uppercase;
  488.         font-size: 12px;
  489.         font-weight: 500;
  490.         line-height: normal;
  491. }
  492. .img-thumbnail:hover .lihat-detail, .related-post-style-3 .related-post-item-thumbnail:hover .lihat-detail {
  493.         opacity: 1;
  494. }
  495.  
  496. /* CUSTOM WIDGET */
  497. .widget ul {
  498.         line-height:1.4em;
  499. }
  500.  
  501. /* Label */
  502. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
  503.         font-size: 100%;
  504.         opacity: 10
  505. }
  506. .cloud-label-widget-content{
  507.         text-align: left;
  508.         font-weight: 500;
  509. }
  510. .label-size {
  511.         transition: all 0.25s;
  512.         -moz-transition: all 0.25s;
  513.         -webkit-transition: all 0.25s;
  514.         line-height :1.2;
  515.         display: block;
  516.         float: left;
  517.         margin: 0 3px 3px 0;
  518.         color: $(link.color);
  519.         font-size: 12px;
  520.         text-transform: uppercase;
  521.         border: 2px solid $(widget.link.color);
  522.         border-radius: 3px;
  523. }
  524. .label-size a, .label-size span{
  525.         display: inline-block;
  526.         color: $(widget.link.color);
  527.         padding: 6px 8px;
  528. }
  529. .label-size:hover {
  530.         border: 2px solid $(widget.hover.color);
  531. }
  532. .label-size:hover a, .label-size:hover .label-count {
  533.         color: $(widget.hover.color);
  534. }
  535. .label-count {
  536.         margin-left: -16px;
  537. }
  538.  
  539. /* Feed */
  540. .Feed {
  541. }
  542. .Feed ul {
  543. }
  544. .Feed ul li {
  545.         display: block;
  546.         padding: 8px 0;
  547.         margin: 0;
  548. }
  549. .Feed .item-date, .Feed .item-author {
  550.         color: #999;
  551. }
  552. .Feed .item-title {
  553.         font-weight: 500;
  554. }
  555.  
  556. /* Popular Posts */
  557. .PopularPosts ul, .PopularPosts ul li, .PopularPosts ul li img, .PopularPosts ul li a, .PopularPosts ul li a img {
  558.         margin:0 0;
  559.         padding:0 0;
  560.         list-style:none;
  561.         border:none;
  562.         outline:none;
  563. }
  564. .PopularPosts ul {
  565.         margin: 0;
  566. }
  567. .PopularPosts ul li img {
  568.         display: block;
  569.         width: 80px;
  570.         height: 80px;
  571. }
  572. .PopularPosts ul li {
  573.         margin: 0 10px 10px 0;
  574.         display: inline-block;
  575.         vertical-align: top;
  576. }
  577. .PopularPosts ul li .item-title a {
  578.         font-weight: 500;
  579.         display: block;
  580.         padding: 5px 3px;
  581. }
  582. .PopularPosts ul li > a {
  583.         padding: 2px 6px;
  584.         margin: -3px 0;
  585.         display: block;
  586.         border: 2px solid $(widget.link.color);
  587.         border-radius: 3px;
  588.    font-size: 12px;
  589.    text-transform: uppercase;
  590. }
  591. .PopularPosts ul li > a:hover {
  592.         border: 2px solid $(widget.hover.color);
  593. }
  594. .PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {
  595. }
  596. .PopularPosts .item-content {
  597.         position: relative;
  598.         width: 80px;
  599.         margin-right: 10px;
  600. }
  601. .PopularPosts .item-title {
  602.         line-height: 1.3;
  603.         font-size: 13px;
  604.         text-align: center;
  605.         overflow: hidden;
  606. }
  607. .PopularPosts .item-thumbnail {
  608.         float: none;
  609.         margin: 0 0;
  610. }
  611. .PopularPosts .item-thumbnail:hover {
  612.         opacity: 0.9;
  613. }
  614. .PopularPosts .item-snippet {
  615.    display: none;
  616. }
  617.  
  618. /* Profile */
  619. .Profile .widget-content {
  620.         text-align: center;
  621.         background: #373737;
  622.         padding: 30px;
  623. }
  624. .Profile .profile-img {
  625.         border-radius: 50%;
  626.         float: none;
  627. }
  628. .Profile .profile-name-link {
  629.         font-size: .9em;
  630.         opacity: .87;
  631.         overflow: hidden;
  632. }
  633. .Profile .profile-link {
  634.         border-style: solid;
  635.         border-width: 2px;
  636.         cursor: pointer;
  637.         font-size: 13px;
  638.         font-weight: 500;
  639.         padding: 6px 22px;
  640.         display: inline-block;
  641.         line-height: normal;
  642.         border-radius: 3px;
  643. }
  644. .profile-textblock {
  645.         margin: .8em 0;
  646.         font-size: 14px;
  647. }
  648. .profile-img {
  649.         float: left;
  650.         display:inline;
  651.         opacity:10;
  652.         margin:0 6px 3px 0;
  653. }
  654. .profile-data {
  655.         margin: 0;
  656. }
  657. .profile-datablock {
  658.         margin: .5em 0;
  659. }
  660. .profile-name-link {
  661.         background: no-repeat left top;
  662.         box-sizing: border-box;
  663.         display: inline-block;
  664.         max-width: 100%;
  665.         min-height: 20px;
  666.         padding-left: 20px;
  667. }
  668.  
  669. /* Archive */
  670. #ArchiveList .toggle {
  671.         cursor: pointer;
  672.         font-family: Arial, sans-serif;
  673. }
  674. #ArchiveList .toggle-open {
  675.         _font-size: 1.7em;
  676.         line-height: .6em;
  677. }
  678. #ArchiveList {
  679.         text-align: left;
  680. }
  681. #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {
  682.         text-decoration: none;
  683. }
  684. #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover {
  685.         color: inherit;
  686.         text-decoration: none;
  687. }
  688. .BlogArchive #ArchiveList ul li {
  689.         background: none;
  690.         list-style: none;
  691.         list-style-image: none;
  692.         list-style-position: outside;
  693.         border-width: 0;
  694.         padding-left: 15px;
  695.         text-indent: -15px;
  696.         margin: .25em 0;
  697.         background-image: none;
  698. }
  699. .BlogArchive #ArchiveList ul ul li {
  700.         padding-left: 1.2em;
  701. }
  702. .BlogArchive #ArchiveList ul {
  703.         margin: 0;
  704.         padding: 0;
  705.         list-style: none;
  706.         list-style-image: none;
  707.         border-width: 0;
  708. }
  709. .BlogArchive #ArchiveList ul.posts li {
  710.         padding-left: 1.3em;
  711. }
  712. #ArchiveList .collapsed ul {
  713.         display: none;
  714. }
  715.  
  716. /* Back to top */
  717. #back-to-top {
  718.         background:$(backtp.background.color);
  719.         color:$(backtp.color);
  720.         padding:8px 10px;
  721.         font-size:24px;
  722.         border-radius: 22px;
  723.         box-shadow: 0 1px 2px 0 rgba(0,0,0,.15), 0 1px 1px 0 rgba(0,0,0,.30);
  724. }
  725. .back-to-top {
  726.         position: fixed !important;
  727.         position: absolute;
  728.         bottom: 25px;
  729.         right: 20px;
  730.         z-index: 998;
  731. }
  732.  
  733. /* Share button */
  734. .share-this-pleaseeeee {
  735.         display: inline-block;
  736.         margin: 0 0 10px;
  737.         text-transform: uppercase;
  738.         font-size: 14px;
  739.         z-index: 1;
  740.         position: relative;
  741. }
  742. #share-container {
  743.         margin: 10px auto 0;
  744.         overflow: hidden;
  745.         border-top: 2px dotted #ddd;
  746.         padding-top: 10px;
  747. }
  748. #share {
  749. }
  750. #share a {
  751.         width: 36px;
  752.         height: 36px;
  753.         display: inline-block;
  754.         color: #fff;
  755.         opacity: 0.8;
  756.         transition: opacity 0.15s linear;
  757.         margin: 0 5px 5px 0;
  758.         border-radius: 18px;
  759.         line-height: 16px;
  760.         text-align: center;
  761. }
  762. #share a:hover {
  763.         opacity: 1;
  764. }
  765. #share i {
  766.         position: relative;
  767.         top: 50%;
  768.         transform: translateY(-50%);
  769. }
  770. .facebook {
  771.         background: #3b5998;
  772. }
  773. .twitter {
  774.         background: #55acee;
  775. }
  776. .googleplus {
  777.         background: #dd4b39;
  778. }
  779. .linkedin {
  780.         background: #0077b5;
  781. }
  782. .pinterest {
  783.         background: #cb2027;
  784. }
  785. .whatsapp {
  786.         background: #25d366;
  787. }
  788.  
  789.  
  790. /* Status Msg */
  791.  
  792. .status-msg-wrap {
  793.         font-size: 110%;
  794.         width: 90%;
  795.         margin: 0 auto 15px;
  796.         position: relative;
  797. }
  798. .status-msg-border {
  799.         border: none;
  800.         filter: alpha(opacity=40);
  801.         -moz-opacity: .4;
  802.         opacity: .4;
  803.         width: 100%;
  804.         position: relative;
  805. }
  806. .status-msg-bg {
  807.         background-color: transparent;
  808.         opacity: .8;
  809.         filter: alpha(opacity=30);
  810.         -moz-opacity: .8;
  811.         width: 100%;
  812.         position: relative;
  813.         z-index: 1;
  814. }
  815. .status-msg-body {
  816.         text-align: center;
  817.         padding: .3em 0;
  818.         width: 100%;
  819.         position: absolute;
  820.         z-index: 4;
  821. }
  822. .status-msg-hidden {
  823.         visibility: hidden;
  824.         padding: .3em 0;
  825. }
  826. .status-msg-wrap a {
  827.         padding-left: .4em;
  828. }
  829.  
  830. /* PAGE NAVIGATION */
  831.  
  832. #blog-pager {
  833.         text-align: center;
  834.         overflow: hidden;
  835.         margin: 0 0 30px 0;
  836. }
  837. #blog-pager-newer-link a {
  838.         float:left;
  839.         display:block;
  840. }
  841. #blog-pager-older-link a {
  842.         float:right;
  843.         display:block;
  844. }
  845. #blog-pager-newer-link a, #blog-pager-older-link a {
  846.         font-weight: 500;
  847. }
  848. #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
  849. }
  850. #blog-pager .pages {
  851.         border: none;
  852. }
  853.  
  854. /* FOOTER WIDGET */
  855.  
  856.  
  857. /* SEARCH FORM */
  858. .search-icon {
  859.         position: absolute;
  860.         top: 11px;
  861.         right: 30px;
  862.         font-size: 19px;
  863. }
  864. .search-icon a {
  865.         color: $(search.icon.color);
  866. }
  867. #searchfs {
  868.         position: fixed;
  869.         z-index:9999;
  870.         top: 0px;
  871.         left: 0px;
  872.         width: 100%;
  873.         height: 100%;
  874.         background-color: rgba(0, 0, 0, 0.8);
  875.  
  876.         -webkit-transition: all 0.1s ease-in-out;
  877.         -moz-transition: all 0.1s ease-in-out;
  878.         -o-transition: all 0.1s ease-in-out;
  879.         -ms-transition: all 0.1s ease-in-out;
  880.         transition: all 0.1s ease-in-out;
  881.  
  882.         -webkit-transform: translate(0px, -100%) scale(0, 0);
  883.         -moz-transform: translate(0px, -100%) scale(0, 0);
  884.         -o-transform: translate(0px, -100%) scale(0, 0);
  885.         -ms-transform: translate(0px, -100%) scale(0, 0);
  886.         transform: translate(0px, -100%) scale(0, 0);
  887.  
  888.         opacity: 0;
  889. }
  890.  
  891. #searchfs.open {
  892.         -webkit-transform: translate(0px, 0px) scale(1, 1);
  893.         -moz-transform: translate(0px, 0px) scale(1, 1);
  894.         -o-transform: translate(0px, 0px) scale(1, 1);
  895.         -ms-transform: translate(0px, 0px) scale(1, 1);
  896.         transform: translate(0px, 0px) scale(1, 1);
  897.         opacity: 1;
  898.         z-index: 9999;
  899. }
  900.  
  901. #searchfs input[type="search"] {
  902.         position: absolute;
  903.         top: 50%;
  904.         left: 0;
  905.         margin-top: -51px;
  906.         width: 70%;
  907.         margin-left: 15%;
  908.         color: rgb(255, 255, 255);
  909.         background: transparent;
  910.         border-top: 1px solid rgba(255, 255, 255, .8);
  911.         border-bottom: 2px solid rgba(255, 255, 255, .5);
  912.         border-left: 0px solid transparent;
  913.         border-right: 0px solid transparent;
  914.         font-size: 40px;
  915.         text-align: center;
  916.         outline: none;
  917.         padding: 10px;
  918. }
  919. #searchfs .close {
  920.         position: fixed;
  921.         top: 20px;
  922.         right: 30px;
  923.         color: #fff;
  924.         background-color: transparent;
  925.         opacity: 0.8;
  926.         font-size: 40px;
  927.         border: none;
  928.         outline: none;
  929. }
  930. #searchfs .close:hover {
  931.         cursor: pointer;
  932. }
  933.  
  934. /* NAV MENU */
  935. #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
  936.         border: 0;
  937.         list-style: none;
  938.         line-height: 1;
  939.         display: block;
  940.         position: relative;
  941.         -webkit-box-sizing: border-box;
  942.         -moz-box-sizing: border-box;
  943.         box-sizing: border-box;
  944. }
  945. #cssmenu {
  946.         float: left;
  947. }
  948. #cssmenu ul {
  949.         margin: 0;
  950.         display: block;
  951. }
  952. #cssmenu:after,#cssmenu > ul:after {
  953.         content: ".";
  954.         display: block;
  955.         clear: both;
  956.         visibility: hidden;
  957.         line-height: 0;
  958.         height: 0
  959. }
  960. #cssmenu #head-mobile {
  961.         display: none
  962. }
  963. #cssmenu > ul > li {
  964.         float: left;
  965.         margin: 0;
  966. }
  967. #cssmenu > ul > li > a {
  968.         padding: 17px;
  969.         font: $(navmenu.font);
  970.         letter-spacing: 0.8px;
  971.         text-decoration: none;
  972.         text-transform: uppercase;
  973.         color: $(navmenu.font.color);
  974. }
  975. #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
  976.         color: $(navmenu.font.hover.color);
  977. }
  978. #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
  979.         background: rgba(64,64,64,0.05);
  980.         -webkit-transition: background .2s ease;
  981.         -ms-transition: background .2s ease;
  982.         transition: background .2s ease;
  983. }
  984. #cssmenu > ul > li.has-sub > a {
  985.         padding-right: 25px
  986. }
  987. #cssmenu > ul > li.has-sub > a:after {
  988.         position: absolute;
  989.         top: 22px;
  990.         right: 11px;
  991.         width: 8px;
  992.         height: 2px;
  993.         display: block;
  994.         background: $(navmenu.font.color);
  995.         content:''
  996. }
  997. #cssmenu > ul > li.has-sub > a:before {
  998.         position: absolute;
  999.         top: 19px;
  1000.         right: 14px;
  1001.         display: block;
  1002.         width: 2px;
  1003.         height: 8px;
  1004.         background: $(navmenu.font.color);
  1005.         content:'';
  1006. }
  1007. #cssmenu > ul > li.has-sub:hover > a:before {
  1008.         top: 23px;
  1009.         height: 0
  1010. }
  1011. #cssmenu ul ul {
  1012.         position: absolute;
  1013.         left: -9999px;
  1014.         z-index: 1;
  1015.         -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  1016.         box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  1017. }
  1018. #cssmenu ul ul li {
  1019.         height: 0;
  1020.         background :#f7f7f7;
  1021.         margin: 0;
  1022. }
  1023. #cssmenu ul ul li:hover {
  1024.         background: #efefef;
  1025. }
  1026. #cssmenu li:hover > ul {
  1027.         left: auto
  1028. }
  1029. #cssmenu li:hover > ul > li {
  1030.         height: 33px
  1031. }
  1032. #cssmenu ul ul ul{
  1033.         margin-left: 100%;
  1034.         top: 0
  1035. }
  1036. #cssmenu ul ul li a {
  1037.         border-bottom: 1px solid rgba(150,150,150,0.15);
  1038.         padding: 10px 25px 10px 15px;
  1039.         max-width: 100%;
  1040.         min-width: 150px;
  1041.         font-size: 12px;
  1042.         text-decoration: none;
  1043.         color: #888;
  1044.         font-weight: 400;
  1045.         white-space: nowrap;
  1046.         text-overflow: ellipsis;
  1047.         overflow: hidden;
  1048. }
  1049. #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
  1050.         border-bottom: 0
  1051. }
  1052.  
  1053. #cssmenu ul ul li.has-sub > a:after {
  1054.         position: absolute;
  1055.         top: 16px;
  1056.         right: 11px;
  1057.         width: 8px;
  1058.         height: 2px;
  1059.         display: block;
  1060.         background: #888;
  1061.         content:''
  1062. }
  1063. #cssmenu ul ul li.has-sub > a:before {
  1064.         position: absolute;
  1065.         top: 13px;
  1066.         right: 14px;
  1067.         display: block;
  1068.         width: 2px;
  1069.         height: 8px;
  1070.         background: #888;
  1071.         content:'';
  1072. }
  1073. #cssmenu ul ul > li.has-sub:hover > a:before {
  1074.         top: 17px;
  1075.         height: 0
  1076. }
  1077. #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
  1078.         background: #efefef;
  1079. }
  1080. #cssmenu ul ul ul li.active a {
  1081.         border-left:1px solid #333
  1082. }
  1083. #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
  1084.         border-top: 1px solid #333
  1085. }
  1086.  
  1087. @media screen and (min-width:801px){
  1088.         #cssmenu ul {
  1089.                 display: block !important;
  1090.         }
  1091. }
  1092. @media screen and (max-width:800px){
  1093.         #cssmenu {
  1094.                 float: none;
  1095.         }
  1096.         #cssmenu ul {
  1097.                 background: #f7f7f7;
  1098.                 width: 100%;
  1099.                 display: none
  1100.         }
  1101.         #cssmenu ul ul {
  1102.                 -webkit-box-shadow: none;
  1103.                 box-shadow: none;
  1104.                 display:none;
  1105.         }
  1106.         #cssmenu ul li {
  1107.                 width: 100%;
  1108.                 border-top: 1px solid #efefef;
  1109.                 background: #f7f7f7;
  1110.         }
  1111.         #cssmenu ul ul li, #cssmenu li:hover > ul > li {
  1112.                 height: auto
  1113.         }
  1114.         #cssmenu ul li a, #cssmenu ul ul li a {
  1115.                 width: 100%;
  1116.                 border-bottom: 0;
  1117.                 color: #888 !important;
  1118.         }
  1119.         #cssmenu > ul > li {
  1120.                 float: none
  1121.         }
  1122.         #cssmenu ul ul li a {
  1123.                 padding-left: 25px
  1124.         }
  1125.         #cssmenu ul ul ul li a {
  1126.                 padding-left: 35px
  1127.         }
  1128.         #cssmenu ul ul, #cssmenu ul ul ul{
  1129.                 position: relative;
  1130.                 left: 0;
  1131.                 width: 100%;
  1132.                 margin: 0;
  1133.                 text-align: left
  1134.         }
  1135.         #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before{
  1136.                 display: none
  1137.         }
  1138.         #cssmenu #head-mobile {
  1139.                 display: block;
  1140.                 padding: 23px;
  1141.                 color: #fff;
  1142.                 font-size: 12px;
  1143.                 font-weight: 500
  1144.         }
  1145.         .button {
  1146.                 width: 20px;
  1147.                 height: 46px;
  1148.                 position: absolute;
  1149.                 right: 0;
  1150.                 top: 0;
  1151.                 cursor: pointer;
  1152.                 z-index: 2;
  1153.         }
  1154.         .button:after {
  1155.                 position: absolute;
  1156.                 top: 21px;
  1157.                 right: 0px;
  1158.                 display: block;
  1159.                 height: 4px;
  1160.                 width: 20px;
  1161.                 border-top: 3px solid $(search.icon.color);
  1162.                 border-bottom: 3px solid $(search.icon.color);
  1163.                 content:''
  1164.         }
  1165.         .button:before {
  1166.                 position: absolute;
  1167.                 top: 14px;
  1168.                 right: 0px;
  1169.                 display: block;
  1170.                 height: 3px;
  1171.                 width: 20px;
  1172.                 background: $(search.icon.color);
  1173.                 content:''
  1174.         }
  1175.         .button.menu-opened:after {
  1176.                 top: 21px;
  1177.                 border: 0;
  1178.                 height: 3px;
  1179.                 width: 20px;
  1180.                 background: $(navmenu.font.color);
  1181.                 -webkit-transform: rotate(45deg);
  1182.                 -moz-transform: rotate(45deg);
  1183.                 -ms-transform: rotate(45deg);
  1184.                 -o-transform: rotate(45deg);
  1185.                 transform: rotate(45deg)
  1186.         }
  1187.         .button.menu-opened:before {
  1188.                 top: 21px;
  1189.                 background: $(navmenu.font.color);
  1190.                 width: 20px;
  1191.                 -webkit-transform: rotate(-45deg);
  1192.                 -moz-transform: rotate(-45deg);
  1193.                 -ms-transform: rotate(-45deg);
  1194.                 -o-transform: rotate(-45deg);
  1195.                 transform: rotate(-45deg)
  1196.         }
  1197.         #cssmenu .submenu-button {
  1198.                 position: absolute;
  1199.                 z-index: 99;
  1200.                 right: 0;
  1201.                 top: 0;
  1202.                 display: block;
  1203.                 border-left: 1px solid #efefef;
  1204.                 height: 38px;
  1205.                 width: 38px;
  1206.                 cursor: pointer
  1207.         }
  1208.         #cssmenu .submenu-button.submenu-opened {
  1209.                 background: rgba(64,64,64,0.05);
  1210.         }
  1211.         #cssmenu ul ul .submenu-button {
  1212.                 height: 32px;
  1213.                 width: 32px
  1214.         }
  1215.         #cssmenu .submenu-button:after {
  1216.                 position: absolute;
  1217.                 top: 19px;
  1218.                 right: 16px;
  1219.                 width: 8px;
  1220.                 height: 2px;
  1221.                 display: block;
  1222.                 background: #888;
  1223.                 content:''
  1224.         }
  1225.         #cssmenu ul ul .submenu-button:after {
  1226.                 top: 15px;
  1227.                 right: 13px
  1228.         }
  1229.         #cssmenu .submenu-button.submenu-opened:after {
  1230.                 background: #888
  1231.         }
  1232.         #cssmenu .submenu-button:before {
  1233.                 position: absolute;
  1234.                 top: 16px;
  1235.                 right: 19px;
  1236.                 display: block;
  1237.                 width: 2px;
  1238.                 height: 8px;
  1239.                 background: #888;
  1240.                 content:''
  1241.         }
  1242.         #cssmenu ul ul .submenu-button:before{
  1243.                 top: 12px;
  1244.                 right: 16px
  1245.         }
  1246.         #cssmenu .submenu-button.submenu-opened:before{
  1247.                 display: none
  1248.         }
  1249.         #cssmenu ul ul ul li.active a{
  1250.                 border-left: none
  1251.         }
  1252.         #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{
  1253.                 border-top: none
  1254.         }
  1255. }
  1256.  
  1257. /* RELATED POSTS */
  1258. .related-post {
  1259.         margin: 30px auto 0;
  1260.         overflow: hidden;
  1261. }
  1262. .related-post h3:before {
  1263.         content: "Produk Lainnya"
  1264. }
  1265. .related-post ul {
  1266. }
  1267.  
  1268. /* Style 3 */
  1269. .related-post-style-3,
  1270. .related-post-style-3 li {
  1271.         margin: 0;
  1272.         padding: 0;
  1273.         list-style: none;
  1274.         word-wrap: break-word;
  1275.         overflow: hidden;
  1276. }
  1277. .related-post-style-3 .related-post-item {
  1278.         float: left;
  1279.         width: 23.5%;
  1280.         height: auto;
  1281.         margin-right: 2%;
  1282.         margin-bottom: 10px;
  1283. }
  1284. .related-post-style-3 .related-post-item:nth-of-type(4n+0) {
  1285.         margin-right: 0;
  1286. }
  1287. .related-post-style-3 .related-post-item:nth-of-type(4n+1) {
  1288.         clear: both;
  1289. }
  1290. .related-post-style-3 .related-post-item-thumbnail {
  1291.         position: relative;
  1292.         display: block;
  1293.         height: 0;
  1294.         padding-bottom: 125%;
  1295.         overflow: hidden;
  1296. }
  1297. .related-post-style-3 .related-post-item-tooltip {
  1298.         font-size: 15px;
  1299.         padding: 10px;
  1300.         background: #f7f7f7;
  1301.         text-align: center;
  1302. }
  1303. .related-post-item-tooltip .related-post-item-title {
  1304.         display: block;
  1305.         color: $(body.text.color);
  1306.         font-weight: 500;
  1307. }
  1308. @media only screen and (max-width:480px){
  1309.         .related-post-style-3 .related-post-item {
  1310.                 width: 48%;
  1311.                 margin-right: 4%;
  1312.                 margin-bottom: 4%;
  1313.         }
  1314.         .related-post-style-3 .related-post-item:nth-of-type(2n+0) {
  1315.                 margin-right: 0;
  1316.         }
  1317.         .related-post-style-3 .related-post-item:nth-of-type(2n+1) {
  1318.                 clear: both;
  1319.         }
  1320. }
  1321.  
  1322. .artikel-terbaru ul li, .list-label-widget-content ul li, .LinkList ul li, .PageList ul li {
  1323.    margin: 10px 0 !important;
  1324.    border-bottom: 1px dotted $(footer.color);
  1325.    padding-bottom: 5px;
  1326. }
  1327. .artikel-terbaru ul li:before, .list-label-widget-content ul li:before, .LinkList ul li:before, .PageList ul li:before {
  1328.    content: "\f14b";
  1329.    font-family: FontAwesome;
  1330.    font-style: normal;
  1331.    font-weight: normal;
  1332.    text-decoration: inherit;
  1333.         margin-right: 6px;
  1334. }
  1335. .artikel-terbaru ul li:before {
  1336.    content: "\f14b";
  1337. }
  1338. .list-label-widget-content ul li:before {
  1339.    content: "\f07b";
  1340. }
  1341. .LinkList ul li:before {
  1342.         content: "\f14c";
  1343. }
  1344. .PageList ul li:before {
  1345.         content: "\f249";
  1346. }
  1347.  
  1348. .contact-form-success-message, .contact-form-error-message {
  1349.         background: #f9edbe;
  1350.         border: 0 solid #f0c36d;
  1351.         font-size: 14px;
  1352.         text-align: center;
  1353.         max-width: 500px;
  1354.         border-radius: 3px;
  1355. }
  1356. .contact-form-success-message-with-border, .contact-form-error-message-with-border {
  1357.         background: #f9edbe;
  1358.         border: 1px solid #f0c36d;
  1359.         font-size: 14px;
  1360.         text-align: center;
  1361.         max-width: 600px;
  1362.         border-radius: 3px;
  1363.         box-sizing: border-box;
  1364.         padding: 5px 10px;
  1365. }
  1366. .contact-form-cross {
  1367.         height: 11px;
  1368.         margin: 0 5px;
  1369.         vertical-align: -8.5%;
  1370.         width: 11px;
  1371. }
  1372. .contact-form-email, .contact-form-name {
  1373.         color: inherit;
  1374.         height: 40px;
  1375.         margin-top: 5px;
  1376.         max-width: 300px;
  1377.         width: 100%;
  1378.         padding: 0 15px;
  1379.         border-radius: 3px;
  1380.         border: 1px solid #cacaca;
  1381.         box-sizing: border-box;
  1382. }
  1383. .contact-form-email-message {
  1384.         color: inherit;
  1385.         margin-top: 5px;
  1386.         vertical-align: top;
  1387.         max-width: 600px;
  1388.         width: 100%;
  1389.         border-radius: 3px;
  1390.         border: 1px solid #cacaca;
  1391.         padding: 15px;
  1392. }
  1393. .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
  1394.         outline: none;
  1395.         border: 1px solid $(link.color);
  1396. }
  1397. .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
  1398.         outline: none;
  1399.         border: 1px solid $(link.color);
  1400. }
  1401. .contact-form-name, .contact-form-email, .contact-form-email-message {
  1402.         background: #f7f7f7;
  1403. }
  1404. .contact-form-button {
  1405.         display: block;
  1406.         font-size: 14px;
  1407.         line-height: 24px;
  1408.         padding: 5px 20px;
  1409.         margin: 30px 0;
  1410.         text-align: center;
  1411.         border: none;
  1412.         background: $(link.color);
  1413.         color: #fff;
  1414.         border-radius: 3px;
  1415.         font-weight: 500;
  1416. }
  1417. .contact-form-button:hover, .contact-form-button.hover {
  1418.         cursor: pointer;
  1419.         outline: none;
  1420.         opacity: .85;
  1421. }
  1422. .contact-form-button.focus, .contact-form-button.right.focus, .contact-form-button.mid.focus, .contact-form-button.left.focus {
  1423.         outline: none;
  1424. }
  1425. .contact-form-button-submit:focus, .contact-form-button-submit.focus {
  1426.         outline: none;
  1427.         opacity: .85;
  1428. }
  1429. .swajib {
  1430.         font-weight: bold;
  1431.         color: #e85e5e;
  1432. }
  1433. .ctitles {
  1434.         font-weight: 500;
  1435.         display: block;
  1436.         margin: 30px 0 0;
  1437. }
  1438.  
  1439.  
  1440. /* COMMENT FORM */
  1441. .comments {
  1442.         clear:both;
  1443.         margin-top:30px;
  1444.         margin-bottom:0;
  1445. }
  1446. .comments h3 {
  1447. }
  1448. #comments-block {
  1449.         margin: 15px 0;
  1450. }
  1451. .comment-body {
  1452.         padding: 15px 0;
  1453.         margin: 0 0;
  1454. }
  1455. .comment-body p {
  1456.         margin: 0;
  1457. }
  1458. .comment-form {
  1459.         overflow:hidden;
  1460.         margin-top: 20px;
  1461. }
  1462. .comment-footer {
  1463.         margin: 0 0 30px;
  1464. }
  1465. #comments-block .avatar-image-container {
  1466.         display: none;
  1467. }
  1468. h4#comment-post-message {
  1469.         display:none;
  1470.         margin:0 0 0 0;
  1471. }
  1472. .comments .comments-content{
  1473.         font-size:14px;
  1474.         margin-bottom: 30px
  1475. }
  1476. .comments .comments-content .comment-thread ol{
  1477.         text-align:left;
  1478.         margin: 0 0;
  1479.         padding:0;
  1480.         list-style: none;
  1481. }
  1482. .comment .avatar-image-container {
  1483.         float: left;
  1484.         max-height: 36px;
  1485.         overflow: hidden;
  1486.         width: 36px;
  1487. }
  1488. .comments .avatar-image-container img {
  1489.         max-width: 34px;
  1490.         border-radius: 17px;
  1491. }
  1492. .comments .comment-block{
  1493.         position:relative;
  1494.         background:#f7f7f7;
  1495.         padding:20px;
  1496.         margin-left:45px;
  1497.         border:2px solid #efefef;
  1498.         border-radius: 10px;
  1499. }
  1500. .comments .comments-content .comment-replies{
  1501.         margin:10px 0;
  1502.         margin-left:45px
  1503. }
  1504. .comments .comments-content .comment-thread:empty{
  1505.         display:none
  1506. }
  1507. .comments .comment-replybox-single {
  1508.         margin-left:45px
  1509. }
  1510. .comments .comment-replybox-thread {
  1511. }
  1512. iframe#comment-editor {
  1513.         min-height: 220px;
  1514. }
  1515. .comments .comments-content .comment{
  1516.         margin-bottom:6px;
  1517.         padding:0
  1518. }
  1519. .comments .comments-content .comment:first-child {
  1520.         padding:0;
  1521.         margin:0
  1522. }
  1523. .comments .comments-content .comment:last-child {
  1524.         padding:0;
  1525.         margin:0
  1526. }
  1527. .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
  1528.         margin:0px 0px 5px 12%
  1529. }
  1530. .comment .comment-thread.inline-thread .comment:nth-child(6) {
  1531.         margin:0px 0px 5px 10%;
  1532. }
  1533. .comment .comment-thread.inline-thread .comment:nth-child(5) {
  1534.         margin:0px 0px 5px 8%;
  1535. }
  1536. .comment .comment-thread.inline-thread .comment:nth-child(4) {
  1537.         margin:0px 0px 5px 6%;
  1538. }
  1539. .comment .comment-thread.inline-thread .comment:nth-child(3) {
  1540.         margin:0px 0px 5px 4%;
  1541. }
  1542. .comment .comment-thread.inline-thread .comment:nth-child(2) {
  1543.         margin:0px 0px 5px 2%;
  1544. }
  1545. .comment .comment-thread.inline-thread .comment:nth-child(1) {
  1546.         margin:0px 0px 5px 0;
  1547. }
  1548. .comments .comments-content .comment-thread{
  1549.         margin:0;
  1550.         padding:0
  1551. }
  1552. .comments .comments-content .inline-thread{
  1553.         background:#fff;
  1554.         margin:0
  1555. }
  1556. .comments .comments-content .icon.blog-author {
  1557.         display:inline;
  1558.         height: 18px;
  1559.         margin: 0 0 -4px 6px;
  1560.         width: 18px;
  1561. }
  1562. .comments .comments-content .icon.blog-author:after {
  1563.         content:"\f058";
  1564.         font-family: FontAwesome;
  1565.         font-style: normal;
  1566.         font-weight: normal;
  1567.         text-decoration: inherit;
  1568.         padding-right:4px;
  1569.         color:$(link.color);
  1570. }
  1571. .comments .comments-content .comment-header {
  1572.         font-size:14px;
  1573.         margin: 0 0 15px;
  1574. }
  1575. .comments .comments-content .comment-content {
  1576.         margin: 0 0 15px;
  1577.         line-height: 1.6;
  1578. }
  1579. .comments .comments-content .datetime {
  1580.         margin-left: 6px;
  1581.         display: none;
  1582. }
  1583. .comments .comments-content .datetime a {
  1584.         color:#bbbbbb;
  1585. }
  1586. .comments .comments-content .user {
  1587.         font-weight: 500;
  1588.         font-style: normal;
  1589. }
  1590. .comments .comment .comment-actions a {
  1591.         display: inline-block;
  1592.         font-weight: 500;
  1593.         font-size: 13px;
  1594.         line-height: 15px;
  1595.         margin: 4px 8px 0 0;
  1596. }
  1597. .comments .continue a {
  1598.         display: inline-block;
  1599.         font-weight: 500;
  1600.         padding: .5em;
  1601. }
  1602. .comments .comment .comment-actions a:hover, .comments .continue a:hover{
  1603.         text-decoration:underline;
  1604. }
  1605. .pesan-komentar {
  1606.         padding: 0 8px;
  1607.         font-weight: 500;
  1608. }
  1609. .pesan-komentar p {
  1610.         margin: 5px 0;
  1611. }
  1612. .comments .comments-content .loadmore {
  1613.         max-height: 0;
  1614.         opacity: 0;
  1615.         overflow: hidden;
  1616. }
  1617. .comments .comments-content .loadmore a {
  1618.         display: block;
  1619.         padding: 10px 16px;
  1620.         text-align: center;
  1621. }
  1622. .deleted-comment {
  1623.         font-style: italic;
  1624.         opacity: .5;
  1625. }
  1626.  
  1627. /* FOOTER WIDGET */
  1628. #widget-footer-container {
  1629.         background: $(widget.background.color);
  1630.         padding: 0 30px;
  1631.         overflow: hidden;
  1632.         line-height: 1.6em;
  1633. }
  1634. #widget-footer-wrapper {
  1635.         margin: 0 auto;
  1636.         max-width: 900px;
  1637.         color: $(widget.color);
  1638. }
  1639. #widget-footer-wrapper .widget {
  1640.         margin: 30px 0;
  1641. }
  1642. #widget-footer-wrapper .widget a {
  1643.         color: $(widget.link.color);
  1644. }
  1645. #widget-footer-wrapper .widget a:hover {
  1646.         color: $(widget.hover.color);
  1647. }
  1648. #widget-footer-wrapper .widget ul, #widget-footer-wrapper .widget ol {
  1649.         list-style: none;
  1650.         margin: 0 0;
  1651. }
  1652. #widget-footer-wrapper .widget ul li, #widget-footer-wrapper .widget ol li {
  1653.         font-weight: 500;
  1654.         margin: 0.3em 0;
  1655. }
  1656. #widget-footer-wrapper h2 {
  1657.         font-size: 16px;
  1658.         font-weight: 500;
  1659.         text-transform: uppercase;
  1660.         margin-bottom: 20px;
  1661. }
  1662. #widget-footer1 {
  1663.         width: 34%;
  1664.         float: left;
  1665.         padding-right: 20px;
  1666.         box-sizing: border-box;
  1667. }
  1668. #widget-footer2 {
  1669.         width: 32%;
  1670.         float: left;
  1671. }
  1672. #widget-footer3 {
  1673.         width: 34%;
  1674.         float: right;
  1675.         padding-left: 20px;
  1676.         box-sizing: border-box;
  1677. }
  1678.  
  1679. /* FOOTER */
  1680. #footer-container {
  1681.         background: $(footer.background.color);
  1682.         padding: 20px 30px;
  1683.         overflow: hidden;
  1684.         color: $(footer.color);
  1685.         font-size: 13px;
  1686.         text-align: center;
  1687. }
  1688. #footer-wrapper {
  1689.         max-width: 900px;
  1690.         margin: 0 auto;
  1691.         overflow: hidden;
  1692. }
  1693. #footer-wrapper .footer-right {
  1694.         float: right;
  1695. }
  1696. #footer-wrapper .footer-left {
  1697.         float: left;
  1698. }
  1699. #footer-wrapper a {
  1700.         color: $(footer.link.color);
  1701. }
  1702. #footer-wrapper a:hover {
  1703.         color: $(footer.hover.color);
  1704. }
  1705.  
  1706. /* Online Shop CSS */
  1707. .daftar-produk, .judul-jasa-pengiriman {
  1708.         position: relative;
  1709.         text-align: center;
  1710.         margin-bottom: 20px;
  1711. }
  1712. .daftar-produk, .judul-jasa-pengiriman, .breadcrumbs-outer, .judul-produk-lainnya, .judul-review {
  1713.         color: $(subjudul.color);
  1714. }
  1715. .daftar-produk {
  1716.         margin-bottom: 30px;
  1717. }
  1718. .judul-jasa-pengiriman {
  1719.         margin: 0 0 30px 0;
  1720. }
  1721. .daftar-produk:before, .judul-jasa-pengiriman:before {
  1722.         z-index: 1;
  1723.         content: "";
  1724.         width: 100%;
  1725.         height: 2px;
  1726.         position: absolute;
  1727.         top: 50%;
  1728.         left: 0;
  1729.         margin-top: -1px;
  1730. }
  1731. .daftar-produk:before, .judul-jasa-pengiriman:before, .breadcrumbs-outer:before, .judul-produk-lainnya:before, .judul-review:before {
  1732.         background: $(subjudul.border);
  1733. }
  1734. .daftar-produk h2, .judul-jasa-pengiriman h4 {
  1735.    display: inline-block;
  1736.    margin: 0;
  1737.    text-transform: uppercase;
  1738.    font-size: 16px;
  1739.    background: #fff;
  1740.    z-index: 1;
  1741.    position: relative;
  1742.    padding: 4px 16px;
  1743.    font-weight: 500;
  1744.    border: 2px solid $(subjudul.border);
  1745.    border-radius: 15px;
  1746. }
  1747. .harga-produk {
  1748.         font: $(harga.font);
  1749.         color: $(harga.color);
  1750. }
  1751. .status-produk {
  1752.    position: absolute;
  1753.    top: 4px;
  1754.    left: 0;
  1755. }
  1756. .promo, .produk-terlaris, .stok-habis {
  1757.         position: relative;
  1758.    padding: 0 8px;
  1759.         margin-bottom: 4px;
  1760.    color: #fff;
  1761.    font-size: 12px;
  1762.    text-transform: uppercase;
  1763.    font-weight: 500;
  1764.         height: 24px;
  1765.    line-height: 24px;
  1766. }
  1767. .promo {
  1768.         color: $(promo.color);
  1769.         background: $(promo.background);
  1770. }
  1771. .produk-terlaris {
  1772.         color: $(terlaris.color);
  1773.    background: $(terlaris.background);
  1774. }
  1775. .stok-habis {
  1776.         color: $(stokhabis.color);
  1777.    background: $(stokhabis.background);
  1778. }
  1779. .promo:after {
  1780.         border-left: 8px solid $(promo.background);
  1781. }
  1782. .produk-terlaris:after {
  1783.    border-left: 8px solid $(terlaris.background);
  1784. }
  1785. .stok-habis:after {
  1786.         border-left: 8px solid $(stokhabis.background);
  1787. }
  1788. .stok-habis:after, .produk-terlaris:after, .promo:after, .ini-artikel:after {
  1789.         content: "";
  1790.         border-top: 12px solid transparent;
  1791.         border-right: 8px solid transparent;
  1792.         border-bottom: 12px solid transparent;
  1793.         position: absolute;
  1794.         top: 0;
  1795.         right: -16px;
  1796. }
  1797. .tombol-beli {
  1798.         margin: 20px 0;
  1799. }
  1800. .beli-lewat-chat {
  1801.    overflow: hidden;
  1802.    padding-top: 10px;
  1803. }
  1804. .beli-lewat-chat h3 {
  1805.         font-size: 15px;
  1806.    font-weight: 500;
  1807.    text-transform: uppercase;
  1808.         margin-bottom: 5px;
  1809. }
  1810. .beli-lewat-chat a, .chat-wa, .chat-sms, .chat-phone {
  1811.         display: inline-block;
  1812.         margin: 5px 5px 5px 0;
  1813.         padding: 4px 15px;
  1814.         border-radius: 18px;
  1815.         font-weight: 500;
  1816.         background: $(link.hover.color);
  1817.         color: #fff;
  1818. }
  1819. .beli-lewat-chat a:hover, .chat-wa:hover, .chat-sms:hover {
  1820.    background: $(link.color);
  1821. }
  1822. .beli-lewat-chat a i, .chat-wa i, .chat-sms i, .chat-phone i {
  1823.         margin-right: 3px;
  1824. }
  1825. .chat-sms i {
  1826.         font-size: 15px;
  1827. }
  1828. #jasa-pengiriman-widget {
  1829.         font-size: 18px;
  1830. }
  1831. .jasa-pengiriman {
  1832.         text-align: center;
  1833. }
  1834. .jasa-pengiriman span {
  1835.         background-image: url(https://4.bp.blogspot.com/-n48Smor3gDM/WtoQMCimDFI/AAAAAAAAGaU/rqDENl6nV4cyt6gltr23VhAKror_vhTfgCLcBGAs/s1600/logo-pengiriman.png);
  1836.         display: inline-block;
  1837.         margin: 2px 3px;
  1838.         border: 2px solid #eaeaea;
  1839.         border-radius: 3px;
  1840. }
  1841. .jdant {
  1842.    width: 135px; height: 60px;
  1843.    background-position: -205px -10px;
  1844. }
  1845. .jne {
  1846.    width: 122px; height: 60px;
  1847.    background-position: -205px -90px;
  1848. }
  1849. .posindonesia {
  1850.    width: 85px; height: 60px;
  1851.    background-position: -140px -170px;
  1852. }
  1853. .sicepat {
  1854.    width: 145px; height: 60px;
  1855.    background-position: -10px -90px;
  1856. }
  1857. .tiki {
  1858.    width: 175px; height: 60px;
  1859.    background-position: -10px -10px;
  1860. }
  1861. .wahana {
  1862.    width: 110px; height: 60px;
  1863.    background: url('css_sprites.png') -10px -170px;
  1864. }
  1865.  
  1866. /* MEDIA QUERY */
  1867. @media only screen and (max-width:1080px){
  1868.         #wrapper {
  1869.                 margin: 0 auto;
  1870.         }
  1871.         #header-wrapper {
  1872.                 padding-left: 30px;
  1873.                 padding-right: 30px;
  1874.         }
  1875.         .sticky-mobile {
  1876.                 margin-right: 30px;
  1877.         }
  1878.         .search-icon {
  1879.                 right: 30px;
  1880.         }
  1881. }
  1882. @media only screen and (max-width:800px){
  1883.         #header-wrapper {
  1884.                 padding-left: 0px;
  1885.                 padding-right: 0px;
  1886.                 position: relative;
  1887.         }
  1888.         #wrapper {
  1889.                 padding: 70px 20px 20px;
  1890.         }
  1891.         #widget-footer-container {
  1892.                 padding: 0 20px;
  1893.         }
  1894.         #widget-footer1 {
  1895.                 width: 100%;
  1896.                 float: none;
  1897.                 padding-right: 0;
  1898.         }
  1899.         #widget-footer2 {
  1900.                 width: 100%;
  1901.                 float: none;
  1902.         }
  1903.         #widget-footer3 {
  1904.                 width: 100%;
  1905.                 float: none;
  1906.                 padding-left: 0px;
  1907.         }
  1908.         #footer-container {
  1909.                 padding: 20px 20px;
  1910.         }
  1911.         #cssmenu > ul > li > a {
  1912.                 padding: 12px 20px;
  1913.         }
  1914.         .button {
  1915.                 margin-right: 20px;
  1916.         }
  1917.         .header {
  1918.                 max-width: 100%;
  1919.                 position: absolute;
  1920.                 top: 0;
  1921.                 left: 20px;
  1922.                 z-index: 1;
  1923.         }
  1924.         .search-icon {
  1925.                 right: 55px;
  1926.         }
  1927.         .jasa-pengiriman img {
  1928.                 height: 50px;
  1929.         }
  1930. }
  1931.  
  1932. @media only screen and (max-width:640px){
  1933.         #cssmenu > ul > li > a {
  1934.                 padding: 12px 20px;
  1935.         }
  1936.         .button {
  1937.                 margin-right: 20px;
  1938.         }
  1939.         .header {
  1940.                 left: 20px;
  1941.         }
  1942.         #post-wrapper {
  1943.                 float:none;
  1944.                 width:100%;
  1945.                 max-width:100%
  1946.         }
  1947.         .search-icon {
  1948.                 right: 60px;
  1949.         }
  1950. }
  1951.  
  1952. @media only screen and (max-width:480px){
  1953.         #wrapper {
  1954.                 padding: 65px 15px 15px;
  1955.         }
  1956.         .header {
  1957.                 max-width: 70%;
  1958.                 left: 15px;
  1959.         }
  1960.         #widget-footer-container {
  1961.                 padding: 0 15px;
  1962.         }
  1963.         .button {
  1964.                 margin-right: 15px;
  1965.         }
  1966.         .search-icon {
  1967.                 right: 55px;
  1968.         }
  1969.         .post-body a > img {
  1970.                 width: 100%;
  1971.         }
  1972.         h1{font-size:170%
  1973.         }
  1974.         h2{font-size:150%
  1975.         }
  1976.         h3{font-size:130%
  1977.         }
  1978.         h4{font-size:120%
  1979.         }
  1980.         h5{font-size:110%
  1981.         }
  1982.         h6{font-size:100%
  1983.         }
  1984.         .comments .comments-content .comment-replies{
  1985.                 margin-left:20px !important;
  1986.         }
  1987.         .comments .comment-block {
  1988.                 padding: 15px !important;
  1989.         }
  1990.         .comment .comment-thread.inline-thread .comment {
  1991.                 margin: 0 0 0 0 !important;
  1992.         }
  1993.         iframe#comment-editor {
  1994.                 min-height: 270px;
  1995.         }
  1996.         h1.post-title {
  1997.                 font-size: 22px;
  1998.         }
  1999.         #searchfs input[type="search"] {
  2000.                 font-size: 26px;
  2001.         }
  2002.         #footer-wrapper .footer-right, #footer-wrapper .footer-left {
  2003.                 float: none;
  2004.                 margin: 5px 0;
  2005.         }
  2006.         .jasa-pengiriman img {
  2007.                 height: 40px;
  2008.         }
  2009. }
  2010.  
  2011.  
  2012. ]]></b:skin>
  2013.  
  2014. <b:if cond='data:blog.searchLabel == &quot;Artikel&quot;'>
  2015. .post-outer {
  2016.     width: 100% !important;
  2017.     margin-bottom: 20px !important;
  2018.     padding: 0 0 !important;
  2019.     box-sizing: border-box;
  2020.     float: none !important;
  2021. }
  2022. .produk-info-container {
  2023.     background: #f7f7f7;
  2024.     padding: 20px !important;
  2025.     text-align: left !important;
  2026.     max-height: none !important;
  2027. }
  2028. .img-thumbnail {
  2029.         position: relative;
  2030.         max-width: 80px !important;
  2031.         height: auto !important;
  2032.         padding-bottom: 0 !important;
  2033.         width: 80px;
  2034.         float: left;
  2035. }
  2036. .img-thumbnail img {
  2037.         max-width: 80px !important;
  2038.         width: 100%;
  2039.         display: block;
  2040. }
  2041. .img-thumbnail, .status-msg-wrap, .ini-artikel {
  2042.         display: none !important;
  2043. }
  2044. .produk-info {
  2045.         font-weight: normal;
  2046.         height: auto !important;
  2047. }
  2048. h2.post-title {
  2049.         font-size: 26px;
  2050.         font-weight: 500;
  2051.         margin-bottom: 10px;
  2052. }
  2053. .post-snippet, .readmoreartikel {
  2054.         display: block !important;
  2055. }
  2056. @media only screen and (max-width:480px){
  2057.         h2.post-title {
  2058.                 font-size: 20px;
  2059.         }
  2060. }
  2061. </b:if>
  2062.  
  2063.  
  2064. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2065. .post-outer {
  2066.         width: 22.75%;
  2067.         margin-bottom: 3%;
  2068.         margin-right: 3%;
  2069.         float: left;
  2070. }
  2071. .blog-posts .post-outer:nth-of-type(4n+0) {
  2072.         margin-right: 0;
  2073. }
  2074. .blog-posts .post-outer:nth-of-type(4n+1) {
  2075.         clear: both;
  2076. }
  2077. .post {
  2078.         position: relative;
  2079. }
  2080. .produk-info {
  2081.     line-height: 28px;
  2082.         height: 28px;
  2083.         overflow: hidden;
  2084. }
  2085. .produk-info-container {
  2086.         background: #f7f7f7;
  2087.         padding: 10px;
  2088.         text-align: center;
  2089.     overflow: hidden;
  2090. }
  2091. .judul-produk {
  2092. }
  2093. .harga-produk {
  2094.         line-height: 28px;
  2095.         text-align: center;
  2096. }
  2097. .gambar-produk {
  2098.         height: 0;
  2099. }
  2100. .gambar-produk img, .deskripsi-produk, .tombol-beli, .produk-info img, .produk-info iframe, .produk-info table {
  2101.         display: none;
  2102.         height:0;
  2103. }
  2104. #blog-pager, .jasa-pengiriman {
  2105.         margin-bottom: 30px;
  2106. }
  2107. .post-snippet {
  2108.         font-weight: normal;
  2109.         display: none;
  2110. }
  2111. .readmoreartikel {
  2112.         font-weight: normal;
  2113.         display: none;
  2114.         text-align: right;
  2115. }
  2116. .ini-artikel {
  2117.         position: absolute;
  2118.         top: 4px;
  2119.         left: 0;
  2120.         background: #333;
  2121.         color: #fff;
  2122.         padding: 0px 8px;
  2123.         font-size: 12px;
  2124.         text-transform: uppercase;
  2125.         font-weight: 500;
  2126.         height: 24px;
  2127.         line-height: 24px;
  2128. }
  2129. .ini-artikel:after {
  2130.         border-left: 8px solid #333;
  2131. }
  2132. @media only screen and (max-width:800px){
  2133.         .post-outer {
  2134.                 width: 31.3%;
  2135.                 margin-right: 3%;
  2136.         }
  2137.         .blog-posts .post-outer:nth-of-type(4n+0) {
  2138.                 margin-right: 3%;
  2139.         }
  2140.         .blog-posts .post-outer:nth-of-type(3n+0) {
  2141.                 margin-right: 0;
  2142.         }
  2143.         .blog-posts .post-outer:nth-of-type(3n+1) {
  2144.                 clear: both;
  2145.         }
  2146.         .blog-posts .post-outer:nth-of-type(4n+1) {
  2147.                 clear: none;
  2148.         }
  2149. }
  2150. @media only screen and (max-width:640px){
  2151.         .post-outer {
  2152.                 margin-right: 4%;
  2153.                 width: 48%;
  2154.                 margin-bottom: 4%;
  2155.         }
  2156.         .blog-posts .post-outer:nth-of-type(3n+0) {
  2157.                 margin-right: 4%;
  2158.         }
  2159.         .blog-posts .post-outer:nth-of-type(2n+0) {
  2160.                 margin-right: 0;
  2161.         }
  2162.         .blog-posts .post-outer:nth-of-type(2n+1) {
  2163.                 clear: both;
  2164.         }
  2165.         .blog-posts .post-outer:nth-of-type(3n+1) {
  2166.                 clear: none;
  2167.         }
  2168. }
  2169. @media screen and (max-width:320px){
  2170.         .post-outer {
  2171.                 width: 100%;
  2172.                 margin-bottom: 10px;
  2173.         }
  2174.         .blog-posts .post-outer:nth-of-type(3n+0) {
  2175.                 margin-right: 0;
  2176.         }
  2177. }
  2178. <b:else/>
  2179. .detail-produk, .deskripsi-produk, .judul-produk, .tombol-beli {
  2180.         padding-left: 30px;
  2181.         width: 65%;
  2182.         float: right;
  2183.         box-sizing: border-box;
  2184. }
  2185. .gambar-produk {
  2186.         float: left;
  2187.         width: 35%;
  2188.         position: relative;
  2189. }
  2190. .gambar-produk img {
  2191.         width: 100%;
  2192.         display: block;
  2193. }
  2194. .status-produk {
  2195.     position: absolute;
  2196.     top: 4px;
  2197.     left: 0;
  2198. }
  2199. .deskripsi-produk {
  2200.         float: right;
  2201.         box-sizing: border-box;
  2202. }
  2203. .harga-produk {
  2204.         font-size: 22px;
  2205.         margin: 0 0 20px;
  2206. }
  2207.  
  2208. @media only screen and (max-width:800px){
  2209.         .detail-produk, .deskripsi-produk, .tombol-beli, .judul-produk {
  2210.                 padding-left: 20px;
  2211.         }
  2212. }
  2213. @media only screen and (max-width:480px){
  2214.         .detail-produk, .deskripsi-produk, .tombol-beli, .judul-produk {
  2215.                 padding-left: -0px;
  2216.                 width: 100%;
  2217.                 float: none;
  2218.         }
  2219.         .gambar-produk {
  2220.                 float: none;
  2221.                 width: 100%;
  2222.                 margin-bottom: 30px;
  2223.         }
  2224.         .judul-produk, .harga-produk, #share, .beli-lewat-chat, .post-info {
  2225.                 text-align: center;
  2226.         }
  2227.         .beli-lewat-chat a, .chat-wa, .chat-sms, .chat-email, #share a {
  2228.                 margin: 5px 5px;
  2229.         }
  2230. }
  2231. </b:if>
  2232.  
  2233. <b:template-skin>
  2234. <![CDATA[
  2235. /* CSS FOR LAYOUT */
  2236. body#layout, body#layout div.section {
  2237.         font-family: Arial, sans-serif;
  2238. }
  2239. body#layout {
  2240.         max-width: 1040px;
  2241. }
  2242. body#layout #wrapper {
  2243.         overflow: unset;
  2244. }
  2245. body#layout:before {
  2246.         content: "VioToko v.1.4";
  2247.    position: absolute;
  2248.    top: 20px;
  2249.    right: 20px;
  2250.    z-index: 1;
  2251.    padding: 10px 20px;
  2252.    font-size: 18px;
  2253.    color: #43ce8e;
  2254.    background: #fff;
  2255.    border-radius: 20px;
  2256.    border: 1px solid #d6d6d6;
  2257. }
  2258. body#layout .widget-content {
  2259.         box-shadow: none;
  2260. }
  2261. body#layout #navbar {
  2262.         display: block;
  2263.    margin: 0;
  2264.    max-width: 100%;
  2265.    padding: 0 20px;
  2266.         margin-bottom: 12px;
  2267. }
  2268. body#layout .header {
  2269.         width: 200px;
  2270. }
  2271. body#layout #navbar:before {
  2272.         content: "Untuk mempercepat loading blog, klik edit dan nonaktifkan Navbar ==>>";
  2273.    position: absolute;
  2274.    bottom: 18px;
  2275.    z-index: 999;
  2276.    right: 80px;
  2277.    color: #999;
  2278.    font-size: 12px;
  2279. }
  2280. body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #widget-footer-container {
  2281.         margin: 0 0;
  2282.         padding: 0 20px;
  2283. }
  2284. body#layout #footer-container {
  2285.         padding-bottom: 20px;
  2286. }
  2287. body#layout #widget-footer1 {
  2288.         width: 32%;
  2289.         float: left;
  2290.         padding-right: 2%;
  2291.         box-sizing: border-box;
  2292. }
  2293. body#layout #widget-footer2 {
  2294.         width: 32%;
  2295.         float: left;
  2296. }
  2297. body#layout #widget-footer3 {
  2298.         width: 32%;
  2299.         float: right;
  2300.         padding-left: 2%;
  2301.         box-sizing: border-box;
  2302. }
  2303. body#layout #cssmenu {
  2304.         display: block;
  2305.    padding: 20px;
  2306.    margin: 8px 0;
  2307.    width: 500px;
  2308.    font-size: 14px;
  2309.    color: #fff;
  2310.    background: #bbbbbb;
  2311.    font-weight: bold;
  2312.    float: right;
  2313. }
  2314. body#layout #cssmenu:after {
  2315.         content: "Menu navigasi harus diedit melalui Edit HTML";
  2316.    color: #fff;
  2317.    position: absolute;
  2318.    top: 30px;
  2319.    left: 20px;
  2320.    visibility: visible;
  2321. }
  2322. body#layout #searchfs, body#layout .section h4 {
  2323.         display: none;
  2324. }
  2325. body#layout div.section {
  2326.         background: transparent;
  2327.         margin: 0px 0px 15px 0px;
  2328.         padding: 0px;
  2329.         border: none;
  2330.         -webkit-box-sizing: border-box;
  2331.         -moz-box-sizing: border-box;
  2332.         box-sizing: border-box;
  2333. }
  2334. body#layout .above-post-widget:before {
  2335.         content: "Widget di Atas Post (Hanya Homepage)";
  2336. }
  2337. body#layout .Blog:before {
  2338.         content: "Posting Blog";
  2339.         margin-bottom: 8px;
  2340. }
  2341. body#layout .bellow-header-widget:before {
  2342.         content: "Widget di Bawah Header/Menu Navigasi";
  2343. }
  2344. body#layout #widget-footer-container:before {
  2345.         content: "Widget di Atas Footer";
  2346. }
  2347. body#layout .above-post-widget:before, body#layout .Blog:before, body#layout .bellow-header-widget:before, body#layout #widget-footer-container:before {
  2348.    padding: 5px 10px;
  2349.    display: block;
  2350.    font-size: 14px;
  2351.    color: #fff;
  2352.    background: #bbbbbb;
  2353.    box-shadow: rgba(0,0,0,0.12) 0 0 2px 0, rgba(0,0,0,0.24) 0 2px 2px 0;
  2354.    font-weight: bold;
  2355. }
  2356. body#layout .add_widget, body#layout .widget-content {
  2357.         padding: 12px;
  2358. }
  2359. body#layout .add_widget a {
  2360.         margin-left: 0px;
  2361.         font-size: 14px;
  2362. }
  2363. body#layout div.layout-title {
  2364.         font-size: 14px;
  2365. }
  2366. body#layout div.layout-widget-description {
  2367.         font-size: 12px;
  2368. }
  2369. body#layout .editlink {
  2370.         color: #FFFFFF !important;
  2371.         background: #bbbbbb;
  2372.    border-radius: 15px;
  2373.         padding: 4px 6px;
  2374. }
  2375.  
  2376. body#layout #footer-wrapper {
  2377.         position: relative;
  2378.         background: #fff;
  2379.    height: 40px;
  2380.    border: 1px solid #ddd;
  2381. }
  2382. body#layout #footer-wrapper:after {
  2383.         content:"Footer";
  2384.         color:#999;
  2385.         position:absolute;
  2386.         top:12px;
  2387. }
  2388.  
  2389. ]]></b:template-skin>
  2390.  
  2391. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  2392. /* ERROR PAGE */
  2393. .status-msg-body:after, .status-msg-hidden:after {
  2394.         content: &quot;404&quot;;
  2395.         font-size: 140px;
  2396.         display: block;
  2397.         margin: 30px 0;
  2398.         color: #e86e6e;
  2399.         font-weight: 500;
  2400.     text-shadow: 6px 6px #efefef;
  2401. }
  2402. #post-wrapper {
  2403.         width: 100%;
  2404.         max-width: 100%;
  2405. }
  2406. .status-msg-body {
  2407.         padding: 30px 0;
  2408. }
  2409. </b:if>
  2410. <script>//<![CDATA[
  2411. /*! jQuery v2.1.3 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
  2412. !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m="2.1.3",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=l.createElement("script"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=hb(),z=hb(),A=hb(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},eb=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fb){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function gb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+rb(o[l]);w=ab.test(a)&&pb(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function hb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ib(a){return a[u]=!0,a}function jb(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function kb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function lb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function nb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function ob(a){return ib(function(b){return b=+b,ib(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pb(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=gb.support={},f=gb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=gb.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",eb,!1):e.attachEvent&&e.attachEvent("onunload",eb)),p=!f(g),c.attributes=jb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=jb(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=jb(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(jb(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\f]' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),jb(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&jb(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return lb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?lb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},gb.matches=function(a,b){return gb(a,null,null,b)},gb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return gb(b,n,null,[a]).length>0},gb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},gb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},gb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},gb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=gb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=gb.selectors={cacheLength:50,createPseudo:ib,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||gb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&gb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=gb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||gb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ib(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ib(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ib(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ib(function(a){return function(b){return gb(a,b).length>0}}),contains:ib(function(a){return a=a.replace(cb,db),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ib(function(a){return W.test(a||"")||gb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:ob(function(){return[0]}),last:ob(function(a,b){return[b-1]}),eq:ob(function(a,b,c){return[0>c?c+b:c]}),even:ob(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:ob(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:ob(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:ob(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=mb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=nb(b);function qb(){}qb.prototype=d.filters=d.pseudos,d.setFilters=new qb,g=gb.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=S.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=T.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(R," ")}),h=h.slice(c.length));for(g in d.filter)!(e=X[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?gb.error(a):z(a,i).slice(0)};function rb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function sb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function tb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ub(a,b,c){for(var d=0,e=b.length;e>d;d++)gb(a,b[d],c);return c}function vb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wb(a,b,c,d,e,f){return d&&!d[u]&&(d=wb(d)),e&&!e[u]&&(e=wb(e,f)),ib(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ub(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:vb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=vb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=vb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sb(function(a){return a===b},h,!0),l=sb(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sb(tb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wb(i>1&&tb(m),i>1&&rb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xb(a.slice(i,e)),f>e&&xb(a=a.slice(e)),f>e&&rb(a))}m.push(c)}return tb(m)}function yb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=vb(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&gb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ib(f):f}return h=gb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,yb(e,d)),f.selector=a}return f},i=gb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&pb(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&rb(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&pb(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=jb(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),jb(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||kb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&jb(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||kb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),jb(function(a){return null==a.getAttribute("disabled")})||kb(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),gb}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler("ready"),n(l).off("ready"))))}});function I(){l.removeEventListener("DOMContentLoaded",I,!1),a.removeEventListener("load",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),"complete"===l.readyState?setTimeout(n.ready):(l.addEventListener("DOMContentLoaded",I,!1),a.addEventListener("load",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+K.uid++}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(O,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){return M.access(a,b,c)
  2413. },removeData:function(a,b){M.remove(a,b)},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks("once memory").add(function(){L.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=L.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var Q=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,R=["Top","Right","Bottom","Left"],S=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)},T=/^(?:checkbox|radio)$/i;!function(){var a=l.createDocumentFragment(),b=a.appendChild(l.createElement("div")),c=l.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U="undefined";k.focusinBubbles="onfocusin"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(E)||[""],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,"type")?b.type:b,r=j.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),k=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,"events")||{})[b.type]&&L.get(g,"handle"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||l,d=c.documentElement,e=c.body,a.pageX=b.clientX+(d&&d.scrollLeft||e&&e.scrollLeft||0)-(d&&d.clientLeft||e&&e.clientLeft||0),a.pageY=b.clientY+(d&&d.scrollTop||e&&e.scrollTop||0)-(d&&d.clientTop||e&&e.clientTop||0)),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},fix:function(a){if(a[n.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=W.test(e)?this.mouseHooks:V.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new n.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=l),3===a.target.nodeType&&(a.target=a.target.parentNode),g.filter?g.filter(a,f):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==_()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===_()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&n.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=n.extend(new n.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?n.event.trigger(e,null,b):n.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},n.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?Z:$):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={isDefaultPrevented:$,isPropagationStopped:$,isImmediatePropagationStopped:$,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=Z,a&&a.preventDefault&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=Z,a&&a.stopPropagation&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=Z,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!n.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),k.focusinBubbles||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a),!0)};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=L.access(d,b);e||d.addEventListener(a,c,!0),L.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=L.access(d,b)-1;e?L.access(d,b,e):(d.removeEventListener(a,c,!0),L.remove(d,b))}}}),n.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(g in a)this.on(g,b,c,a[g],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=$;else if(!d)return this;return 1===e&&(f=d,d=function(a){return n().off(a),f.apply(this,arguments)},d.guid=f.guid||(f.guid=n.guid++)),this.each(function(){n.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=$),this.each(function(){n.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}});var ab=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bb=/<([\w:]+)/,cb=/<|&#?\w+;/,db=/<(?:script|style|link)/i,eb=/checked\s*(?:[^=]|=\s*.checked.)/i,fb=/^$|\/(?:java|ecma)script/i,gb=/^true\/(.*)/,hb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ib={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ib.optgroup=ib.option,ib.tbody=ib.tfoot=ib.colgroup=ib.caption=ib.thead,ib.th=ib.td;function jb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function kb(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function lb(a){var b=gb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function mb(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function nb(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function ob(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pb(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=ob(h),f=ob(a),d=0,e=f.length;e>d;d++)pb(f[d],g[d]);if(b)if(c)for(f=f||ob(a),g=g||ob(h),d=0,e=f.length;e>d;d++)nb(f[d],g[d]);else nb(a,h);return g=ob(h,"script"),g.length>0&&mb(g,!i&&ob(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(cb.test(e)){f=f||k.appendChild(b.createElement("div")),g=(bb.exec(e)||["",""])[1].toLowerCase(),h=ib[g]||ib._default,f.innerHTML=h[1]+e.replace(ab,"<$1></$2>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=ob(k.appendChild(e),"script"),i&&mb(f),c)){j=0;while(e=f[j++])fb.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(ob(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&mb(ob(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(ob(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!db.test(a)&&!ib[(bb.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(ab,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(ob(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(ob(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&eb.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(ob(c,"script"),kb),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,ob(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,lb),j=0;g>j;j++)h=f[j],fb.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(hb,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qb,rb={};function sb(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function tb(a){var b=l,c=rb[a];return c||(c=sb(a,b),"none"!==c&&c||(qb=(qb||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=qb[0].contentDocument,b.write(),b.close(),c=sb(a,b),qb.detach()),rb[a]=c),c}var ub=/^margin/,vb=new RegExp("^("+Q+")(?!px)[a-z%]+$","i"),wb=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)};function xb(a,b,c){var d,e,f,g,h=a.style;return c=c||wb(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),vb.test(g)&&ub.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+"":g}function yb(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d=l.documentElement,e=l.createElement("div"),f=l.createElement("div");if(f.style){f.style.backgroundClip="content-box",f.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===f.style.backgroundClip,e.style.cssText="border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute",e.appendChild(f);function g(){f.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",f.innerHTML="",d.appendChild(e);var g=a.getComputedStyle(f,null);b="1%"!==g.top,c="4px"===g.width,d.removeChild(e)}a.getComputedStyle&&n.extend(k,{pixelPosition:function(){return g(),b},boxSizingReliable:function(){return null==c&&g(),c},reliableMarginRight:function(){var b,c=f.appendChild(l.createElement("div"));return c.style.cssText=f.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",f.style.width="1px",d.appendChild(e),b=!parseFloat(a.getComputedStyle(c,null).marginRight),d.removeChild(e),f.removeChild(c),b}})}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var zb=/^(none|table(?!-c[ea]).+)/,Ab=new RegExp("^("+Q+")(.*)$","i"),Bb=new RegExp("^([+-])=("+Q+")","i"),Cb={position:"absolute",visibility:"hidden",display:"block"},Db={letterSpacing:"0",fontWeight:"400"},Eb=["Webkit","O","Moz","ms"];function Fb(a,b){if(b in a)return b;var c=b[0].toUpperCase()+b.slice(1),d=b,e=Eb.length;while(e--)if(b=Eb[e]+c,b in a)return b;return d}function Gb(a,b,c){var d=Ab.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Hb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+R[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+R[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+R[f]+"Width",!0,e))):(g+=n.css(a,"padding"+R[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+R[f]+"Width",!0,e)));return g}function Ib(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=wb(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=xb(a,b,f),(0>e||null==e)&&(e=a.style[b]),vb.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Hb(a,b,c||(g?"border":"content"),d,f)+"px"}function Jb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=L.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&S(d)&&(f[g]=L.access(d,"olddisplay",tb(d.nodeName)))):(e=S(d),"none"===c&&e||L.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=xb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Fb(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=Bb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||n.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Fb(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=xb(a,b,d)),"normal"===e&&b in Db&&(e=Db[b]),""===c||c?(f=parseFloat(e),c===!0||n.isNumeric(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?zb.test(n.css(a,"display"))&&0===a.offsetWidth?n.swap(a,Cb,function(){return Ib(a,b,d)}):Ib(a,b,d):void 0},set:function(a,c,d){var e=d&&wb(a);return Gb(a,c,d?Hb(a,b,d,"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),n.cssHooks.marginRight=yb(k.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},xb,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+R[d]+b]=f[d]||f[d-2]||f[0];return e}},ub.test(a)||(n.cssHooks[a+b].set=Gb)}),n.fn.extend({css:function(a,b){return J(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=wb(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Jb(this,!0)},hide:function(){return Jb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){S(this)?n(this).show():n(this).hide()})}});function Kb(a,b,c,d,e){return new Kb.prototype.init(a,b,c,d,e)}n.Tween=Kb,Kb.prototype={constructor:Kb,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Kb.propHooks[this.prop];return a&&a.get?a.get(this):Kb.propHooks._default.get(this)},run:function(a){var b,c=Kb.propHooks[this.prop];return this.pos=b=this.options.duration?n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Kb.propHooks._default.set(this),this}},Kb.prototype.init.prototype=Kb.prototype,Kb.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Kb.propHooks.scrollTop=Kb.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=Kb.prototype.init,n.fx.step={};var Lb,Mb,Nb=/^(?:toggle|show|hide)$/,Ob=new RegExp("^(?:([+-])=|)("+Q+")([a-z%]*)$","i"),Pb=/queueHooks$/,Qb=[Vb],Rb={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=Ob.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&Ob.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function Sb(){return setTimeout(function(){Lb=void 0}),Lb=n.now()}function Tb(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=R[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ub(a,b,c){for(var d,e=(Rb[b]||[]).concat(Rb["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Vb(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&S(a),q=L.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?L.get(a,"olddisplay")||tb(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Nb.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?tb(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=L.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;L.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ub(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function Wb(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function Xb(a,b,c){var d,e,f=0,g=Qb.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Lb||Sb(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:Lb||Sb(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(Wb(k,j.opts.specialEasing);g>f;f++)if(d=Qb[f].call(j,a,k,j.opts))return d;return n.map(k,Ub,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(Xb,{tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],Rb[c]=Rb[c]||[],Rb[c].unshift(b)},prefilter:function(a,b){b?Qb.unshift(a):Qb.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(S).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=Xb(this,n.extend({},a),f);(e||L.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=L.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Pb.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=L.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Tb(b,!0),a,d,e)}}),n.each({slideDown:Tb("show"),slideUp:Tb("hide"),slideToggle:Tb("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(Lb=n.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||n.fx.stop(),Lb=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){Mb||(Mb=setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){clearInterval(Mb),Mb=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(a,b){return a=n.fx?n.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a=l.createElement("input"),b=l.createElement("select"),c=b.appendChild(l.createElement("option"));a.type="checkbox",k.checkOn=""!==a.value,k.optSelected=c.selected,b.disabled=!0,k.optDisabled=!c.disabled,a=l.createElement("input"),a.value="t",a.type="radio",k.radioValue="t"===a.value}();var Yb,Zb,$b=n.expr.attrHandle;n.fn.extend({attr:function(a,b){return J(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===U?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?Zb:Yb)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void n.removeAttr(a,b))
  2414. },removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),Zb={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=$b[b]||n.find.attr;$b[b]=function(a,b,d){var e,f;return d||(f=$b[b],$b[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,$b[b]=f),e}});var _b=/^(?:input|select|textarea|button)$/i;n.fn.extend({prop:function(a,b){return J(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!n.isXMLDoc(a),f&&(b=n.propFix[b]||b,e=n.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){return a.hasAttribute("tabindex")||_b.test(a.nodeName)||a.href?a.tabIndex:-1}}}}),k.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this});var ac=/[\t\r\n\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h="string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ac," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=n.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0===arguments.length||"string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ac," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?n.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(n.isFunction(a)?function(c){n(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=n(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===U||"boolean"===c)&&(this.className&&L.set(this,"__className__",this.className),this.className=this.className||a===!1?"":L.get(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(ac," ").indexOf(b)>=0)return!0;return!1}});var bc=/\r/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(bc,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.trim(n.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(d.value,f)>=0)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>=0:void 0}},k.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var cc=n.now(),dc=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(a){var b,c;if(!a||"string"!=typeof a)return null;try{c=new DOMParser,b=c.parseFromString(a,"text/xml")}catch(d){b=void 0}return(!b||b.getElementsByTagName("parsererror").length)&&n.error("Invalid XML: "+a),b};var ec=/#.*$/,fc=/([?&])_=[^&]*/,gc=/^(.*?):[ \t]*([^\r\n]*)$/gm,hc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,ic=/^(?:GET|HEAD)$/,jc=/^\/\//,kc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,lc={},mc={},nc="*/".concat("*"),oc=a.location.href,pc=kc.exec(oc.toLowerCase())||[];function qc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(n.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function rc(a,b,c,d){var e={},f=a===mc;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function sc(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function tc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function uc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:oc,type:"GET",isLocal:hc.test(pc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":nc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?sc(sc(a,n.ajaxSettings),b):sc(n.ajaxSettings,a)},ajaxPrefilter:qc(lc),ajaxTransport:qc(mc),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=n.ajaxSetup({},b),l=k.context||k,m=k.context&&(l.nodeType||l.jquery)?n(l):n.event,o=n.Deferred(),p=n.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!f){f={};while(b=gc.exec(e))f[b[1].toLowerCase()]=b[2]}b=f[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?e:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return c&&c.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||oc)+"").replace(ec,"").replace(jc,pc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(h=kc.exec(k.url.toLowerCase()),k.crossDomain=!(!h||h[1]===pc[1]&&h[2]===pc[2]&&(h[3]||("http:"===h[1]?"80":"443"))===(pc[3]||("http:"===pc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),rc(lc,k,b,v),2===t)return v;i=n.event&&k.global,i&&0===n.active++&&n.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!ic.test(k.type),d=k.url,k.hasContent||(k.data&&(d=k.url+=(dc.test(d)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=fc.test(d)?d.replace(fc,"$1_="+cc++):d+(dc.test(d)?"&":"?")+"_="+cc++)),k.ifModified&&(n.lastModified[d]&&v.setRequestHeader("If-Modified-Since",n.lastModified[d]),n.etag[d]&&v.setRequestHeader("If-None-Match",n.etag[d])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+nc+"; q=0.01":""):k.accepts["*"]);for(j in k.headers)v.setRequestHeader(j,k.headers[j]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(j in{success:1,error:1,complete:1})v[j](k[j]);if(c=rc(mc,k,b,v)){v.readyState=1,i&&m.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,c.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,f,h){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),c=void 0,e=h||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,f&&(u=tc(k,v,f)),u=uc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(n.lastModified[d]=w),w=v.getResponseHeader("etag"),w&&(n.etag[d]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,i&&m.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),i&&(m.trigger("ajaxComplete",[v,k]),--n.active||n.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return this.each(n.isFunction(a)?function(b){n(this).wrapInner(a.call(this,b))}:function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var vc=/%20/g,wc=/\[\]$/,xc=/\r?\n/g,yc=/^(?:submit|button|image|reset|file)$/i,zc=/^(?:input|select|textarea|keygen)/i;function Ac(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||wc.test(a)?d(a,e):Ac(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Ac(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Ac(c,a[c],b,e);return d.join("&").replace(vc,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&zc.test(this.nodeName)&&!yc.test(a)&&(this.checked||!T.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(xc,"\r\n")}}):{name:b.name,value:c.replace(xc,"\r\n")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(a){}};var Bc=0,Cc={},Dc={0:200,1223:204},Ec=n.ajaxSettings.xhr();a.attachEvent&&a.attachEvent("onunload",function(){for(var a in Cc)Cc[a]()}),k.cors=!!Ec&&"withCredentials"in Ec,k.ajax=Ec=!!Ec,n.ajaxTransport(function(a){var b;return k.cors||Ec&&!a.crossDomain?{send:function(c,d){var e,f=a.xhr(),g=++Bc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)f.setRequestHeader(e,c[e]);b=function(a){return function(){b&&(delete Cc[g],b=f.onload=f.onerror=null,"abort"===a?f.abort():"error"===a?d(f.status,f.statusText):d(Dc[f.status]||f.status,f.statusText,"string"==typeof f.responseText?{text:f.responseText}:void 0,f.getAllResponseHeaders()))}},f.onload=b(),f.onerror=b("error"),b=Cc[g]=b("abort");try{f.send(a.hasContent&&a.data||null)}catch(h){if(b)throw h}},abort:function(){b&&b()}}:void 0}),n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(d,e){b=n("<script>").prop({async:!0,charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&e("error"===a.type?404:200,a.type)}),l.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Fc=[],Gc=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Fc.pop()||n.expando+"_"+cc++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Gc.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Gc.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Gc,"$1"+e):b.jsonp!==!1&&(b.url+=(dc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Fc.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||l;var d=v.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=n.buildFragment([a],b,e),e&&e.length&&n(e).remove(),n.merge([],d.childNodes))};var Hc=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&Hc)return Hc.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&n.ajax({url:a,type:e,dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,f||[a.responseText,b,a])}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var Ic=a.document.documentElement;function Jc(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(typeof d.getBoundingClientRect!==U&&(e=d.getBoundingClientRect()),c=Jc(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===n.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(d=a.offset()),d.top+=n.css(a[0],"borderTopWidth",!0),d.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-n.css(c,"marginTop",!0),left:b.left-d.left-n.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||Ic;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Ic})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){var d="pageYOffset"===c;n.fn[b]=function(e){return J(this,function(b,e,f){var g=Jc(b);return void 0===f?g?g[c]:b[e]:void(g?g.scrollTo(d?a.pageXOffset:f,d?f:a.pageYOffset):b[e]=f)},b,e,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=yb(k.pixelPosition,function(a,c){return c?(c=xb(a,b),vb.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return J(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var Kc=a.jQuery,Lc=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Lc),b&&a.jQuery===n&&(a.jQuery=Kc),n},typeof b===U&&(a.jQuery=a.$=n),n});
  2415. //# sourceMappingURL=jquery.min.map
  2416. //]]></script>  
  2417.  
  2418. &lt;!--</head>--&gt;&lt;/head&gt;
  2419.  
  2420.  
  2421.   <!-- navbar menu start -->
  2422.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  2423.     <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  2424.     </b:widget>
  2425.   </b:section>
  2426.   <!-- navbar menu end -->
  2427.  
  2428.   <!-- header wrapper start -->
  2429. <div id='header-container'>  
  2430.   <header id='header-wrapper'>  
  2431.   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  2432.       <b:widget id='Header1' locked='true' title='Evo Store (Header)' type='Header'>
  2433.         <b:includable id='main'>
  2434.  
  2435.   <b:if cond='data:useImage'>
  2436.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  2437.       <!--
  2438.      Show image as background to text. You can't really calculate the width
  2439.      reliably in JS because margins are not taken into account by any of
  2440.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  2441.      width if the user is using shrink to fit.
  2442.      This results in a margin-width's worth of pixels being cropped. If the
  2443.      user is not using shrink to fit then we expand the header.
  2444.      -->
  2445.       <b:if cond='data:mobile'>
  2446.           <div id='header-inner'>
  2447.             <div class='titlewrapper' style='background: transparent'>
  2448.               <h1 class='title' style='background: transparent; border-width: 0px'>
  2449.                 <b:include name='title'/>
  2450.               </h1>
  2451.             </div>
  2452.             <b:include name='description'/>
  2453.           </div>
  2454.         <b:else/>
  2455.           <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  2456.             <div class='titlewrapper' style='background: transparent'>
  2457.               <h1 class='title' style='background: transparent; border-width: 0px'>
  2458.                 <b:include name='title'/>
  2459.               </h1>
  2460.             </div>
  2461.             <b:include name='description'/>
  2462.           </div>
  2463.         </b:if>
  2464.     <b:else/>
  2465.       <!--Show the image only-->
  2466.       <div id='header-inner'>
  2467.             <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2468.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2469.             <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
  2470.           </b:if>
  2471.                 </b:if>
  2472.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  2473.           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  2474.         </a>
  2475.         <!--Show the description-->
  2476.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  2477.           <b:include name='description'/>
  2478.                   <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2479.                     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2480.               <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
  2481.                     </b:if>
  2482.                   </b:if>
  2483.         </b:if>
  2484.       </div>
  2485.     </b:if>
  2486.   <b:else/>
  2487.     <!--No header image -->
  2488.     <div id='header-inner'>
  2489.       <div class='titlewrapper'>       
  2490.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2491.                   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2492.              <p class='title'><b:include name='title'/></p>
  2493.                    <b:else/>
  2494.                      <h1 class='title'><b:include name='title'/></h1>
  2495.                    </b:if>
  2496.                 <b:else/>
  2497.           <p class='title'><b:include name='title'/></p>
  2498.                 </b:if>
  2499.             <b:include name='description'/>
  2500.       </div>
  2501.         </div>
  2502.   </b:if>
  2503. </b:includable>
  2504.         <b:includable id='description'>
  2505.   <div class='descriptionwrapper'>
  2506.     <p class='description'><span><data:description/></span></p>
  2507.   </div>
  2508. </b:includable>
  2509.         <b:includable id='title'>
  2510.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  2511.     <data:title/>
  2512.   <b:else/>
  2513.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  2514.   </b:if>
  2515. </b:includable>
  2516.       </b:widget>
  2517.     </b:section>
  2518.        
  2519. <nav id='cssmenu'>
  2520. <div id='head-mobile'></div>
  2521. <div id='menu-button' class='button'></div>
  2522.  
  2523. <!-- menu navigasi header start -->
  2524. <ul>
  2525.   <li><a href='#'>Menu</a></li>
  2526.   <li><a href='#'>Menu</a></li>
  2527.   <li><a href='#'>Menu</a></li>
  2528.   <li><a href='#'>Menu</a>
  2529.   <ul>
  2530.         <li><a href='#'>SubMenu1</a></li>
  2531.         <li><a href='#'>SubMenu2</a></li>
  2532.         <li><a href='#'>SubMenu3</a></li>
  2533.   </ul>
  2534.   </li>
  2535.   <li><a href='#'>Menu</a>
  2536.   <ul>
  2537.         <li><a href='#'>SubMenu1</a></li>
  2538.         <li><a href='#'>SubMenu2</a></li>
  2539.         <li><a href='#'>SubMenu3</a></li>
  2540.         <li><a href='#'>SubMenu4</a></li>
  2541.   </ul>
  2542.   </li>
  2543. </ul>
  2544. <!-- menu navigasi header end -->
  2545.  
  2546. </nav>
  2547.  
  2548.         <div class='search-icon'>
  2549.                 <a href='#searchfs'><i class='fa fa-search'></i></a>
  2550.         </div>
  2551.  
  2552. <div id='searchfs'>
  2553. <button type='button' class='close'>×</button>
  2554.   <form action='/search' id='search-form' method='get'>
  2555.     <input value='' name='q' type='search' placeholder='type to search'/>
  2556.         <input type='hidden' name='max-results' value='7'/>
  2557.   </form>
  2558. </div>
  2559.  
  2560.         <div class='clear'/>
  2561.   </header>
  2562.  
  2563. </div>
  2564.   <!-- header wrapper end -->
  2565.  
  2566.   <!-- wrapper start -->
  2567.   <div id='wrapper'>
  2568.  
  2569.   <div class='clear'/>
  2570.  
  2571.   <!-- post wrapper start -->
  2572.   <div id='post-wrapper'>
  2573.   <div class='post-container'>
  2574.  
  2575.   <b:if cond='data:blog.homepageUrl == data:blog.url'>
  2576.   <b:section class='above-post-widget' id='above-post-widget' maxwidgets='1' showaddelement='yes'/>
  2577.  
  2578.   <div class='daftar-produk'>
  2579.         <h2>Daftar Produk</h2>
  2580.   </div>
  2581.   </b:if>
  2582.  
  2583.   <b:section class='main' id='main' showaddelement='no'>
  2584.     <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
  2585.       <b:includable id='main' var='top'>
  2586.           <b:include data='posts' name='breadcrumb'/>
  2587.   <b:if cond='data:mobile == &quot;false&quot;'>
  2588.  
  2589.     <!-- posts -->
  2590.     <div class='blog-posts'>
  2591.       <b:include data='top' name='status-message'/>
  2592.       <data:defaultAdStart/>
  2593.       <b:loop values='data:posts' var='post'>  
  2594.          
  2595.             <b:if cond='data:blog.pageType in {&quot;index&quot;}'>
  2596.                 <b:if cond='data:blog.searchLabel != &quot;Artikel&quot;'>
  2597.                 <b:if cond='data:post.labels'>
  2598.                 <b:loop values='data:post.labels' var='label'>
  2599.                 <b:if cond='data:label.name == &quot;Artikel&quot;'>
  2600.                 &lt;div class='hilangkan'&gt;
  2601.                 </b:if>
  2602.                 </b:loop>
  2603.                 </b:if>
  2604.                 </b:if>
  2605.                 </b:if>
  2606.                
  2607.         <div class='post-outer'>
  2608.         <b:include data='post' name='post'/>
  2609.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2610.           <b:include data='post' name='comment_picker'/>
  2611.         </b:if>
  2612.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2613.           <b:include data='post' name='comment_picker'/>
  2614.         </b:if>
  2615.         </div>
  2616.                
  2617.                 <b:if cond='data:blog.pageType in {&quot;index&quot;}'>
  2618.                 <b:if cond='data:blog.searchLabel != &quot;Artikel&quot;'>
  2619.                 <b:if cond='data:post.labels'>
  2620.                 <b:loop values='data:post.labels' var='label'>
  2621.                 <b:if cond='data:label.name == &quot;Artikel&quot;'>
  2622.                 &lt;/div&gt;
  2623.                 <script>$(".hilangkan").remove();</script>
  2624.                 </b:if>
  2625.                 </b:loop>
  2626.                 </b:if>
  2627.                 </b:if>
  2628.                 </b:if>
  2629.                
  2630.       </b:loop>
  2631.       <data:adEnd/>
  2632.          
  2633.     </div>
  2634.  
  2635.     <!-- navigation -->
  2636.         <div class='clear'/>
  2637.         <b:include name='nextprev'/>
  2638.  
  2639.     <!-- feed links -->
  2640.     <b:include name='feedLinks'/>
  2641.  
  2642.     <b:if cond='data:top.showStars'>
  2643.       <script src='//www.google.com/jsapi'/>
  2644.       <script>
  2645.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2646.         function initialize() {
  2647.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2648.           google.annotations.createAll();
  2649.           google.annotations.fetch();
  2650.         }
  2651.         google.setOnLoadCallback(initialize);
  2652.       </script>
  2653.     </b:if>
  2654.  
  2655.   <b:else/>
  2656.     <b:include name='mobile-main'/>
  2657.   </b:if>
  2658.  
  2659.   <b:if cond='data:top.showDummy'>
  2660.     <data:top.dummyBootstrap/>
  2661.   </b:if>
  2662.  
  2663. </b:includable>
  2664.       <b:includable id='backlinkDeleteIcon' var='backlink'>
  2665.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2666.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2667.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2668.     </a>
  2669.   </span>
  2670. </b:includable>
  2671.       <b:includable id='backlinks' var='post'>
  2672.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  2673.   <b:if cond='data:post.numBacklinks != 0'>
  2674.     <dl class='comments-block' id='comments-block'>
  2675.       <b:loop values='data:post.backlinks' var='backlink'>
  2676.         <div class='collapsed-backlink backlink-control'>
  2677.           <dt class='comment-title'>
  2678.             <span class='backlink-toggle-zippy'>&#160;</span>
  2679.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  2680.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  2681.           </dt>
  2682.           <dd class='comment-body collapseable'>
  2683.             <data:backlink.snippet/>
  2684.           </dd>
  2685.           <dd class='comment-footer collapseable'>
  2686.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  2687.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  2688.           </dd>
  2689.         </div>
  2690.       </b:loop>
  2691.     </dl>
  2692.   </b:if>
  2693.   <p class='comment-footer'>
  2694.     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  2695.   </p>
  2696. </b:includable>
  2697.       <b:includable id='breadcrumb' var='posts'>
  2698.           <b:if cond='data:blog.homepageUrl != data:blog.url'>
  2699.       <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2700.         <div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Beranda</a></span> / <span><data:blog.pageName/></span>
  2701.             </div></div>
  2702.       <b:else/>
  2703.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2704.         <b:loop values='data:posts' var='post'>
  2705.         <b:if cond='data:post.labels'>
  2706.         <div class='breadcrumbs-outer'><div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Beranda</span></a></span> / <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> / </b:if> </b:loop>
  2707.         </div></div>
  2708.         <b:else/>
  2709.         <div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Beranda</a></span> / <span>Tanpa Kategori</span> / <span><data:post.title/></span></div></div>
  2710.             </b:if>
  2711.         </b:loop>
  2712.       <b:else/>
  2713.         <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2714.         <div class='breadcrumbs-outer'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Beranda</a></span> / <span>Arsip Produk <data:blog.pageName/></span>
  2715.             </div></div>
  2716.       <b:else/>
  2717.         <b:if cond='data:blog.searchQuery'>
  2718.         <div class='breadcrumbs-outer'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Beranda</a></span> / <span><data:blog.pageName/></span>
  2719.             </div></div>
  2720.       <b:else/>
  2721.         <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2722.         <div class='breadcrumbs-outer'><div class='breadcrumbs'>
  2723.             <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Beranda</a></span> / <span>Daftar Produk</span>
  2724.         <b:else/>
  2725.         <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Beranda</a></span> / <span><data:blog.pageName/></span>
  2726.         </b:if>
  2727.         </div></div>
  2728.       </b:if>
  2729.       </b:if>
  2730.       </b:if>
  2731.       </b:if>
  2732.       </b:if>
  2733.       </b:if>
  2734.         </b:includable>
  2735.       <b:includable id='comment-form' var='post'>
  2736.   <div class='comment-form'>
  2737.     <a name='comment-form'/>
  2738.     <b:if cond='data:mobile'>
  2739.       <h4 id='comment-post-message'>
  2740.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  2741.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2742.       <data:blogTeamBlogMessage/>
  2743.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2744.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2745.     <b:else/>
  2746.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  2747.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2748.       <data:blogTeamBlogMessage/>
  2749.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2750.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2751.     </b:if>
  2752.     <data:post.friendConnectJs/>
  2753.     <data:post.cmtfpIframe/>
  2754.     <script>
  2755.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2756.     </script>
  2757.   </div>
  2758. </b:includable>
  2759.       <b:includable id='commentDeleteIcon' var='comment'>
  2760.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2761.     <b:if cond='data:showCmtPopup'>
  2762.       <div class='goog-toggle-button'>
  2763.         <div class='goog-inline-block comment-action-icon'/>
  2764.       </div>
  2765.     <b:else/>
  2766.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2767.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2768.       </a>
  2769.     </b:if>
  2770.   </span>
  2771. </b:includable>
  2772.       <b:includable id='comment_count_picker' var='post'>
  2773.   <b:if cond='data:post.commentSource == 1'>
  2774.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  2775.     </span>
  2776.   <b:else/>
  2777.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2778.       <data:post.commentLabelFull/>:
  2779.     </a>
  2780.   </b:if>
  2781. </b:includable>
  2782.       <b:includable id='comment_picker' var='post'>
  2783.   <b:if cond='data:post.commentSource == 1'>
  2784.     <b:include data='post' name='iframe_comments'/>
  2785.   <b:else/>
  2786.     <b:if cond='data:post.showThreadedComments'>
  2787.       <b:include data='post' name='threaded_comments'/>
  2788.     <b:else/>
  2789.       <b:include data='post' name='comments'/>
  2790.     </b:if>
  2791.   </b:if>
  2792. </b:includable>
  2793.       <b:includable id='comments' var='post'>
  2794.   <div class='comments' id='comments'>
  2795.     <a name='comments'/>
  2796.     <b:if cond='data:post.allowComments'>
  2797.       <div class='judul-review'><h3><b:if cond='data:post.numComments == 0'>Komentar (0)</b:if> <b:if cond='data:post.numComments == 1'>Komentar (1)</b:if> <b:if cond='data:post.numComments &gt; 1'>Komentar (<data:post.numComments/>)</b:if></h3></div>
  2798.  
  2799.       <b:if cond='data:post.commentPagingRequired'>
  2800.         <span class='paging-control-container'>
  2801.           <b:if cond='data:post.hasOlderLinks'>
  2802.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2803.               &#160;
  2804.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2805.               &#160;
  2806.           </b:if>
  2807.  
  2808.           <data:post.commentRangeText/>
  2809.  
  2810.           <b:if cond='data:post.hasNewerLinks'>
  2811.             &#160;
  2812.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2813.             &#160;
  2814.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2815.           </b:if>
  2816.         </span>
  2817.       </b:if>
  2818.  
  2819.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2820.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2821.           <b:loop values='data:post.comments' var='comment'>
  2822.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2823.               <b:if cond='data:comment.favicon'>
  2824.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2825.               </b:if>
  2826.               <a expr:id='data:comment.anchorName'/>
  2827.               <b:if cond='data:blog.enabledCommentProfileImages'>
  2828.                 <data:comment.authorAvatarImage/>
  2829.               </b:if>
  2830.               <b:if cond='data:comment.authorUrl'>
  2831.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2832.               <b:else/>
  2833.                 <data:comment.author/>
  2834.               </b:if>
  2835.               <data:commentPostedByMsg/>
  2836.             </dt>
  2837.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2838.               <b:if cond='data:comment.isDeleted'>
  2839.                 <span class='deleted-comment'><data:comment.body/></span>
  2840.               <b:else/>
  2841.                 <p>
  2842.                   <data:comment.body/>
  2843.                 </p>
  2844.               </b:if>
  2845.             </dd>
  2846.             <dd class='comment-footer'>
  2847.               <span class='comment-timestamp'>
  2848.                 <a expr:href='data:comment.url' title='comment permalink'>
  2849.                   <data:comment.timestamp/>
  2850.                 </a>
  2851.                 <b:include data='comment' name='commentDeleteIcon'/>
  2852.               </span>
  2853.             </dd>
  2854.           </b:loop>
  2855.         </dl>
  2856.       </div>
  2857.  
  2858.       <b:if cond='data:post.commentPagingRequired'>
  2859.         <span class='paging-control-container'>
  2860.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2861.             <data:post.oldestLinkText/>
  2862.           </a>
  2863.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2864.             <data:post.olderLinkText/>
  2865.           </a>
  2866.           &#160;
  2867.           <data:post.commentRangeText/>
  2868.           &#160;
  2869.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2870.             <data:post.newerLinkText/>
  2871.           </a>
  2872.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2873.             <data:post.newestLinkText/>
  2874.           </a>
  2875.         </span>
  2876.       </b:if>
  2877.  
  2878.       <p class='comment-footer'>
  2879.         <b:if cond='data:post.embedCommentForm'>
  2880.           <b:if cond='data:post.allowNewComments'>
  2881.             <b:include data='post' name='comment-form'/>
  2882.           <b:else/>
  2883.             <data:post.noNewCommentsText/>
  2884.           </b:if>
  2885.         <b:else/>
  2886.           <b:if cond='data:post.allowComments'>
  2887.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2888.           </b:if>
  2889.         </b:if>
  2890.  
  2891.       </p>
  2892.     </b:if>
  2893.     <b:if cond='data:showCmtPopup'>
  2894.       <div id='comment-popup'>
  2895.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2896.         </iframe>
  2897.       </div>
  2898.     </b:if>
  2899.  
  2900.     <div id='backlinks-container'>
  2901.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2902.        <b:if cond='data:post.showBacklinks'>
  2903.          <b:include data='post' name='backlinks'/>
  2904.        </b:if>
  2905.     </div>
  2906.     </div>
  2907.   </div>
  2908. </b:includable>
  2909.       <b:includable id='feedLinks'>
  2910.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2911.     <b:if cond='data:feedLinks'>
  2912.       <div class='blog-feeds'>
  2913.         <b:include data='feedLinks' name='feedLinksBody'/>
  2914.       </div>
  2915.     </b:if>
  2916.  
  2917.     <b:else/> <!--Post feed links -->
  2918.     <div class='post-feeds'>
  2919.       <b:loop values='data:posts' var='post'>
  2920.         <b:if cond='data:post.allowComments'>
  2921.           <b:if cond='data:post.feedLinks'>
  2922.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  2923.           </b:if>
  2924.         </b:if>
  2925.       </b:loop>
  2926.     </div>
  2927.   </b:if>
  2928. </b:includable>
  2929.       <b:includable id='feedLinksBody' var='links'>
  2930.   <div class='feed-links'>
  2931.   <data:feedLinksMsg/>
  2932.   <b:loop values='data:links' var='f'>
  2933.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2934.   </b:loop>
  2935.   </div>
  2936. </b:includable>
  2937.       <b:includable id='iframe_comments' var='post'>
  2938.  
  2939.   <b:if cond='data:post.allowIframeComments'>
  2940.     <script expr:src='data:post.iframeCommentSrc'/>
  2941.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  2942.  
  2943.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2944.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2945.     </b:if>
  2946.   </b:if>
  2947. </b:includable>
  2948.       <b:includable id='mobile-index-post' var='post'>
  2949. <!-- MOBILE INDEX POST HERE -->
  2950.   <div class='mobile-date-outer date-outer'>
  2951.  
  2952.     <div class='mobile-post-outer'>
  2953.  
  2954.         <div class='mobile-index-contents'>
  2955.           <b:if cond='data:post.thumbnailUrl'>
  2956.             <div class='mobile-index-thumbnail'>
  2957.               <div class='Image'>
  2958.                 <img expr:src='data:post.thumbnailUrl'/>
  2959.               </div>
  2960.             </div>
  2961.                         <b:else/>
  2962.             <div class='mobile-index-thumbnail'>
  2963.               <div class='Image'>
  2964.                                 <img expr:alt='data:post.title' expr:title='data:post.title' src='//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
  2965.               </div>
  2966.             </div>
  2967.           </b:if>
  2968.  
  2969.       <a expr:href='data:post.url'>
  2970.         <h3 class='mobile-index-title entry-title'>
  2971.           <data:post.title/>
  2972.         </h3>
  2973.           </a>           
  2974.  
  2975.           <div class='post-body'>
  2976.  
  2977.                     <div class='post-info'>
  2978.                                 <b:if cond='data:top.showAuthor'>
  2979.                                         <b:if cond='data:post.authorProfileUrl'>
  2980.                                           <span class='author-info'>
  2981.                                                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2982.                                                   <data:post.author/>
  2983.                                                 </a>
  2984.                                           </span>
  2985.                                         <b:else/>
  2986.                                           <span class='author-info'>
  2987.                                                 <data:post.author/>
  2988.                                           </span>
  2989.                                         </b:if>
  2990.                                 </b:if>
  2991.                                 <b:if cond='data:top.showTimestamp'>
  2992.                                 <b:if cond='data:post.url'>
  2993.                                   <span class='time-info'>
  2994.                                   / <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published updated' expr:content='data:post.timestampISO8601'><data:post.timestamp/></span></a>
  2995.                                   </span>
  2996.                                 </b:if>
  2997.                                 </b:if>
  2998.                                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2999.                                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3000.                                         <b:if cond='data:post.allowComments'>
  3001.                                           <span class='comment-info'>
  3002.                                           / <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  3003.                                           </a>
  3004.                                           </span>
  3005.                                         </b:if>
  3006.                                   </b:if>
  3007.                                 </b:if>
  3008.                         </div>
  3009.  
  3010.           </div>
  3011.         </div>
  3012.  
  3013.         <div style='clear: both;'/>
  3014.  
  3015.     </div>
  3016.        
  3017.   </div>
  3018. </b:includable>
  3019.       <b:includable id='mobile-main' var='top'>
  3020.     <!-- posts -->
  3021.     <div class='blog-posts hfeed'>
  3022.  
  3023.       <b:include data='top' name='status-message'/>
  3024.  
  3025.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  3026.         <b:loop values='data:posts' var='post'>
  3027.           <b:include data='post' name='mobile-index-post'/>
  3028.         </b:loop>
  3029.       <b:else/>
  3030.         <b:loop values='data:posts' var='post'>
  3031.           <b:include data='post' name='mobile-post'/>
  3032.         </b:loop>
  3033.       </b:if>
  3034.     </div>
  3035.  
  3036.    <b:include name='mobile-nextprev'/>
  3037. </b:includable>
  3038.       <b:includable id='mobile-nextprev'>
  3039.   <div class='blog-pager' id='blog-pager'>
  3040.     <b:if cond='data:newerPageUrl'>
  3041.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  3042.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  3043.       </div>
  3044.     </b:if>
  3045.  
  3046.     <b:if cond='data:olderPageUrl'>
  3047.       <div class='mobile-link-button' id='blog-pager-older-link'>
  3048.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  3049.       </div>
  3050.     </b:if>
  3051.  
  3052.     <div class='mobile-link-button' id='blog-pager-home-link'>
  3053.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3054.     </div>
  3055.  
  3056.     <div class='mobile-desktop-link'>
  3057.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  3058.     </div>
  3059.  
  3060.   </div>
  3061.   <div class='clear'/>
  3062. </b:includable>
  3063.       <b:includable id='mobile-post' var='post'>
  3064.   <div class='date-outer'>
  3065.     <b:if cond='data:post.dateHeader'>
  3066.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  3067.     </b:if>
  3068.     <div class='date-posts'>
  3069.       <div class='post-outer'>
  3070.  
  3071.         <div class='post hentry uncustomized-post-template'>
  3072.  
  3073.           <a expr:id='data:post.id'/>
  3074.           <b:if cond='data:post.title'>
  3075.             <h3 class='post-title entry-title'>
  3076.               <b:if cond='data:post.link'>
  3077.                 <a expr:href='data:post.link'><data:post.title/></a>
  3078.               <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  3079.                 <a expr:href='data:post.url'><data:post.title/></a>
  3080.               <b:else/>
  3081.                 <data:post.title/>
  3082.               </b:if>
  3083.             </h3>
  3084.           </b:if>
  3085.  
  3086.           <div class='post-header'>
  3087.             <div class='post-header-line-1'/>
  3088.           </div>
  3089.  
  3090.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3091.             <data:post.body/>
  3092.             <div style='clear: both;'/> <!-- clear for photos floats -->
  3093.           </div>
  3094.  
  3095.           <div class='post-footer'>
  3096.             <div class='post-footer-line post-footer-line-1'>
  3097.               <span class='post-author'>
  3098.                 <b:if cond='data:top.showAuthor'>
  3099.                   <b:if cond='data:post.authorProfileUrl'>
  3100.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3101.                         <data:post.author/>
  3102.                       </a>
  3103.                   <b:else/>
  3104.                       <data:post.author/>
  3105.                   </b:if>
  3106.                 </b:if>
  3107.               </span>
  3108.  
  3109.               <span class='post-timestamp'>
  3110.                 <b:if cond='data:top.showTimestamp'>
  3111.                   <data:top.timestampLabel/>
  3112.                   <b:if cond='data:post.url'>
  3113.                     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></span></a>
  3114.                   </b:if>
  3115.                 </b:if>
  3116.               </span>
  3117.  
  3118.               <span class='post-comment-link'>
  3119.                 <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
  3120.               </span>
  3121.             </div>
  3122.  
  3123.             <div class='post-footer-line post-footer-line-2'>
  3124.               <b:if cond='data:top.showMobileShare'>
  3125.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  3126.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  3127.                 </div>
  3128.               </b:if>
  3129.               <b:if cond='data:top.showDummy'>
  3130.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  3131.               </b:if>
  3132.             </div>
  3133.  
  3134.           </div>
  3135.         </div>
  3136.  
  3137.         <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  3138.       </div>
  3139.     </div>
  3140.   </div>
  3141. </b:includable>
  3142.       <b:includable id='nextprev'>
  3143.   <div class='blog-pager' id='blog-pager'>
  3144.     <b:if cond='data:newerPageUrl'>
  3145.       <span id='blog-pager-newer-link'>
  3146.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><i class='fa fa-arrow-left' aria-hidden='true'></i> Next</a>
  3147.       </span>
  3148.     </b:if>
  3149.  
  3150.     <b:if cond='data:olderPageUrl'>
  3151.       <span id='blog-pager-older-link'>
  3152.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Prev <i class='fa fa-arrow-right' aria-hidden='true'></i></a>
  3153.       </span>
  3154.     </b:if>
  3155.  
  3156.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3157.  
  3158.     <b:if cond='data:mobileLinkUrl'>
  3159.       <div class='blog-mobile-link'>
  3160.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  3161.       </div>
  3162.     </b:if>
  3163.  
  3164.   </div>
  3165.   <div class='clear'/>
  3166. </b:includable>
  3167.        
  3168. <b:includable id='post' var='post'>  
  3169.   <section class='post'>
  3170.  
  3171.     <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;index&quot;}'>
  3172.         <b:if cond='data:post.labels'>
  3173.         <b:loop values='data:post.labels' var='label'>
  3174.         <b:if cond='data:label.name != &quot;Artikel&quot;'>
  3175.         &lt;div itemscope='itemscope' itemtype='http://schema.org/Product'&gt;
  3176.         <b:else/>
  3177.         &lt;div itemscope='itemscope' itemtype='http://schema.org/Blog'&gt;
  3178.         </b:if>
  3179.         </b:loop>
  3180.         <b:else/>
  3181.         &lt;div itemscope='itemscope' itemtype='http://schema.org/Product'&gt;
  3182.         </b:if>
  3183.         </b:if>  
  3184.  
  3185.         <b:switch var='data:blog.pageType'>
  3186.         <b:case value='static_page'/>
  3187.         <!-- Posting halaman statis -->
  3188.             <b:if cond='data:post.title'>
  3189.           <h1 class='post-title entry-title'>
  3190.             <b:if cond='data:post.link'>
  3191.               <a expr:href='data:post.link'><data:post.title/></a>
  3192.             <b:else/>
  3193.               <b:if cond='data:post.url'>
  3194.                 <b:if cond='data:blog.url != data:post.url'>
  3195.                   <a expr:href='data:post.url'><data:post.title/></a>
  3196.                 <b:else/>
  3197.                   <data:post.title/>
  3198.                 </b:if>
  3199.                 <b:else/>
  3200.                   <data:post.title/>
  3201.               </b:if>
  3202.             </b:if>
  3203.           </h1>
  3204.                 </b:if>
  3205.                 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3206.                         <div id='body-post-it'>
  3207.                         <data:post.body/>
  3208.                         </div>
  3209.                         <div style='clear: both;'/>
  3210.                 </div> 
  3211.         <script>
  3212.         if (typeof(BLOG_attachCsiOnload) != 'undefined' &amp;&amp; BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '<data:blog.blogId/>';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d<data:blog.blogId/>','<data:blog.homepageUrl/>','<data:blog.blogId/>');
  3213.         _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '<data:blog.blogId/>', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
  3214.         </script>      
  3215.           <b:case value='item'/>
  3216.          
  3217.           <!-- Posting halaman item -->
  3218.           <b:if cond='data:post.firstImageUrl'>
  3219.                 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3220.           </b:if>
  3221.           <meta expr:content='data:post.snippet' itemprop='description'/>
  3222.           <a expr:id='data:post.id'/>
  3223.                
  3224.                 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3225.                
  3226.                 <b:if cond='data:post.labels'>
  3227.                 <b:loop values='data:post.labels' var='label'>
  3228.                 <b:if cond='data:label.name == &quot;Artikel&quot;'>
  3229.                 <style>
  3230.                 .judul-produk, .tombol-beli {
  3231.                         padding-left: 0px !important;
  3232.                         width: 100% !important;
  3233.                         float: none !important;
  3234.                         box-sizing: border-box;
  3235.                 }
  3236.                 .beli-lewat-chat {
  3237.                         display: none;
  3238.                         height: 0;
  3239.                 }
  3240.                 .related-post h3:before {
  3241.                         content: "Artikel Lainnya"
  3242.                 }
  3243.                 .related-post-style-3 .related-post-item-thumbnail {
  3244.                         padding-bottom: 100%;
  3245.                 }
  3246.                 h1.post-title {
  3247.                         font-size: 30px;
  3248.                         text-transform: inherit;
  3249.                 }
  3250.                 @media only screen and (max-width:480px){
  3251.                         .judul-produk, .harga-produk, .beli-lewat-chat, .post-info {
  3252.                                 text-align: left !important;
  3253.                         }
  3254.                         h1.post-title {
  3255.                                 font-size: 22px !important;
  3256.                         }
  3257.                 }
  3258.                 </style>
  3259.                 </b:if>
  3260.                 </b:loop>
  3261.                 </b:if>
  3262.  
  3263.             <b:if cond='data:post.title'>
  3264.                 <b:if cond='data:post.url'>
  3265.                   <meta expr:content='data:post.url.canonical' itemprop='url'/>
  3266.                 </b:if>
  3267.                 <div class='judul-produk'>
  3268.           <h1 class='post-title entry-title' itemprop='name'>
  3269.             <b:if cond='data:post.link'>
  3270.               <a expr:href='data:post.link'><data:post.title/></a>
  3271.             <b:else/>
  3272.               <b:if cond='data:post.url'>
  3273.                 <b:if cond='data:blog.url != data:post.url'>
  3274.                   <a expr:href='data:post.url'><data:post.title/></a>
  3275.                 <b:else/>
  3276.                   <data:post.title/>
  3277.                 </b:if>
  3278.                 <b:else/>
  3279.                   <data:post.title/>
  3280.               </b:if>
  3281.             </b:if>
  3282.           </h1>
  3283.                 </div>
  3284.                 </b:if>
  3285.                
  3286.                 <b:if cond='data:post.labels'>
  3287.                 <b:loop values='data:post.labels' var='label'>
  3288.                 <b:if cond='data:label.name == &quot;Artikel&quot;'>
  3289.                 <div class='post-info'>
  3290.                
  3291.                 <b:if cond='data:top.showAuthor'>
  3292.                 <span class='author-info'>
  3293.                         Ditulis <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3294.                         <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3295.                         <b:if cond='data:post.authorProfileUrl'>
  3296.                         <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author publisher' title='Profil Penulis'>
  3297.                           <span itemprop='name'><data:post.author/></span>
  3298.                         </a>
  3299.                         <b:else/>
  3300.                           <span itemprop='name'><data:post.author/></span>
  3301.                         </b:if>  
  3302.                         </span>
  3303.                 </span>
  3304.                 </b:if>
  3305.                
  3306.                 <b:if cond='data:post.dateHeader'>
  3307.                 <span class='time-info'>Pada <span  class='updated published' expr:title='data:post.timestampISO8601'>
  3308.                 <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
  3309.                 <data:post.dateHeader/>
  3310.                 </span></span>
  3311.                 </b:if>
  3312.                
  3313.                 </div>
  3314.                 </b:if>
  3315.                 </b:loop>
  3316.                 </b:if>
  3317.                
  3318.                 <data:post.body/>
  3319.                
  3320.                 <div class='tombol-beli'>
  3321.                
  3322. <div class='beli-lewat-chat'>
  3323. <h3>Beli Sekarang :</h3>
  3324. <a class='chat-wa' href='https://api.whatsapp.com/send?phone=+6282111111111' target='_top'>
  3325. <i aria-hidden='true' class='fa fa-whatsapp'/> Chat WhatsApp
  3326. </a>
  3327. <a class='chat-sms' href='sms:082111111111' target='_top'>
  3328. <i class='fa fa-paper-plane' aria-hidden='true'></i> SMS 082111111111
  3329. </a>
  3330. <a class='chat-phone' href='tel:082111111111' target='_top'>
  3331. <i class='fa fa-phone' aria-hidden='true'></i> Call 082111111111
  3332. </a>
  3333. </div>
  3334.  
  3335.                 <b:include data='post' name='postsharebutton'/>
  3336.                 </div>
  3337.  
  3338.                 <div style='clear: both;'/>
  3339.                
  3340.                 <b:include data='post' name='relatedpost'/>
  3341.                
  3342.       </div>  
  3343.  
  3344.         <b:default/>
  3345.         <!-- Posting halaman default (index, arsip, dll.) -->
  3346.           <b:include data='post' name='postthumbnail'/>
  3347.           <b:if cond='data:post.firstImageUrl'>
  3348.                 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3349.           </b:if>
  3350.           <meta expr:content='data:post.snippet' itemprop='description'/>
  3351.           <a expr:id='data:post.id'/>
  3352.             <div class='produk-info-container'>
  3353.             <b:if cond='data:post.title'>
  3354.                 <b:if cond='data:post.url'>
  3355.                   <meta expr:content='data:post.url.canonical' itemprop='url'/>
  3356.                 </b:if>
  3357.           <h2 class='post-title judul-produk entry-title' itemprop='name'>
  3358.             <b:if cond='data:post.link'>
  3359.               <a expr:href='data:post.link'><data:post.title/></a>
  3360.             <b:else/>
  3361.               <b:if cond='data:post.url'>
  3362.                 <b:if cond='data:blog.url != data:post.url'>
  3363.                   <a expr:href='data:post.url'><data:post.title/></a>
  3364.                 <b:else/>
  3365.                   <data:post.title/>
  3366.                 </b:if>
  3367.                 <b:else/>
  3368.                   <data:post.title/>
  3369.               </b:if>
  3370.             </b:if>
  3371.           </h2>
  3372.                 </b:if>
  3373.                
  3374.                 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3375.                 <div class='produk-info'>
  3376.                
  3377.                 <b:if cond='data:post.labels'>
  3378.                 <b:loop values='data:post.labels' var='label'>
  3379.                 <b:if cond='data:label.name != &quot;Artikel&quot;'>
  3380.                 <div expr:id='&quot;produk&quot; + data:post.id'><data:post.body/></div>
  3381.                 <b:else/>
  3382.                 <span class='post-snippet'><data:post.snippet/></span>
  3383.                 <span class='readmoreartikel'><a expr:href='data:post.url'>Baca Selengkapnya...</a></span>
  3384.                 <div class='ini-artikel'>Artikel</div>
  3385.                 </b:if>
  3386.                 </b:loop>
  3387.                 </b:if>
  3388.                
  3389.                 </div>
  3390.                 </div>
  3391.  
  3392.                 </div>
  3393.         </b:switch>
  3394.        
  3395.     <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;index&quot;}'>
  3396.         &lt;/div&gt;
  3397.     </b:if>
  3398.        
  3399.         <div style='clear: both;'/>
  3400.  
  3401.   </section>
  3402. </b:includable>
  3403.  
  3404. <!-- Quick Edit -->
  3405. <b:includable id='postQuickEdit' var='post'>
  3406.   <b:if cond='data:post.editUrl'>
  3407.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  3408.         <span class='edit-post'>
  3409.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  3410.                 <strong>Edit</strong>
  3411.       </a>
  3412.         </span>
  3413.     </span>
  3414.   </b:if>
  3415. </b:includable>
  3416.  
  3417. <!-- Post Comment Info -->
  3418. <b:includable id='postcommentinfo' var='post'>
  3419. <b:if cond='data:post.allowComments'>
  3420.   <span class='comment-info'>
  3421.   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  3422.   </a>
  3423.   </span>
  3424. </b:if>
  3425. </b:includable>
  3426.  
  3427. <!-- Post Comment Info 2 -->
  3428. <b:includable id='postcommentinfo2' var='post'>
  3429. <b:if cond='data:post.allowComments'>
  3430.   <span class='comment-info'>
  3431.   <a href='#comment-form' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  3432.   </a>
  3433.   </span>
  3434. </b:if>
  3435. </b:includable>
  3436.  
  3437. <!-- Post Label Info -->
  3438. <b:includable id='postlabelinfo' var='post'>
  3439. <b:if cond='data:post.labels'>
  3440.   <span class='label-info'>
  3441.   <b:loop values='data:post.labels' var='label'>
  3442.         <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'></b:if>
  3443.   </b:loop>
  3444.   </span>
  3445. </b:if>
  3446. </b:includable>
  3447.  
  3448. <!-- Post Date Info -->
  3449. <b:includable id='postdateinfo' var='post'>
  3450. <b:if cond='data:post.dateHeader'>
  3451.  <span class='time-info'><span  class='updated published' expr:title='data:post.timestampISO8601'>
  3452.  <meta expr:content='data:post.timestampISO8601'/>
  3453.   <data:post.dateHeader/>
  3454.  </span></span>
  3455. <b:else/>
  3456. <b:if cond='data:top.showTimestamp'>
  3457.  <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'>
  3458.  <meta expr:content='data:post.timestampISO8601'/>
  3459.   <data:post.timestamp/>
  3460.  </span></span>
  3461. </b:if>
  3462. </b:if>
  3463. </b:includable>
  3464.  
  3465. <!-- Post Thumbnail -->
  3466. <b:includable id='postthumbnail' var='post'>
  3467.   <a expr:href='data:post.url'><div class='img-thumbnail'>
  3468.   <b:if cond='data:post.thumbnailUrl'>
  3469.         <img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 300)' expr:title='data:post.title'/>
  3470.   <b:else/>
  3471.         <b:if cond='data:post.firstImageUrl'>
  3472.         <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
  3473.   <b:else/>
  3474.         <img expr:alt='data:post.title' expr:title='data:post.title' src='//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w300-h375-c/no-image.png'/>
  3475.   </b:if>
  3476.   </b:if>
  3477.   <div class='lihat-detail'>Lihat Detail</div>
  3478.   </div>
  3479.   </a>
  3480. </b:includable>
  3481.  
  3482. <!-- Post Share Button -->
  3483. <b:includable id='postsharebutton' var='post'>
  3484. <div id='share-container'>
  3485. <div id='share'>
  3486.   <!-- facebook -->
  3487.   <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'></i></a>
  3488.   <!-- twitter -->
  3489.   <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'></i></a>
  3490.   <!-- google plus -->
  3491.   <a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-google-plus'></i></a>
  3492.   <!-- linkedin
  3493.  <a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a> -->
  3494.   <!-- pinterest
  3495.  <a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'></i></a> -->
  3496.   <a class='whatsapp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a>
  3497. </div>
  3498. </div>
  3499. </b:includable>
  3500.  
  3501. <!-- Related Post Widget -->
  3502. <b:includable id='relatedpost' var='post'>
  3503. <div expr:id='&quot;related-post-&quot; + data:post.id' class='related-post'/>
  3504. var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if>];
  3505. var relatedPostConfig = {
  3506.     homePage: &quot;<data:blog.homepageUrl/>&quot;,
  3507.     widgetTitle: &quot;&lt;div class='judul-produk-lainnya'&gt;&lt;h3&gt;&lt;/h3&gt;&lt;/div&gt;&quot;,
  3508.     numPosts: 4,
  3509.     summaryLength: 0,
  3510.     titleLength: &quot;auto&quot;,
  3511.     thumbnailSize: 250,
  3512.     noImage: &quot;//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w300-h375-c/no-image.png&quot;,
  3513.     containerId: &quot;related-post-<data:post.id/>&quot;,
  3514.     newTabLink: false,
  3515.     moreText: &quot;Read More&quot;,
  3516.     widgetStyle: 3,
  3517.     callBack: function() {}
  3518. };
  3519. </b:includable>
  3520.  
  3521.  
  3522.       <b:includable id='shareButtons' var='post'>
  3523.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  3524. </b:includable>
  3525.       <b:includable id='status-message'>
  3526.   <b:if cond='data:navMessage'>
  3527.   <div class='status-msg-wrap'>
  3528.     <div class='status-msg-body'>
  3529.       <data:navMessage/>
  3530.     </div>
  3531.     <div class='status-msg-border'>
  3532.       <div class='status-msg-bg'>
  3533.         <div class='status-msg-hidden'><data:navMessage/></div>
  3534.       </div>
  3535.     </div>
  3536.   </div>
  3537.   <div style='clear: both;'/>
  3538.   </b:if>
  3539. </b:includable>
  3540.  
  3541.       <b:includable id='threaded-comment-form' var='post'>
  3542.   <div class='comment-form'>
  3543.     <a name='comment-form'/>
  3544.     <b:if cond='data:mobile'>
  3545.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3546.       <data:blogTeamBlogMessage/>
  3547.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3548.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  3549.     <b:else/>
  3550.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3551.       <data:blogTeamBlogMessage/>
  3552.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3553.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3554.     </b:if>
  3555.     <data:post.friendConnectJs/>
  3556.     <data:post.cmtfpIframe/>
  3557.     <script>
  3558.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  3559.     </script>
  3560.   </div>
  3561. </b:includable>
  3562.       <b:includable id='threaded_comment_js' var='post'>
  3563.   <script async='async' expr:src='data:post.commentSrc'/>
  3564.  
  3565.   <script>
  3566.     (function() {
  3567.       var items = <data:post.commentJso/>;
  3568.       var msgs = <data:post.commentMsgs/>;
  3569.       var config = <data:post.commentConfig/>;
  3570.  
  3571. // <![CDATA[
  3572.      var cursor = null;
  3573.      if (items && items.length > 0) {
  3574.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  3575.      }
  3576.  
  3577.      var bodyFromEntry = function(entry) {
  3578.        if (entry.gd$extendedProperty) {
  3579.          for (var k in entry.gd$extendedProperty) {
  3580.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  3581.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  3582.            }
  3583.          }
  3584.        }
  3585.        return entry.content.$t;
  3586.      }
  3587.  
  3588.      var parse = function(data) {
  3589.        cursor = null;
  3590.        var comments = [];
  3591.        if (data && data.feed && data.feed.entry) {
  3592.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3593.            var comment = {};
  3594.            // comment ID, parsed out of the original id format
  3595.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3596.            comment.id = id ? id[2] : null;
  3597.            comment.body = bodyFromEntry(entry);
  3598.            comment.timestamp = Date.parse(entry.published.$t) + '';
  3599.            if (entry.author && entry.author.constructor === Array) {
  3600.              var auth = entry.author[0];
  3601.              if (auth) {
  3602.                comment.author = {
  3603.                  name: (auth.name ? auth.name.$t : undefined),
  3604.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3605.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3606.                };
  3607.              }
  3608.            }
  3609.            if (entry.link) {
  3610.              if (entry.link[2]) {
  3611.                comment.link = comment.permalink = entry.link[2].href;
  3612.              }
  3613.              if (entry.link[3]) {
  3614.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3615.                if (pid && pid[1]) {
  3616.                  comment.parentId = pid[1];
  3617.                }
  3618.              }
  3619.            }
  3620.            comment.deleteclass = 'item-control blog-admin';
  3621.            if (entry.gd$extendedProperty) {
  3622.              for (var k in entry.gd$extendedProperty) {
  3623.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3624.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3625.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3626.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  3627.                }
  3628.              }
  3629.            }
  3630.            comments.push(comment);
  3631.          }
  3632.        }
  3633.        return comments;
  3634.      };
  3635.  
  3636.      var paginator = function(callback) {
  3637.        if (hasMore()) {
  3638.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  3639.          if (cursor) {
  3640.            url += '&published-min=' + new Date(cursor).toISOString();
  3641.          }
  3642.          window.bloggercomments = function(data) {
  3643.            var parsed = parse(data);
  3644.            cursor = parsed.length < 50 ? null
  3645.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  3646.            callback(parsed);
  3647.            window.bloggercomments = null;
  3648.          }
  3649.          url += '&callback=bloggercomments';
  3650.          var script = document.createElement('script');
  3651.          script.type = 'text/javascript';
  3652.          script.src = url;
  3653.          document.getElementsByTagName('head')[0].appendChild(script);
  3654.        }
  3655.      };
  3656.      var hasMore = function() {
  3657.        return !!cursor;
  3658.      };
  3659.      var getMeta = function(key, comment) {
  3660.        if ('iswriter' == key) {
  3661.          var matches = !!comment.author
  3662.              && comment.author.name == config.authorName
  3663.              && comment.author.profileUrl == config.authorUrl;
  3664.          return matches ? 'true' : '';
  3665.        } else if ('deletelink' == key) {
  3666.          return config.baseUri + '/delete-comment.g?blogID='
  3667.               + config.blogId + '&postID=' + comment.id;
  3668.        } else if ('deleteclass' == key) {
  3669.          return comment.deleteclass;
  3670.        }
  3671.        return '';
  3672.      };
  3673.  
  3674.      var replybox = null;
  3675.      var replyUrlParts = null;
  3676.      var replyParent = undefined;
  3677.  
  3678.      var onReply = function(commentId, domId) {
  3679.        if (replybox == null) {
  3680.          // lazily cache replybox, and adjust to suit this style:
  3681.          replybox = document.getElementById('comment-editor');
  3682.          if (replybox != null) {
  3683.            replybox.height = '250px';
  3684.            replybox.style.display = 'block';
  3685.            replyUrlParts = replybox.src.split('#');
  3686.          }
  3687.        }
  3688.        if (replybox && (commentId !== replyParent)) {
  3689.          document.getElementById(domId).insertBefore(replybox.parentNode, null);
  3690.          replybox.src = replyUrlParts[0]
  3691.              + (commentId ? '&parentID=' + commentId : '')
  3692.              + '#' + replyUrlParts[1];
  3693.          replyParent = commentId;
  3694.        }
  3695.      };
  3696.  
  3697.      var hash = (window.location.hash || '#').substring(1);
  3698.      var startThread, targetComment;
  3699.      if (/^comment-form_/.test(hash)) {
  3700.        startThread = hash.substring('comment-form_'.length);
  3701.      } else if (/^c[0-9]+$/.test(hash)) {
  3702.        targetComment = hash.substring(1);
  3703.      }
  3704.  
  3705.      // Configure commenting API:
  3706.      var configJso = {
  3707.        'maxDepth': config.maxThreadDepth
  3708.      };
  3709.      var provider = {
  3710.        'id': config.postId,
  3711.        'data': items,
  3712.        'loadNext': paginator,
  3713.        'hasMore': hasMore,
  3714.        'getMeta': getMeta,
  3715.        'onReply': onReply,
  3716.        'rendered': true,
  3717.        'initComment': targetComment,
  3718.        'initReplyThread': startThread,
  3719.        'config': configJso,
  3720.        'messages': msgs
  3721.      };
  3722.  
  3723.      var render = function() {
  3724.        if (window.goog && window.goog.comments) {
  3725.          var holder = document.getElementById('comment-holder');
  3726.          window.goog.comments.render(holder, provider);
  3727.        }
  3728.      };
  3729.  
  3730.      // render now, or queue to render when library loads:
  3731.      if (window.goog && window.goog.comments) {
  3732.        render();
  3733.      } else {
  3734.        window.goog = window.goog || {};
  3735.        window.goog.comments = window.goog.comments || {};
  3736.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  3737.        window.goog.comments.loadQueue.push(render);
  3738.      }
  3739.    })();
  3740. // ]]>
  3741.   </script>
  3742. </b:includable>
  3743.  
  3744.       <b:includable id='threaded_comments' var='post'>
  3745.   <div class='comments' id='comments'>
  3746.     <a name='comments'/>
  3747.       <div class='judul-review'><h3><b:if cond='data:post.numComments == 0'>Komentar (0)</b:if> <b:if cond='data:post.numComments == 1'>Komentar (1)</b:if> <b:if cond='data:post.numComments &gt; 1'>Komentar (<data:post.numComments/>)</b:if></h3></div>
  3748.  
  3749.     <div class='comments-content'>
  3750.       <b:if cond='data:post.embedCommentForm'>
  3751.         <b:include data='post' name='threaded_comment_js'/>
  3752.       </b:if>
  3753.       <div id='comment-holder'>
  3754.          <data:post.commentHtml/>
  3755.       </div>
  3756.     </div>
  3757.  
  3758.     <p class='comment-footer'>
  3759.       <b:if cond='data:post.allowNewComments'>
  3760.         <b:include data='post' name='threaded-comment-form'/>
  3761.       <b:else/>
  3762.         <data:post.noNewCommentsText/>
  3763.       </b:if>
  3764.     </p>
  3765.  
  3766.     <b:if cond='data:showCmtPopup'>
  3767.       <div id='comment-popup'>
  3768.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3769.         </iframe>
  3770.       </div>
  3771.     </b:if>
  3772.  
  3773.     <div id='backlinks-container'>
  3774.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3775.        <b:if cond='data:post.showBacklinks'>
  3776.          <b:include data='post' name='backlinks'/>
  3777.        </b:if>
  3778.     </div>
  3779.     </div>
  3780.   </div>
  3781. </b:includable>
  3782.  
  3783.     </b:widget>
  3784.   </b:section>
  3785.  
  3786.   </div>
  3787.  
  3788.   </div>
  3789.   <div class='clear'/>
  3790.   <!-- post wrapper end -->
  3791.  
  3792.   <!-- jasa pengiriman start -->
  3793.   <aside id='jasa-pengiriman-widget'>
  3794.     <div class='jasa-pengiriman'>
  3795.         <div class='judul-jasa-pengiriman'>
  3796.         <h4>Jasa Pengiriman</h4>
  3797.         </div>
  3798.         <span class='jne'/>
  3799.         <span class='jdant'/>
  3800.         <span class='posindonesia'/>
  3801.         <span class='tiki'/>
  3802.         <span class='sicepat'/>
  3803.         <span class='wahana'/>
  3804.         </div>
  3805.   </aside>
  3806.   <!-- jasa pengiriman end -->
  3807.  
  3808.   <div class='clear'/>
  3809.   </div>
  3810.   <!-- wrapper end -->
  3811.  
  3812.  
  3813.   <!-- footer widget -->
  3814.   <aside id='widget-footer-container'>
  3815.     <div id='widget-footer-wrapper'>
  3816.     <b:section class='widget-footer' id='widget-footer1' preferred='yes'>
  3817.     </b:section>
  3818.     <b:section class='widget-footer' id='widget-footer2' preferred='yes'>
  3819.     </b:section>
  3820.     <b:section class='widget-footer' id='widget-footer3' preferred='yes'>
  3821.     </b:section>
  3822.     </div>
  3823.   </aside>
  3824.   <div class='clear'/>
  3825.   <!-- footer widget -->
  3826.  
  3827.   <!-- footer wrapper start -->
  3828.   <footer id='footer-container'>
  3829.   <div id='footer-wrapper'>
  3830.         <div class='footer-left'>
  3831.         Copyright 2019 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
  3832.         </div>
  3833.         <div class='footer-right'>
  3834.         Uploaded by <a href='https://www.reynaldiarya.com'>Reynaldi Arya</a>
  3835.         </div>
  3836.   </div>
  3837.   </footer>
  3838.   <!-- footer wrapper end -->
  3839.  
  3840. <div class='back-to-top'>
  3841.         <a href='#' id='back-to-top' title='back to top'>
  3842.                 <i class='fa fa-chevron-up'/>
  3843.         </a>
  3844. </div>
  3845.  
  3846. <script>            
  3847. $(window).scroll(function() {
  3848.     if($(this).scrollTop() &gt; 200) {
  3849.         $(&#39;#back-to-top&#39;).fadeIn();
  3850.     } else {
  3851.         $(&#39;#back-to-top&#39;).fadeOut();
  3852.     }
  3853. });
  3854. $(&#39;#back-to-top&#39;).hide().click(function() {
  3855.     $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
  3856.     return false;
  3857. });
  3858. </script>  
  3859.  
  3860. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3861. //<![CDATA[                      
  3862. /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
  3863. var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+""):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-thumbnail" href="'+v+'"'+b+'><img alt="" src="'+r+'" width="'+d.thumbnailSize+'"><div class="lihat-detail">Lihat Detail</div></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" src="'+r+'" width="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-thumbnail" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" src="'+r+'" width="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
  3864. //]]>                    
  3865. </b:if>
  3866.  
  3867. //<![CDATA[
  3868. // search form
  3869. $(function(){$('a[href="#searchfs"]').on("click",function(e){e.preventDefault(),$("#searchfs").addClass("open"),$('#searchfs > form > input[type="search"]').focus()}),$("#searchfs, #searchfs button.close").on("click keyup",function(e){e.target!=this&&"close"!=e.target.className&&27!=e.keyCode||$(this).removeClass("open")})});
  3870. // nav menu
  3871. !function(s){s.fn.menumaker=function(n){var e=s(this),o=s.extend({format:"dropdown",sticky:!1},n);return this.each(function(){s(this).find(".button").on("click",function(){s(this).toggleClass("menu-opened");var n=s(this).next("ul");n.hasClass("open")?n.slideToggle(150).removeClass("open"):(n.slideToggle(150).addClass("open"),"dropdown"===o.format&&n.find("ul").show())}),e.find("li ul").parent().addClass("has-sub"),multiTg=function(){e.find(".has-sub").prepend('<span class="submenu-button"></span>'),e.find(".submenu-button").on("click",function(){s(this).toggleClass("submenu-opened"),s(this).siblings("ul").hasClass("open")?s(this).siblings("ul").removeClass("open").slideToggle(150):s(this).siblings("ul").addClass("open").slideToggle(150)})},"multitoggle"===o.format?multiTg():e.addClass("dropdown"),!0===o.sticky&&e.css("position","fixed")})}}(jQuery),function(s){s(document).ready(function(){s("#cssmenu").menumaker({format:"multitoggle"})})}(jQuery);
  3872. //]]>
  3873. </script>
  3874.  
  3875. <!-- <link href='//fonts.googleapis.com/css?family=Roboto:400,500' rel='stylesheet' type='text/css'/> -->
  3876. <link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
  3877.  
  3878. &lt;!--</body>--&gt;&lt;/body&gt;
  3879. </html>