You are on page 1of 112

<?xml version="1.0" encoding="UTF-8" ?

>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>

&lt;head&gt;
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0'
name='viewport'/>
<meta charset='utf-8'/>
<link href='https://www.google.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/>
<!-- Links -->

<!-- Links END-->


<b:include data='blog' name='all-head-content'/>

<title>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/>
ERROR 404 - <data:blog.title/>
</b:if>
</b:if>
</title>

<!-- Description and Keywords -->


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
</b:if>
<meta content='YOUR KEYWORDS HERE' name='keywords'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.postImageUrl'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>

<style type='text/css'>
/*
-----------------------------------------------
Name : Gossip
Designer: Themeswear
Url : http://www.Themeswear.com/
License : Creative Commons Attribution License
[ Use This With Proper Credit ]
----------------------------------------------- */
.blog-feeds{display: none}

/*****************************************
Blog Pager
******************************************/
.home-link { display:none; }
.next-prev-post { position:relative; padding-top:40px; border-top:1px solid #f4f4f4; }
.next-prev-post:after,.next-prev-post:before { display:table; content:&quot; &quot;; }
.next-prev-post .next-post,.next-prev-post .prev-post { float:left; position:relative;
width:50%; height:70px; padding:5px 40px; }
.next-prev-post .next-post:before,.next-prev-post .prev-post:before { background-
color:#f5bb00; }
.next-prev-post .next-post:before,.next-prev-post .prev-post:before
{ content:&quot;\f104&quot;; font-family:FontAwesome; position:absolute; width:30px;
background-color:#f5bb00; color:#fff; text-align:center; line-height:70px; height:70px; left:0;
top:0; font-size:14px; }
.next-prev-post .post-title { line-height:1.4; font-size:18px; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis; color:#777; }
.next-prev-post p { color:#cecece; font-size:12px; }
.next-prev-post .next-post { float:right; text-align:right; }
.next-prev-post .next-post:before { right:0; left:auto; content:&quot;\f105&quot;; }
.next-prev-post:after { clear:both; }
.status-msg-wrap { text-align:center; padding:17px; color:#6F6B6B; margin-bottom:25px;
text-transform:capitalize; border:1px solid #ddd; }
.status-msg-border { display:none; }
/*****************************************
Page navigation
******************************************/

#blog-pager { display:block; -webkit-border-radius:0; -moz-border-radius:0; -o-border-


radius:0; border-radius:0; padding:0; margin:0 0 30px; list-style:none; font-size:0; text-
align:center; }
.showpage.up_page a { float:left; }
.showpageNum a:hover,.showpage a:hover { background-color:#f5bb00; color:#fff; }
.showpageNum a,.showpage a { transition:all .2s ease-in; }
.showpageOf { display:none; }
.showpageNum a,.showpage a { margin:0 4px; }
.showpagePoint { margin:0 2px 0 0; }
.showpagePoint { display:inline-block; font-size:14px; line-height:40px; border:none;
background:#fff; margin:0 3px; color:black; height:40px; width:40px; text-align:center;
float:none; padding:0; position:relative; background-color:#f5bb00; color:#fff; }
.showpageNum a { display:inline-block; font-size:14px; line-height:40px; border:none;
background:#fff; margin:0 3px; color:black; height:40px; width:40px; text-align:center;
float:none; padding:0; position:relative; text-decoration:none; }
.showpage a { float:right; display:inline-block; font-size:14px; line-height:40px;
border:none; background:#fff; margin:0 3px; color:black; height:40px; text-align:center;
padding:0 20px; position:relative; text-decoration:none; }
.showpageOf { display:none; }
/*****************************************
Comments CSS
******************************************/

#comments { padding:0; display:inline-block; width:100%; background:#fff; }


#comments &gt; h4 { padding:0 0 15px; margin:0; line-height:1; font-size:14px; text-
transform:uppercase; color:#50514f; border-bottom:1px solid #f4f4f4; position:relative; text-
align:left; padding-top:20px; }
#comments &gt; h4:before { position:absolute; content:&quot; &quot;; z-index:1; bottom:-
1px; left:0; width:80px; height:1px; background-color:#f5bb00; }
.c_msg_p { font-size:12px; padding:5px; }
#comments #comment-post-message { color:#FFFFFF; background:#F5BB00; margin:0;
padding:10px 10px; line-height:normal; border-radius:2px; font-size:15px; }
#comments .user a { color:#555; font-style:normal; font-size:16px; line-height:26px; font-
weight:400; letter-spacing:1px; }
#comments .datetime,#comments .datetime a { color:#999; text-decoration:none; margin:0
0 0; font-size:14px; display:inline-block; float:right; }
.comments .comments-content .comment-content { margin:0 0 20px; color:#7B7B7B; }
#comments .datetime a { margin:auto; }
#comments .comment-actions a { background-color:#F5BB00; border:1px solid #F5BB00;
border-radius:2px; color:#FFF; font-size:11px; padding:5px 15px; text-transform:uppercase;
text-decoration:none; margin-right:10px; }
#comments .comment-actions a:hover { color:#fff; background-color:#555; border:1px
solid #555; }
#comments .comment { border-bottom:1px solid #eee; padding:0 0 5px; }
#comments .loadmore { margin-top:0; }
#comment-editor { height:235px; }
.comments .comments-content .avatar-image-container { max-height:76px; width:76px; }
#comments .comments-content .avatar-image-container img { max-width:75px; border-
radius:205px; }
.comments .comment-block { margin-left:90px !important; }
span.icon.user.blog-author:after { background-color:#F5BB00; color:#FFF; padding:2px
5px; font-weight:normal; font-size:13px; content:&quot;Admin&quot;; display:inline-block; }
.thread-toggle { display:block !important; }
.thread-toggle.thread-expanded { border-bottom:1px solid #ddd; width:100%; padding:0 0
10px; margin-bottom:10px; }
#comments .thread-chrome .comment { border-bottom-color:#ddd !important; }
#comments .comment-author { padding-left:25px; }
.comment-body { margin:.5em 25px; }
.comment-footer { margin:.5em 25px 1.5em; }
.comment-body p { margin:0; }
#comments .avatar-comment-indent .comment-author { margin-left:-45px; padding-
left:45px; }
.deleted-comment { font-style:italic; opacity:.5; }
#comment-actions { background:transparent; border:0; padding:0; position:absolute;
height:25px; }
#comments .blogger-comment-icon,.blogger-comment-icon { line-height:16px;
background:url(/img/b16-rounded.gif) left no-repeat; padding-left:20px; }
#comments .openid-comment-icon,.openid-comment-icon { line-height:16px;
background:url(/img/openid16-rounded.gif) left no-repeat; padding-left:20px; }
#comments .anon-comment-icon,.anon-comment-icon { line-height:16px;
background:url(/img/anon16-rounded.gif) left no-repeat; padding-left:20px; }
.comment-form { clear:both; _width:410px; }
.comment-link { white-space:nowrap; }
.paging-control-container { float:right; margin:0 6px 0 0; font-size:80%; }
.unneeded-paging-control { visibility:hidden; }
#comments-block .avatar-image-container img { -ms-interpolation-mode:bicubic;
border:1px solid #ccc; float:right; }
#comments-block .avatar-image-container.avatar-stock img { border-width:0;
padding:1px; }
#comments-block .avatar-image-container { height:37px; left:-45px; position:absolute;
width:37px; }
#comments-block.avatar-comment-indent { margin-left:45px; position:relative; }
#comments-block.avatar-comment-indent dd { margin-left:0; }
iframe.avatar-hovercard-iframe { border:0 none; padding:0; width:25em; height:9.4em;
margin:.5em; }
.comments { clear:both; margin-top:10px; margin-bottom:0; }
.comments .comments-content { margin-bottom:16px; }
.comments .comment .comment-actions a { padding-right:5px; padding-top:5px; }
.comments .comment .comment-actions a:hover { text-decoration:underline; }
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-
align:left; }
.comments .comments-content .inline-thread { padding:.5em 1em; }
.comments .comments-content .comment-thread { margin:8px 0; }
.comments .comments-content .comment-thread:empty { display:none; }
.comments .comments-content .comment-replies { margin-left:36px; margin-top:1em; }
.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }
.comments .comments-content .comment:first-child { padding-top:16px; }
.comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; }
.comments .comments-content .comment-body { position:relative; }
.comments .comments-content .user { font-style:normal; font-weight:bold; }
.comments .comments-content .icon.blog-author { display:inline-block; height:18px;
margin:0 0 -4px 6px; width:18px; }
.comments .comments-content .datetime { margin-left:6px; }
.comments .comments-content .comment-header,.comments .comments-content .comment-
content { margin:0 0 8px; }
.comments .comments-content .comment-content { text-align:justify; }
.comments .comments-content .owner-actions { position:absolute; right:0; top:0; }
.comments .comments-replybox { border:none; height:250px; width:100%; }
.comments .comment-replybox-single { margin-left:48px; margin-top:5px; }
.comments .comment-replybox-thread { margin-top:5px; }
.comments .comments-content .loadmore a { display:block; padding:10px 16px; text-
align:center; }
.comments .thread-toggle { cursor:pointer; display:inline-block; border:1px solid #ddd;
width:100%; padding:10px; margin-bottom:10px; }
.comments .continue { cursor:pointer; }
.comments .continue a { background-color:#F5BB00; border:1px solid #F5BB00; border-
radius:2px; color:#FFF; font-size:11px; display:inline-block; padding:10px 20px; text-
transform:uppercase; text-decoration:none; margin-right:10px; }
.comments .comments-content .loadmore { cursor:pointer; margin-top:3em; max-
height:3em; }
.comments .comments-content .loadmore.loaded { max-height:0; opacity:0;
overflow:hidden; }
.comments .thread-chrome.thread-collapsed { display:none; }
.comments .thread-toggle { display:inline-block; }
.comments .thread-toggle .thread-arrow { display:inline-block; height:8px; margin:.3em;
overflow:visible; padding-right:4px; width:10px; top:3px; position:relative; }
.comments .thread-expanded .thread-arrow
{ background:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAA
AHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhU
MAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent; }
.comments .thread-collapsed .thread-arrow
{ background:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAA
AHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s
4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent; }
.comments .avatar-image-container { float:left; max-height:36px; overflow:hidden;
width:36px; }
.comments .avatar-image-container img { max-width:36px; }
.comments .comment-block { margin-left:48px; position:relative; }

@media screen and (max-device-width:480px) {


.comments .comments-content .comment-replies { margin-left:0; }
}
table.tr-caption-container { padding:4px; margin-bottom:.5em; }
td.tr-caption { font-size:80%; }
.icon-action { border-style:none !important; margin:0 0 0 .5em !important; vertical-
align:middle; }
.comment-action-icon { width:13px; height:13px; margin-top:3px; }
.delete-comment-icon { background:url(&quot;/img/icon_delete13.gif&quot;) no-repeat
left; padding:7px; }
#comment-popup { position:absolute; visibility:hidden; width:100px; height:20px; }
.widget-about.post-author .social-icons a:hover { color:#f5bb00; }
.widget-about.post-author { text-align:left; position:relative; padding:30px 0; }
.widget-about.post-author:after,.widget-about.post-author:before { display:table;
content:&quot; &quot;; }
.widget-about.post-author .avatar { float:left; width:80px; height:80px; position:relative; z-
index:2; overflow:hidden; margin-top:10px; -webkit-border-radius:50%; -moz-border-
radius:50%; -o-border-radius:50%; border-radius:50%; margin:0 auto 15px; background-
color:#cecece; }
.widget-about .avatar img { position:absolute; margin:auto; top:-9999px; right:-9999px;
bottom:-9999px; left:-9999px; width:100%; height:auto; z-index:1; }
.widget-about.post-author .caption { position:relative; margin-left:100px; }
.widget-about .name { color:#50514f; margin-bottom:5px; font-size:20px; }
.widget-about.post-author .caption .subname { font-size:12px; text-transform:uppercase; }
.widget-about.post-author .caption .description { font-size:14px; color:#999; }
.widget-about.post-author .social-icons { position:relative; left:-10px; }
.widget-about.post-author .social-icons a { color:#50514f;font-weight: bold }
.widget-about.post-author:after { clear:both; }
.widget-about.post-author:after,.widget-about.post-author:before { display:table;
content:&quot; &quot;; }
.social-icons a { color:#999; width:20px; display:inline-block; text-align:center; line-
height:30px; font-size:14px; -webkit-transition:color ease .2s; -moz-transition:color ease .2s; -o-
transition:color ease .2s; transition:color ease .2s; }
.item-content { color:#718083; border-bottom:1px solid #eee; padding:5px; display:flex; }
.item-conconten { display:flex; flex-direction:column; padding-left:8px; }
.item-conconten a.item-title{ font-size:16px; color:#333; }
.popular-posts ul { padding:10px 5px; }

/* -----------------------------------------------
Blogger Template Style
Name:Nguyen Van Hai
Author:Nguyen Van Hai
Url:http://www.torym.com/
Updated by:Blogger Team Torym
This free Blogger template is licensed under the Creative Commons Attribution 3.0
License,which permits both personal and commercial use. However,to satisfy the &#39;
attribution&#39; clause of the license,you are required to keep the footer links which provides
due credit to its authors and supporters. For more specific details about the license,you may visit
the URL below:http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

/* CSS Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,addr
ess,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,canva
s,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,ti
me,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-
align:baseline; }

/* HTML5 display-role reset for older browsers */


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{ display:block; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:&#39;&#39;; content:none; }
table { border-collapse:collapse; border-spacing:0; }
/* ------------------ My Style --------------------------- */

body{color:#2e2e2e; font-family:-apple-system,BlinkMacSystemFont,&quot;Segoe
UI&quot;,Roboto,Arial,sans-serif; font-size:14px; font-weight:normal; line-height:1.6;
background-color:#fff; /*
background:#f5f6f7; */}
a:visited { color:#609; }
a:link { color:#1a0dab; }
a:link,a:visited { text-decoration:none; transition:all .3s; }
.clear { clear:both; }
header,section,footer { margin:0; padding:0; }

/* HEADER */
.header { width:100%; position:fixed; box-sizing:border-box; z-index:800; }
.header-one { width:100%; float:left; box-sizing:border-box; margin-top:-1px; }
.header-core { margin:0 auto; display:table; width:1280px; position:relative; z-index:100; }
.header-default-icon { height:60px; padding:15px 10px 0 10px; float:left; box-
sizing:border-box; display:none; }
.header-logo { width:150px; float:left; margin:5px 0 0; }
.header-logo img { width:100%; max-width:100%; height:auto; float:left; }
.header-search { float:right; padding-top:9px; position:relative; }
.header-search-icon { position:absolute; top:19px; right:15px; z-index:40; width:18px;
height:18px; }
.header-search-field { width:250px; height:44px; float:left; border:0; border-radius:30px;
padding:6px 40px 8px 20px; box-sizing:border-box; background:none; }
.header { background:#fff; }
.header-toolbar { border-bottom:1px solid #e1e1e1; background:#f4f4f4; color:#333; }
.header-toolbar a { color:#888; }
.header-toolbar a:hover { color:#f23d4e; }
.header-one { border-bottom:1px solid #e1e1e1; }
.header-default-icon { color:#777; }
.header-default-icon:hover { color:#f23d4e; }
.header-default-icon i { font-size:27px; }
.header-search-icon { color:#999; }
.header-search-field { color:#555; border:1px solid #ddd; background:#fbfbfb; }
.header.blue { background:linear-gradient(90deg,#4296d8,#77baec); }
.header.blue .header-one { border-bottom:1px solid #3580ba; }
.header.blue .header-default-icon { color:#eee; }
.header.blue .header-default-icon:hover { color:#fff; }
.header.blue .header-search-field,.header.dark .header-search-field { border:1px solid #fff; }
.header.dark { background:#232f3e; }
.header.dark .header-one { border-bottom:1px solid #232f3e; }
.header.dark .header-default-icon { color:#bbb; }
.header.dark .header-default-icon:hover { color:#fbdf5f; }
/* HEADER 2 */

.header-profile { float:right; position:relative; z-index:100; }


.header-profile-icon { height:60px; float:left; vertical-align:middle; }
.header-profile-icon i { font-size:34px; color:#fff; padding:13px 12px 0 12px; box-
sizing:border-box; float:left; }
.header-profile-box { position:absolute; top:60px; right:0; z-index:200; box-sizing:border-
box; width:300px; display:none; }
.header-profile-box:before,.header-profile-box:after { content:&#39;&#39;;
position:absolute; border-style:solid; display:block; width:0; }
.header-profile-box:before { border-width:0 8px 8px; z-index:0; top:-8px; right:18px; }
.header-profile-box:after { border-width:0 7px 7px; z-index:1; top:-7px; right:19px; }
.header-profile-action,.header-info,.header-action { width:100%; float:left; padding:10px;
box-sizing:border-box; position:relative; }
.header-profile-action h3 { margin-bottom:10px; }
.header-profile-action label { margin-bottom:4px; display:block; }
.header-profile-field { padding:8px; margin-bottom:10px; outline:none; border-radius:0;
box-sizing:border-box; width:100%; float:left; }
.header-profile-submit { padding:7px 20px 10px 20px; cursor:pointer; border:none;
font:14px/22px Tahoma,Arial,Helvetica,sans-serif; float:left; -webkit-appearance:none; }
.header-profile-check { float:left; margin-left:20px; margin-top:10px; }
.header-profile-check input { float:left; margin:0 5px 0 0; display:inline-block; }
.header-profile-check label { line-height:13px; margin-bottom:0; display:inline-block;
margin-left:5px; }
.header-info h4,.header-info span { width:70%; float:right; }
.header-info-image { width:26%; float:left; }
.header-info-image img { width:100%; max-width:100%; height:auto; float:left; }
.header-info-image img { border-radius:50%; }
.header-action { text-align:center; }
.header-action p { margin-bottom:12px; font-size:14px; line-height:22px; }
.header-action a { text-align:center; padding:5px 0 8px 0; margin-right:4%; width:48%;
float:left; box-sizing:border-box; font-weight:bold; }
.header-action a:last-child { margin-right:0; }
.header-action a.alt { width:100%; }
.header-profile-icon i { color:#777; }
.header-profile-icon i:hover { color:#f23d4e; }
.header-profile-box { background:#fff; border:1px solid #ddd; }
.header-profile-box:before { border-color:#ccc transparent; }
.header-profile-box:after { border-color:#fff transparent; }
.header-profile-text { color:#fff; border:2px solid #329ae5; background:#329ae5; }
.header-profile-text:hover { color:#fff !important; border:2px solid #f23d4e !important;
background:#f23d4e !important; }
.header-profile-action { color:#71716e; }
.header-profile-field { border:1px solid #dbe6ec; color:#333; background:#fafbfd; }
.header-profile-submit { background:#0c94f7; color:#fff; }
.header-profile-submit:hover { background:#f23d4e; color:#fff; }
.header-info h4 { color:#f23d4e; }
.header-info a { color:#1b94d9; }
.header-info a:hover { color:#f23d4e; }
.header-info span { color:#999; }
.header-info span.alt { color:#777; }
.header-action { background:#f9f9f9; }
.header-action p { color:#444; }
.header-action a { color:#aaa; background:#fff; border:2px solid #bbb; }
.header-action a.red { background:#e2431e; color:#fff; border:2px solid #e2431e; }
.header-action a:hover { background:#f23d4e; color:#fff; border:2px solid #f23d4e; }
.header.blue .header-profile-icon i { color:#fff; }
.header.blue .header-profile-icon i:hover { color:#eee; }
.header.dark .header-profile-icon i { color:#bbb; }
.header.dark .header-profile-icon i:hover { color:#fbdf5f; }

/* MAIN MENU */
.main-menu { float:left; }
.main-menu-primary,.main-menu-primary ul { width:auto; float:left; margin-
bottom:0 !important; }
.main-menu-primary li { float:left; height:60px; position:relative; }
.main-menu-primary li a { font-size:15px; line-height:22px; float:left; padding:17px 0 19px
0; margin-left:40px; }
.main-menu-secondary { float:left; position:relative; }
.main-menu-secondary ul { position:absolute; right:0; top:60px; z-index:400; box-
sizing:border-box; width:180px; display:none; }
.main-menu-secondary ul:before,.main-menu-secondary ul:after { content:&#39;&#39;;
position:absolute; border-style:solid; display:block; width:0; }
.main-menu-secondary ul:before { border-width:0 8px 8px; z-index:0; top:-8px; right:6px; }
.main-menu-secondary ul:after { border-width:0 7px 7px; z-index:1; top:-7px; right:7px; }
.main-menu-secondary li,.main-menu-secondary li a { width:100%; float:left; }
.main-menu-secondary li a { font-size:14px; line-height:22px; padding:6px 20px 8px 18px;
box-sizing:border-box; }
.main-menu-secondary li a.active { font-weight:600; }
.main-menu-icon { font:30px/30px &quot;WP&quot;; height:60px; padding-top:15px;
padding-left:40px; float:left; box-sizing:border-box; }
.main-menu-primary li a { color:#777; }
.main-menu-primary li a.active { color:#f23d4e; }
.main-menu-primary li a:hover { border-bottom:2px solid #f23d4e; color:#f23d4e; }
.main-menu-secondary ul { background:#fff; border:1px solid #ddd; }
.main-menu-secondary ul:before { border-color:#ccc transparent; }
.main-menu-secondary ul:after { border-color:#fff transparent; }
.main-menu-secondary li a { color:#777; }
.main-menu-secondary li a.active { color:#f23d4e; }
.main-menu-secondary li a:hover { color:#222; }
.main-menu-icon { color:#777; }
.main-menu-icon:hover { color:#f23d4e; }
.main-menu.blue .main-menu-primary li a { color:#fff; text-decoration:none; }
.main-menu.blue .main-menu-primary li a.active { color:#eee; border-bottom:2px solid
#eee; }
.main-menu.blue .main-menu-primary li a:hover { border-bottom:2px solid #fff; text-
decoration:none; }
.main-menu.blue .main-menu-icon { color:#ccc; }
.main-menu.blue .main-menu-icon:hover { color:#fff; }
.main-menu.dark .main-menu-primary li a { color:#bbb; }
.main-menu.dark .main-menu-primary li a.active { color:#fede5f; border-bottom:2px solid
#fede5f; }
.main-menu.dark .main-menu-primary li a:hover { color:#eee; border-bottom:2px solid
#eee; }
.main-menu.dark .main-menu-icon { color:#ccc; }
.main-menu.dark .main-menu-icon:hover { color:#fbdf5f; }
/* SITE MENU */

.site-menu,.site-menu-teaser { width:100%; float:left; }


.site-menu { position:relative; box-sizing:border-box; }
.site-menu-core { width:1280px; display:table; margin:0 auto; position:relative; }
.site-menu-title { float:left; font-size:18px; line-height:24px; font-weight:600; padding-
top:15px; padding-bottom:21px; }
.site-menu-title span { font-weight:500; }
.site-menu-title h2 { font-size:18px; line-height:18px; font-weight:600; }
.site-menu-list { float:right; position:relative; }
.site-menu-list ul { float:left; margin-bottom:0; }
.site-menu-list li { float:left; display:inline; }
.site-menu-list li a { padding:19px 0 23px 0; margin-left:40px; float:left; font-size:16px;
line-height:16px; font-weight:600; position:relative; }
.site-menu-list li a span { padding:3px 6px 4px 6px; border-radius:20px; font-size:11px;
line-height:11px; font-weight:bold; position:absolute; top:10px; right:-15px; }
.site-menu-icon { height:60px; float:left; box-sizing:border-box; display:none;
position:relative; }
.site-menu-icon i { font:24px/24px &quot;WP&quot;; padding-top:16px; float:left; }
.site-menu-icon span { width:10px; height:10px; position:absolute; top:16px; right:-2px;
border-radius:50%; }
.site-menu-teaser { position:relative; }
.site-menu-teaser:after { content:&quot;&quot;; display:block; position:absolute; bottom:-
1px; left:0; width:25px; height:2px; }
.site-menu-sorting { float:right; margin-top:13px; margin-bottom:15px; position:relative; }
.site-menu-sorting-text { margin-top:3px; margin-right:7px; float:left; }
.site-menu-link,.site-menu-button { padding:8px 25px 10px 12px; font-size:12px; line-
height:12px; border-radius:3px; float:left; position:relative; }
.site-menu-link:after,.site-menu-button:after { content:&quot;&quot;; font:9px/9px
&quot;WP&quot;; position:absolute; right:8px; top:10px; }
.site-menu-link:after { content:&quot;(&quot;; }
.site-menu-legend { float:left; }
.site-menu-legend ul { position:absolute; right:0; top:46px; z-index:400; box-sizing:border-
box; width:200px; display:none; }
.site-menu-legend ul:before,.site-menu-legend ul:after { content:&#39;&#39;;
position:absolute; border-style:solid; display:block; width:0; }
.site-menu-legend ul:before { border-width:0 8px 8px; z-index:0; top:-8px; right:2px; }
.site-menu-legend ul:after { border-width:0 7px 7px; z-index:1; top:-7px; right:3px; }
.site-menu-legend li,.site-menu-legend li a { width:100%; float:left; }
.site-menu-legend li a { font-size:14px; line-height:22px; padding:6px 15px 8px 15px; box-
sizing:border-box; }
.site-menu-legend li a.active { font-weight:600; }
.site-menu.force { padding:0 20px; }
.site-menu.none { background:none; }
.site-menu.none .site-menu-list { bottom:-1px; }
.site-menu.none .site-menu-list li a { border-bottom:0; }
.site-menu { background:#eee; color:#888; }
.site-menu-title { color:#333; }
.site-menu-title span { color:#aaa; }
.site-menu-list li a { color:#aaa; border-bottom:2px solid #eee; text-decoration:none; }
.site-menu-list li a span { background:#f23d4e; color:#fff; }
.site-menu-list li a.active { color:#222 !important; border-bottom:2px solid
#222 !important; }
.site-menu-list li a:hover { color:#f23d4e !important; border-bottom:2px solid
#f23d4e !important; text-decoration:none; }
.site-menu-icon { color:#555; }
.site-menu-icon:hover { color:#f23d4e; }
.site-menu-icon span { background:#f23d4e; }
.site-menu-icon:hover span { background:#aaa; }
.site-menu-teaser { border-bottom:solid 1px #e5e5e5; }
.site-menu-teaser:after { background-color:#d23d3c; }
.site-menu-link,.site-menu-button { background:#fff; color:#888; border:1px solid
#e6e4e4; }
.site-menu-link:hover,.site-menu-button:hover { color:#fff; background:#f23d4e;
border:1px solid #f23d4e; }
.site-menu-legend ul { background:#fff; border:1px solid #ddd; }
.site-menu-legend ul:before { border-color:#ccc transparent; }
.site-menu-legend ul:after { border-color:#fff transparent; }
.site-menu-legend li { border-bottom:1px solid #eee; }
.site-menu-legend li:last-child { border-bottom:0; }
.site-menu-legend li a { color:#777; }
.site-menu-legend li a.active { color:#f23d4e; }
.site-menu-legend li a:hover { color:#222; }
/* CONTENT */

.content,.catalog { width:100%; float:left; }


.content { padding-top:60px; position:relative; }
.content-core.space { padding-top:20px; padding-bottom:5px; }
.content-core,.section-core,.wide-core { width:1280px; display:table; margin:0 auto;
position:relative; }
.primary { width:920px; margin-right:20px; float:left; position:relative; }
.secondary { width:340px; float:left; position:relative; }
.main-content-yes { display:block; }
.banner-hello { display:block; margin-bottom:20px; box-sizing:border-box; padding:20px;
width:100%; }
/* FEATURED 1 */

.featured,.featured-cover { width:100%; float:left; position:relative; overflow:hidden; }


.featured:before,.featured-cover:before { position:absolute; top:0; left:0; width:100%;
height:100%; content:&quot;&quot;; opacity:0.2; }
.featured img,.featured-cover img { width:100%; max-width:100%; height:auto; float:left; }
.featured-callout { width:80%; position:absolute; transform:translate(-50%,-50%); top:44%;
left:50%; text-align:center; }
.featured-callout h1 { font-size:44px; line-height:44px; font-weight:300; }
.featured-callout h3 { margin-top:15px; font-size:20px; line-height:20px; font-weight:200; }
.featured-cover-text { position:absolute; transform:translate(-50%,-50%); left:50%;
top:43%; z-index:50; width:80%; text-align:center; }
.featured-cover-text h1 { font-size:60px; line-height:60px; font-weight:500; }
.featured-cover-text a:hover { text-decoration:underline; }
.featured-cover-back { position:absolute; transform:translate(0,-50%); top:45%; left:15px;
padding:4px 20px 8px 38px; border-radius:20px; }
.featured-cover-back:before { font:20px/20px &quot;WP&quot;; content:&#39;N&#39;;
position:absolute; top:5px; left:13px; }
.featured.blue:before { background:linear-gradient(90deg,#103f6e,#58ade7); }
.featured-callout { color:#fff; }
.featured-cover.blue:before { background:linear-gradient(90deg,#103f6e,#58ade7); }
.featured-cover.dark:before { background:#000; }
.featured-cover-text h1 { color:#fff; }
.featured-cover-text a { color:#fff; }
.featured-cover-text a:hover { color:#f23d4e !important; }
.featured-cover-back { background:rgba(255,255,255,0.9); color:#8a8a8a; }
.featured-cover-back:hover { background:#f23d4e; color:#fff; }
/* MAGAZINE */

.magazine,.magazine-live,.magazine-basic,.magazine-basic-photo,.magazine-basic-
one,.magazine-basic-zero,.magazine-basic-excerpt,.magazine-action-photo,.magazine-action-
one,.magazine-action-excerpt { width:100%; float:left; }
.magazine.space1 { padding:20px 0; }
.magazine.space2 { padding-top:20px; }
.magazine-core { width:1280px; display:table; margin:0 auto; position:relative; }
.magazine-live { visibility:hidden; }
.magazine-basic a:hover,.magazine-action a:hover { text-decoration:underline; }
.magazine-basic-item,.magazine-action-item { width:400px; height:420px; float:left;
margin-right:40px; margin-bottom:20px; box-sizing:border-box; position:relative; }
.magazine-basic-item:nth-of-type(3n+3) { margin-right:0; }
.magazine-basic-photo,.magazine-action-photo { position:relative; overflow:hidden;
height:224px; }
.magazine-basic-photo img,.magazine-action-photo img { width:100%; max-width:100%;
height:auto; float:left; }
.magazine-basic-one,.magazine-action-one { padding:20px; box-sizing:border-box;
position:relative; }
.magazine-basic-zero { margin-bottom:5px; }
.magazine-basic-zero div { margin-right:20px; float:left; line-height:13px; }
.magazine-basic-cat,.magazine-action-cat { text-transform:uppercase; }
.magazine-basic-title,.magazine-action-title { font-size:20px; line-height:30px; float:left;
font-weight:600; margin-bottom:5px; }
.magazine-basic-excerpt,.magazine-action-excerpt { font-size:14px; line-height:22px; }
.magazine-basic-excerpt span:after,.magazine-action-excerpt span:after { content:&quot;-
&quot;; margin:0 4px; display:inline-block; }
.magazine-basic-excerpt p,.magazine-action-excerpt p { display:inline; }
.magazine-basic-excerpt a:after,.magazine-action-excerpt a:after
{ content:&quot;&#187;&quot;; margin-left:4px; display:inline-block; }
.magazine-basic.home .magazine-basic-item:nth-of-type(n+4) { display:none; }
.magazine-action { width:900px; float:left; margin-right:20px; position:relative; }
.magazine-action .bx-controls-direction a { position:absolute; top:44%; z-index:20;
font:20px/20px &quot;WP&quot;; transform:translateY(-50%); width:40px; padding:25px 0
27px 0; text-align:center; box-sizing:border-box; }
.magazine-action .bx-controls-direction a:hover { text-decoration:none; }
.magazine-action .bx-prev { left:1px; }
.magazine-action .bx-next { right:1px; }
.magazine-action .bx-prev.disabled,.magazine-action .bx-next.disabled { display:none; }
.magazine-action-item { width:440px; height:415px; float:left; margin-right:20px; box-
sizing:border-box; position:relative; }
.magazine-action-one { padding-top:15px; }
.magazine-action-zero { padding:12px 20px 14px 20px; position:absolute; width:100%;
box-sizing:border-box; bottom:0; left:0; }
.magazine-action-zero div { font-size:13px; line-height:13px; margin-right:15px;
float:left; }
.magazine-action-like:before { font-size::13px; font-family:&#39;Material Icons&#39;;
content:&quot;wifi&quot;; margin-right:4px; }
.magazine-action-cat { float:right !important; }
.magazine-action-edit { float:right !important; margin-right:0 !important; }
.magazine-basic a:hover,.magazine-action a:hover { color:#646464; }
.magazine-basic-item,.magazine-action-item { border:1px solid #e5e5e5; background:#fff; }
.magazine-basic-cat a,.magazine-basic-excerpt a,.magazine-action-excerpt a
{ color:#b29960; }
.magazine-basic-edit a,.magazine-action-edit a { color:#f23d4e; }
.magazine-basic-title,.magazine-basic-title a,.magazine-action-title,.magazine-action-title a
{ color:#484848; }
.magazine-basic-title a:hover,.magazine-action-title a:hover { color:#f23d4e !important; }
.magazine-basic-excerpt,.magazine-action-excerpt { color:#718083; }
.magazine-basic-excerpt span,.magazine-action-excerpt span { color:#666; }
.magazine-basic-excerpt a,.magazine-action-excerpt a { color:#b29960; }
.magazine-action .bx-controls-direction a { background:rgba(40,40,39,0.8); color:#fff; }
.magazine-action .bx-controls-direction a:hover { background:rgba(40,40,39,1); }
.magazine-action-zero { border-top:1px solid #eee; background:#fafafa; color:#718083; }
.magazine-action-cat a { color:#718083; }
/* MEDIUM */

.medium,.medium-end,.medium-classic,.medium-zero,.medium-excerpt,.medium-
data,.medium-data-one,.medium-galaxy,.medium-plus { width:100%; float:left; }
.medium-classic,.medium-data { position:relative; padding-bottom:15px; margin-
bottom:15px; }
.medium-classic:last-child { margin-bottom:0; }
.medium-photo,.medium-data-photo { width:220px; height:124px; overflow:hidden;
float:left; position:relative; margin-right:15px; }
.medium-photo img,.medium-data-photo img { width:100%; max-width:100%; height:auto;
float:left; background-size:cover; }
.medium-one { width:685px; float:left; }
.medium-zero { margin-bottom:5px; }
.medium-zero div { margin-right:20px; float:left; line-height:13px; }
.medium-zero div a:hover,.medium-title a:hover,.medium-excerpt a:hover,.medium-data-
title a:hover { text-decoration:underline; }
.medium-cat { text-transform:uppercase; font-size:11px; line-height:11px; }
.medium-like:before,.medium-cmt:before { font-size:14px; margin-right:4px; float:left;
font-family:&quot;Material Icons&quot;; }
.medium-like:before { content:&quot;wifi&quot;; }
.medium-cmt:before { content:&quot;wifi&quot;; }
.medium-title,.medium-data-title { font-size:20px; line-height:30px; font-weight:500;
float:left; margin-bottom:5px; }
.medium-excerpt { font-size:14px; line-height:22px; font-weight:normal; }
.medium-excerpt span:after { content:&quot;-&quot;; margin:0 4px; display:inline-block; }
.medium-excerpt p { display:inline; }
.medium-excerpt a:after { content:&quot;...&quot;; margin-left:0; display:inline-block; text-
decoration:none !important; }
.medium-excerpt a:after:hover { text-decoration:none; }
.medium-more { display:flex; display:-webkit-flex; align-items:center; -webkit-align-
items:center; }
.medium-data-photo img { pointer-events:none; }
.medium-data-one.w1 { width:745px; }
.medium-data-one.w2 { width:813px; }
.medium-data-photo { width:160px; height:90px; }
.medium-data-photo.alt { width:90px; }
.medium-data-title { font-size:18px; line-height:24px; margin-top:-4px; }
.medium-data-price ins { text-decoration:none; float:left; margin-right:5px; }
.medium-galaxy.space { padding-bottom:15px; }
.medium-galaxy.force { padding:15px 0; }
.medium-plus { padding-top:15px; box-sizing:border-box; margin-bottom:15px; }
.medium-plus .medium-data { padding-left:15px; padding-right:15px; box-sizing:border-
box; }
.medium-plus .medium-data:last-child { border-bottom:0; margin-bottom:0; }
.medium-plus .medium-data .medium-data-one.w2 { width:781px; }
.medium-classic,.medium-data { border-bottom:1px solid #eee; }
.medium-zero,.medium-cat a,.medium-excerpt { color:#718083; }
.medium-zero div a:hover,.medium-title a:hover,.medium-excerpt a:hover,.medium-data-
title a:hover { color:#f23d4e; }
.medium-author a { color:#7bb132; }
.medium-edit a { color:#f23d4e; }
.medium-edit a:hover { color:#646464 !important; }
.medium-title,.medium-title a,.medium-excerpt a,.medium-data-title,.medium-data-title a
{ color:#484848; }
.medium-excerpt span { color:#666; }
.medium-data-photo.alt { border:1px solid #eee; }
.medium-data-price ins { color:#b67f20; }
.medium-plus { border:1px solid #e5e5e5; border-top:none; }
/* PAGINATION */

.pagination,.pagination-comment { font-size:11px; line-height:11px; margin:0 auto;


display:table; padding-bottom:10px; }
.pagination .numbers { float:left; }
.pagination a,.pagination span,.pagination-article span,.pagination-comment a,.pagination-
comment span,.pagination-product a,.pagination-product span { padding:6px 15px 9px 15px;
float:left; border-radius:3px; font-size:14px; line-height:14px; margin-right:5px; margin-
bottom:5px; }
.pagination-article { width:100%; float:left; margin-bottom:20px; text-align:center;
padding:10px 0; }
.pagination-article span { margin:0 2px; float:none; display:inline-block; }
.pagination-comment { padding:0 0 15px 0; }
.pagination-comment li,.pagination-product li { float:left; }
.pagination-product { width:100%; float:left; margin-bottom:15px; }
.pagination-product ul { margin:0 auto; display:table; }
.pagination a,.pagination-article a span,.pagination-comment a,.pagination-product a
{ color:#555; background:#fff; border:1px solid #ddd; }
.pagination a:hover,.pagination-article a:hover span,.pagination-comment
a:hover,.pagination-product a:hover { color:#fff; background:#f23d4e; border:1px solid
#f23d4e; }
.pagination span,.pagination-article span,.pagination-comment span,.pagination-product
span { color:#8d7b1b; border:1px solid #fede5f; background:#fede5f; }
.pagination-article { background:#fafafa; }
/* BANNER */

.banner-hello,.banner-action,.banner-sky,.banner-alexa,.banner-last,.banner-extra,.banner-
magic { width:100%; float:left; position:relative; }
.banner-hello,.banner-last { padding:15px 0; background:#f2f2f2; }
.banner-hello div,.banner-last div { margin:0 auto; display:table; min-width:300px; }
.banner-hello img,.banner-action img,.banner-sky img,.banner-alexa img,.banner-magazine
img,.banner-last img,.banner-extra img,.banner-magic-stickem img { float:left; }
.banner-action { padding:2px; background:#f2f2f2; box-sizing:border-box; margin-
bottom:15px; }
.banner-sky ul,.banner-sky li,.banner-alexa ul,.banner-alexa li,.banner-magazine ul,.banner-
magazine li { float:left; width:100%; }
.banner-sky { padding:20px; margin-bottom:15px; box-sizing:border-box;
background:#f2f2f2; }
.banner-sky li { margin-bottom:15px; }
.banner-sky li:last-child,.banner-alexa li:last-child { margin-bottom:0; }
.banner-sky li.min { display:none; }
.banner-alexa { padding:10px; margin-bottom:15px; box-sizing:border-box;
background:#f2f2f2; }
.banner-alexa li,.banner-magazine li:first-child { margin-bottom:10px; }
.banner-alexa li.mobile { display:none; }
.banner-magazine { padding:10px 12px; position:relative; width:360px; float:left; box-
sizing:border-box; background:#f2f2f2; }
.banner-magazine li:first-child img { width:100%; max-width:100%; height:auto; }
.banner-extra,.banner-magic { margin-bottom:15px; }
.banner-magic-stickem { padding:20px; width:100%; float:left; box-sizing:border-box;
background:#f2f2f2; }

/* WIDGET */

.widget,.widget-container,.widget-header,.widget-posts,.widget-post,.widget-tab
{ width:100%; float:left; }
.widget-container,.widget-header,.widget-post,.widget-tab { box-sizing:border-box; }
.widget-container { margin-bottom:15px; }
.widget-header,.widget-post { padding:10px 15px; position:relative; }
.widget-header { padding-bottom:12px; }
.widget-header h2 { font-size:18px; line-height:24px; font-weight:500; float:left; }
.widget-posts.alt { display:none; }
.widget-post:last-child { border-bottom:0; }
.widget-post-photo { width:70px; height:70px; margin-right:10px; float:left;
overflow:hidden; }
.widget-post-photo img { width:180%; max-width:180%; margin-left:-40%; height:auto;
float:left; }
.widget-post-one h3 { font-size:13px; line-height:20px; font-weight:600; margin-
bottom:2px; }
.widget-post-one p { font-size:12px; line-height:18px; }
.widget-tab a {cursor:pointer; padding:10px 0 12px 0; width:50%; text-align:center; font-
size:14px; line-height:22px; float:left; box-sizing:border-box; margin-bottom:-1px; }
.widget-container { border:1px solid #ddd; background:#fff; }
.widget-header { border-bottom:1px solid #eee; background:#fafafa; }
.widget-post { color:#718083; border-bottom:1px solid #eee; }
.widget-post-one h3 { color:#484848; }
.widget-post:hover h3 { color:#f23d4e; }
.widget-tab { border-bottom:1px solid #ddd; background:#fafafa; }
.widget-tab a { color:#222; text-decoration:none !important; }
.widget-tab a.active { background:#fff; }
.widget-tab a.active:first-child { border-right:1px solid #ddd; }
.widget-tab a.active:last-child { border-left:1px solid #ddd; }
.widget-tab a:hover { color:#f23d4e; text-decoration:none; }
/* FILTER */

.filter { width:100%; float:left; position:relative; z-index:1; }


.filter-core { width:1280px; display:table; margin:0 auto; position:relative; }
.filter-content { float:left; width:auto; padding-top:10px; }
.filter-current,.filter-one,.filter-global,.filter-cat { padding:8px 25px 10px 12px; font-
size:12px; line-height:12px; font-weight:bold; border-radius:3px; float:left; margin-right:10px;
margin-bottom:10px; position:relative; }
.filter-current:after,.filter-global:after,.filter-cat:after { content:&quot;&quot;; font:9px/9px
&quot;WP&quot;; position:absolute; right:8px; top:10px; }
.filter-current.active:after,.filter-global.active:after,.filter-cat.active:after
{ content:&quot;%&quot;; }
.filter-one { padding:8px 12px 10px 25px; }
.filter-one:before { content:&quot;N&quot;; font:13px/13px &quot;WP&quot;;
position:absolute; left:7px; top:7px; }
.filter-action { border-radius:3px; float:left; margin-right:10px; margin-bottom:10px;
position:relative; padding-right:33px; }
.filter-action span { padding:8px 0 10px 12px; font-size:12px; line-height:12px; font-
weight:bold; float:left; }
.filter-action a { width:15px; height:13px; padding-top:2px; position:absolute; right:9px;
top:7px; font:10px/10px &quot;WP&quot;; text-align:center; content:&#39;*&#39;; border-
radius:50%; }
.filter-global.force:after { content:&quot;%&quot;; }
.filter-global.active.force:after { content:&quot;&quot;; }
.filter-clear { font-size:11px; line-height:11px; padding-left:20px; margin-top:10px; margin-
bottom:10px; float:left; position:relative; }
.filter-clear:before { width:15px; height:14px; padding-top:1px; position:absolute; top:-2px;
left:0; font:11px/11px &quot;WP&quot;; text-align:center; content:&#39;*&#39;; border-
radius:50%; }
.filter-clear:hover { text-decoration:underline; }
.filter-breadcrumb { float:left; padding-top:10px; padding-bottom:13px; box-sizing:border-
box; }
.filter-breadcrumb.alt { float:right; padding-top:15px; }
.filter-result { float:right; padding-top:15px; }
.filter { background:#fafafa; border-bottom:1px solid #eee; }
.filter-current { background:#fff; border:1px solid #91c7f2; color:#359bcf; }
.filter-current:hover,.filter-one:hover,.filter-global:hover,.filter-cat:hover
{ color:#fff !important; background:#f23d4e !important; border:1px solid #f23d4e !important; }
.filter-one,.filter-global { background:#f0f0f0; color:#888; border:1px solid #e6e4e4; }
.filter-action { background:#f6f7f9; border:1px solid #ddd; color:#777; }
.filter-action a { background:#e0e0e0; color:#fff; }
.filter-action a:hover { background:#f23d4e; color:#fff; }
.filter-cat { background:#f6f7f9; border:1px solid #ddd; color:#777; }
.filter-clear { color:#6f6f6f; }
.filter-clear:before { background:#666; color:#fff; }
.filter-clear:hover:before { background:#f23d4e; color:#fff; }
.filter-breadcrumb { color:#777; }
.filter-result { color:#60646c; }

@media only screen and (min-width:320px) and (max-width:1023px) {


.filter-core { width:300px; } .filter-content { width:100%; } .filter-global.force:after
{ content:&quot;&quot;; } .filter-global.active.force:after { content:&quot;%&quot;; } .filter-
breadcrumb.alt,.filter-result { display:none; } html { -webkit-text-size-adjust:100%; /* Prevent
font scaling in landscape */; } #container { max-width:100%; } .content-core,.section-
core,.wide-core { width:300px; } .content-core.space { padding-top:10px; padding-
bottom:0; } .primary,.secondary { width:100%; } .primary { margin-right:0; } .header
{ position:absolute; } .header-core { width:100%; } .header-default-icon
{ display:block; } .header-search { float:none; position:absolute; width:320px; padding:10px;
top:60px; box-sizing:border-box; display:none; background:#fafafa; border:1px solid
#ddd; } .header-search-icon { right:25px; } .header-search-field { width:100%;
background:#fff !important; color:#555 !important; border:1px solid #ddd !important; } .header-
search:before,.header-search:after { content:&#39;&#39;; position:absolute; border-style:solid;
display:block; width:0; } .header-search:before { border-width:0 8px 8px; z-index:0; top:-8px;
left:16px; border-color:#ccc transparent; } .header-search:after { border-width:0 7px 7px; z-
index:1; top:-7px; left:17px; border-color:#fafafa transparent; } .header-toolbar
{ display:none; } .footer-core { width:300px; } .footer-copyright { padding:10px 0 12px 0;
width:100%; } .footer-social { float:left; padding-top:0; padding-bottom:15px; } .footer-social li
a { margin-left:0; margin-right:25px; } .footer-global.space,.footer-extra { padding:10px
0; } .footer-intouch { width:100%; } .footer-menu { width:100%; margin-bottom:15px; } .footer-
menu-list,.footer-menu-list:last-child { width:50%; } .footer-menu-list.m3
{ display:none; } .footer-connect { margin-right:0; width:100%; margin-bottom:15px; } .footer-
extra-section { width:100%; } .footer-extra-section:first-child { margin-right:0; margin-
bottom:15px; } .footer-extra-image { width:60px; margin-top:3px; } .footer-extra-text
{ width:76%; } .footer-extra-text h3 { font-size:14px; line-height:22px; margin:0; } .footer-
extra-text p { font-size:13px; line-height:20px; } .main-menu { width:320px; float:none;
display:none; box-sizing:border-box; position:absolute; top:124px; left:0; background:#fff;
border:1px solid #ddd; } .main-menu-primary,.main-menu-secondary { width:100%; } .main-
menu-primary ul { width:100%; } .main-menu-primary li,.main-menu-secondary li
{ width:100%; height:auto; border-bottom:1px solid #e5e5e5; } .main-menu-primary li a,.main-
menu-secondary li a { width:100%; box-sizing:border-box; margin:0; padding:10px 15px 13px
15px; font-size:16px; line-height:24px; color:#777 !important; border:none !important; } .main-
menu-primary li a:hover,.main-menu-secondary li a:hover { color:#f23d4e !important;
background:none !important; } .main-menu-primary li.menu-item-has-children ul
{ display:none !important; } .main-menu-secondary ul { position:static; right:auto; top:auto;
padding:0; display:block; width:100%; float:left; background:none; border:none; } .main-menu-
secondary ul:before,.main-menu-secondary ul:after { display:none; } .main-menu-secondary li
a:hover { background:none; } .main-menu-icon { display:none; } .site-menu-core
{ width:300px; } .medium-classic,.medium-data { padding-bottom:10px; margin-
bottom:10px; } .medium-photo,.medium-data-photo { width:100px; height:56px; margin-
right:10px; } .medium-one { width:190px; } .medium-cmt,.medium-edit,.medium-
author,.medium-excerpt,.medium-time,.medium-like { display:none; } .medium-title,.medium-
data-title { font-size:14px; line-height:22px; font-weight:600; } .medium-zero { margin-
bottom:0; } .medium-data-one.w1 { width:190px; } .medium-data-one.w2
{ width:232px; } .medium-data-photo.alt { width:56px; } .medium-galaxy.space { padding-
bottom:10px; } .medium-galaxy.force { padding:10px 0; } .medium-plus { padding-top:10px;
margin-bottom:10px; border:none; } .medium-plus .medium-data { padding-left:0; padding-
right:0; } .medium-plus .medium-data .medium-data-one.w2 { width:232px; } .magazine.space1
{ padding:10px 0; } .magazine.space2 { padding-top:10px; } .magazine-core
{ width:300px; } .magazine-basic-item { width:100%; height:auto; margin-
bottom:10px; } .magazine-basic-item:nth-of-type(n+2) { display:none; } .magazine-basic-photo
{ height:168px; } .magazine-basic-one { padding:15px; } .magazine-basic-title,.magazine-
action-title { font-size:16px; line-height:24px; } .magazine-basic-edit,.magazine-action-
edit,.magazine-action-cat { display:none; } .magazine-action { width:100%; margin-
right:0; } .magazine-action .bx-controls-direction a { width:30px; padding:17px 0 20px 0;
background:rgba(40,40,39,0.6); box-sizing:border-box; } .magazine-action .bx-controls-direction
a:hover { background:rgba(40,40,39,0.8); } .magazine-action .bx-prev { left:-5px; } .magazine-
action .bx-next { right:-5px; } .magazine-action-item { width:240px !important; height:295px;
margin-right:10px !important; margin-bottom:10px; } .magazine-action-photo
{ height:134px; } .magazine-action-one { padding:5px 10px 10px 10px; } .magazine-action-title
{ font-weight:400; } .magazine-action-excerpt p { display:none; } .magazine-action-zero
{ padding-left:10px; padding-right:10px; }
}

@media only screen and (min-width:360px) and (max-width:1023px) {


.footer-core { width:340px; } .footer-extra-text { width:79%; } .site-menu-core
{ width:340px; } .content-core,.section-core,.wide-core { width:340px; } .magazine-core
{ width:340px; } .magazine-basic-photo { height:190px; } .magazine-basic-edit
{ display:block; } .magazine-action-item { width:280px !important; } .magazine-action-photo
{ height:156px; } .medium-one,.medium-data-one.w1 { width:230px; } .medium-data-one.w2
{ width:272px; } .medium-plus .medium-data .medium-data-one.w2 { width:272px; } .filter-core
{ width:340px; }
}

@media only screen and (min-width:375px) and (max-width:1023px) {


.footer-core { width:355px; } .footer-extra-image { width:70px; } .footer-extra-text
{ width:77%; } .site-menu-core { width:355px; } .content-core,.section-core,.wide-core
{ width:355px; } .magazine-core { width:355px; } .magazine-basic-photo
{ height:199px; } .medium-photo { width:115px; height:65px; } .medium-data-photo.alt
{ width:65px; height:65px; } .medium-data-one.w2 { width:278px; } .medium-plus .medium-
data .medium-data-one.w2 { width:278px; } .filter-core { width:355px; }
}

@media only screen and (min-width:414px) and (max-width:1023px) {


.footer-core { width:380px; } .footer-extra-text { width:78%; } .site-menu-core
{ width:380px; } .content-core,.section-core,.wide-core { width:380px; } .magazine-core
{ width:380px; } .magazine-basic-photo { height:213px; } .medium-one,.medium-data-one.w1
{ width:255px; } .medium-cat { display:block; } .medium-data-one.w2
{ width:303px; } .medium-zero { margin-bottom:5px; } .medium-plus .medium-data .medium-
data-one.w2 { width:303px; } .filter-core { width:380px; }
}

@media only screen and (min-width:480px) and (max-width:1023px) {


.footer-core { width:460px; } .footer-menu-list { width:33.3%; } .footer-menu-list:last-
child { width:33.4%; } .footer-menu-list.m3 { display:block; } .footer-extra-image { margin-
top:0; } .footer-extra-text { width:82%; } .site-menu-core { width:460px; } .content-
core,.section-core,.wide-core { width:460px; } .content-core.space { padding-
top:15px; } .magazine.space1 { padding:15px 0; } .magazine.space2 { padding-
top:15px; } .magazine-core { width:460px; } .magazine-basic-item { margin-
bottom:15px; } .magazine-basic-photo { height:258px; } .magazine-action-item
{ width:320px !important; height:330px; margin-right:15px !important; } .magazine-action-
photo { height:179px; } .magazine-action-one { padding:10px 15px 15px 15px; } .magazine-
action-zero { padding-left:15px; padding-right:15px; } .medium-photo,.medium-data-photo
{ width:125px; height:70px; margin-right:10px; } .medium-one,.medium-data-one.w1
{ width:325px; } .medium-cmt,.medium-like { display:block; } .medium-title,.medium-data-title
{ font-size:16px; line-height:24px; font-weight:500; } .medium-data-one.w2
{ width:378px; } .medium-data-photo.alt { width:70px; height:70px; } .medium-galaxy.space
{ padding-bottom:15px; } .medium-galaxy.force { padding:15px 0; } .medium-plus .medium-
data .medium-data-one.w2 { width:378px; } .filter-core { width:460px; }
}

@media only screen and (min-width:600px) and (max-width:1023px) {


.footer-core { width:580px; } .footer-copyright { padding:14px 0 17px 0; } .footer-
intouch,.footer-connect { width:50%; } .footer-connect { margin-bottom:0; } .footer-extra-
section { width:48%; } .footer-extra-section:first-child { margin-right:4%; margin-
bottom:0; } .footer-extra-text { width:71%; } .site-menu-core { width:580px; } .content-
core,.section-core,.wide-core { width:580px; } .magazine-core { width:580px; } .magazine-
basic-item { width:282px; height:350px; margin-right:15px; } .magazine-basic-item:nth-of-
type(n+2) { display:block; } .magazine-basic-item:nth-of-type(n+3) { display:none; } .magazine-
basic-item:nth-of-type(3n+3) { margin-right:15px; } .magazine-basic-item:nth-of-type(2n+2)
{ margin-right:0; } .magazine-basic-photo,.magazine-action-photo { height:159px; } .magazine-
basic-edit { display:none; } .magazine-basic-title { font-size:16px; line-
height:24px; } .magazine-action-item { width:282px !important; margin-right:15px !important;
height:310px; } .magazine-action-cat { display:block; margin-right:0 !important; } .medium-
photo,.medium-data-photo { width:150px; height:84px; margin-right:15px; } .medium-
one,.medium-data-one.w1 { width:415px; } .medium-cat { display:block; } .medium-
title,.medium-data-title { font-size:18px; line-height:24px; } .medium-data-one.w2
{ width:479px; } .medium-data-photo.alt { width:84px; height:84px; } .medium-excerpt
{ display:block; } .medium-plus .medium-data .medium-data-one.w2 { width:479px; } .filter-
core { width:580px; }
}

@media only screen and (min-width:640px) and (max-width:1023px) {


.footer-core { width:620px; } .footer-extra-text { width:73%; } .site-menu-core
{ width:620px; } .content-core,.section-core,.wide-core { width:620px; } .magazine-core
{ width:620px; } .magazine-basic-item { width:302px; height:360px; } .magazine-basic-
photo,.magazine-action-photo { height:169px; } .magazine-action-item
{ width:302px !important; height:320px; } .medium-one,.medium-data-one.w1
{ width:450px; } .medium-title,.medium-data-title { margin-bottom:5px; } .medium-edit
{ display:block; } .medium-data-one.w2 { width:519px; } .medium-plus .medium-data .medium-
data-one.w2 { width:519px; } .filter-core { width:620px; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {


.footer-core { width:740px; } .footer-extra { padding:15px 0; } .footer-extra-image
{ width:85px; } .content-core,.section-core,.wide-core { width:740px; } .site-menu-core
{ width:740px; } .magazine-core { width:740px; } .magazine-basic-item { width:360px;
height:360px; margin-right:20px; } .magazine-basic-item:nth-of-type(3n+3) { margin-
right:20px; } .magazine-basic-item:nth-of-type(2n+2) { margin-right:0; } .magazine-basic-
photo,.magazine-action-photo { height:201px; } .magazine-basic-edit
{ display:block; } .magazine-action-item { width:360px !important; height:350px; margin-
right:20px !important; } .medium-classic,.medium-data { margin-bottom:15px; padding-
bottom:15px; } .medium-photo { width:200px; height:113px; } .medium-one
{ width:525px; } .medium-author { display:block; } .medium-title { font-size:20px; line-
height:30px; font-weight:500; } .medium-data-photo { width:160px; height:90px; } .medium-
data-one.w1 { width:565px; } .medium-data-one.w2 { width:633px; } .medium-data-photo.alt
{ width:90px; height:90px; } .medium-plus { padding-top:15px; margin-
bottom:15px; } .medium-plus .medium-data .medium-data-one.w2 { width:633px; } .filter-core
{ width:740px; }
}

@media only screen and (min-width:960px) and (max-width:1023px) {


.footer-core { width:920px; } .footer-intouch { width:300px; } .footer-menu
{ width:310px; margin-bottom:0; } .footer-menu-list,.footer-menu-list:last-child
{ width:50%; } .footer-menu-list.m3 { display:none; } .footer-connect { width:300px; margin-
bottom:0; margin-right:10px; } .footer-extra-text { width:76%; } .footer-extra-text h3 { font-
size:16px; line-height:24px; margin:4px 0; } .footer-extra-text p { font-size:16px; line-
height:24px; } .footer-extra-image { width:95px; } .site-menu-core { width:920px; } .content-
core,.section-core,.wide-core { width:920px; } .magazine-core { width:920px; } .magazine-
basic-item { width:293px; height:355px; } .magazine-basic-item:nth-of-type(3n+3) { margin-
right:0; } .magazine-basic-item:nth-of-type(2n+2) { margin-right:20px; } .magazine-basic-
item:nth-of-type(n+3) { display:block; } .magazine-basic-photo { height:164px; } .magazine-
action { width:565px; margin-right:15px; } .magazine-action-item { width:275px !important;
height:325px; margin-right:15px !important; } .magazine-action-photo
{ height:154px; } .medium-photo { width:220px; height:124px; } .medium-one
{ width:685px; } .medium-data-one.w1 { width:745px; } .medium-data-one.w2
{ width:813px; } .medium-data-title { font-size:20px; line-height:30px; font-
weight:500; } .medium-plus { border:1px solid #e5e5e5; border-top:none; } .medium-
plus .medium-data { padding-left:15px; padding-right:15px; } .medium-plus .medium-
data .medium-data-one.w2 { width:781px; } .filter-core { width:920px; }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {


.secondary { width:320px; } .header-core { width:1000px; } .footer-core
{ width:1000px; } .primary { width:665px; margin-right:15px; } .footer-copyright
{ width:72%; } .footer-menu { width:360px; } .footer-menu-list,.footer-menu-list:last-child
{ width:50%; } .footer-menu-list.m3 { display:none; } .footer-extra-text { width:77%; } .footer-
extra-text h3 { font-size:18px; line-height:24px; } .main-menu-primary li a { margin-
left:30px; } .site-menu-core { width:1000px; } .content-core,.section-core,.wide-core
{ width:1000px; } .content-core.space { padding-top:15px; padding-
bottom:0; } .magazine.space1 { padding:15px 0; } .magazine.space2 { padding-
top:15px; } .magazine-core { width:1000px; } .magazine-basic-item { width:320px;
height:375px; margin-right:20px; margin-bottom:15px; } .magazine-basic-item:nth-of-
type(3n+3) { margin-right:0; } .magazine-basic-photo { height:179px; } .magazine-basic-title
{ font-size:16px; line-height:24px; } .magazine-action { width:640px; margin-
right:20px; } .magazine-action-item { width:310px !important; height:325px; } .magazine-
action-photo { height:173px; } .magazine-action-title { font-weight:400; font-size:16px; line-
height:24px; } .magazine-action-excerpt p { display:none; } .magazine-action-one
{ padding:10px 15px 15px 15px; } .magazine-action-zero { padding-left:15px; padding-
right:15px; } .magazine-action-edit { display:none; } .magazine-action-cat { margin-
right:0 !important; } .medium-classic,.medium-data { padding-bottom:10px; margin-
bottom:10px; } .medium-photo { width:150px; height:84px; } .medium-one
{ width:500px; } .medium-author { display:none; } .medium-title,.medium-data-title { font-
size:18px; line-height:24px; } .medium-data-one.w1 { width:490px; } .medium-data-one.w2
{ width:558px; } .medium-galaxy.space { padding-bottom:15px; } .medium-plus
{ border:none; } .medium-plus .medium-data { padding-left:0; padding-right:0; } .medium-
plus .medium-data .medium-data-one.w2 { width:558px; } .filter-core { width:1000px; }
}

@media only screen and (min-width:1280px) and (max-width:1679px) {


.header-core { width:1170px; } .footer-core { width:1170px; } .footer-menu
{ width:530px; } .footer-extra-text { width:80%; } .main-menu-primary li a { margin-
left:35px; } .site-menu-core { width:1170px; } .content-core,.section-core,.wide-core
{ width:1170px; } .magazine-core { width:1170px; } .magazine-basic-item { width:370px;
height:415px; margin-right:30px; } .magazine-basic-item:nth-of-type(3n+3) { margin-
right:0; } .magazine-basic-photo { height:207px; } .magazine-action
{ width:790px; } .magazine-action-item { width:385px !important; height:415px; } .magazine-
action-photo { height:215px; } .magazine-action-one { padding:10px 15px 15px
15px; } .magazine-action-zero { padding-left:15px; padding-right:15px; } .primary
{ width:810px; } .medium-one { width:575px; } .medium-data-one.w1
{ width:635px; } .medium-data-one.w2 { width:703px; } .medium-plus .medium-data .medium-
data-one.w2 { width:671px; } .filter-core { width:1170px; }
}
/* ARTICLE 1 */

.article,.article-section,.article-lucky,.article-cine { width:100%; float:left; }


.article-lucky { padding-bottom:15px; }
.article-tags { margin-bottom:10px; float:left; }
.article-tags a { padding:5px 10px 7px 10px; float:left; border-radius:3px; margin-right:5px;
margin-bottom:5px; }
.article-core { margin:0 auto; display:table; width:920px; }
.article-video,.article-novideo { width:100%; height:518px; margin:15px 20px 15px 0;
float:left; position:relative; }
.article-video iframe,article div.video object,article div.video embed { position:absolute;
top:0; left:0; width:100%; height:100%; }
.article { color:#262626; }
.article-tags a { color:#666; background:#ebebeb; }
.article-tags a:hover { background:#f23d4e; color:#fff; }
.article-cine { background:#000; }
.article-novideo { background:#333; }
/* ARTICLE 2 */

article { width:750px; margin:0 auto; font-size:17px; line-height:25px; }


article a { overflow-wrap:break-word; word-break:break-all; }
article a:hover { text-decoration:underline; }
article p { margin-bottom:20px; }
article img { width:100%; max-width:100%; height:auto; float:left; margin-bottom:20px; }
article h1 { margin-bottom:5px; font-size:22px; line-height:30px; }
article h2 { margin-bottom:5px; font-size:20px; line-height:28px; font-weight:600; }
article h3 { font-size:18px; line-height:26px; font-weight:600; }
article h3 a,article h4 a { position:relative; }
article h3 a:after,article h4 a:after { content:&quot;D&quot;; font:16px/16px
&quot;WP&quot;; display:inline-block; margin-left:4px; }
article h4 { font-size:17px; line-height:25px; font-weight:600; }
article h5 { font-size:17px; line-height:25px; font-weight:600; }
article h6 { margin-bottom:20px; margin-top:5px; font-size:14px; line-height:22px; font-
weight:normal; }
article blockquote { padding:0 40px 20px 40px; position:relative; width:100%; float:left;
box-sizing:border-box; }
article blockquote:before,article blockquote:after { position:absolute; font:40px/40px
&quot;WP&quot;; }
article blockquote:before { left:-20px; top:0; content:&quot;@&quot;; }
article blockquote:after { right:-20px; bottom:20px; content:&quot;A&quot;; }
article ul,article ol { word-wrap:break-word; width:100%; float:left; margin-bottom:20px; }
article ul li { list-style:none; margin-bottom:10px; }
article ul li:last-child,article ol li:last-child { margin-bottom:0; }
article ul li:before { content:&quot;&quot;; margin-right:10px; margin-bottom:3px;
width:5px; height:5px; display:inline-block; border-radius:50%; }
article ol li { list-style:inside decimal; margin-bottom:10px; }
article code { margin-bottom:20px; padding:10px 15px 12px 15px; width:100%; float:left;
font-size:16px; line-height:24px; box-sizing:border-box; }
article { color:#333; }
article a { color:#f23d4e; }
article a:hover,article h3 a:hover,article h4 a:hover { color:#646464; }
article h1 { color:#111; }
article h2 { color:#333; }
article h3,article h3 a { color:#f23d4e; }
article h3 a:after,article h4 a:after { color:#8c919e; }
article h4,article h4 a { color:#08c; }
article h6 { color:#5b7c98; }
article blockquote { color:#777; }
article blockquote:before,article blockquote:after { color:#eee; }
article ul li:before { background:#333; }
article code { background:#eee; color:#666; }
article code strong { color:#e16411; }
/* ARTICLE 3 */

article div.source,article div.box,article div.col,article div.c12,article div.c13,article


div.c23,article div.toggle { width:100%; float:left; }
article div.source { text-align:right; font-size:15px; line-height:23px; float:right; margin-
bottom:10px; position:relative; }
article div.source-logo { width:100px !important; height:auto; border:0 !important;
padding:0 !important; float:right; }
article div.source-logo img { margin-bottom:0; }
article address { margin:5px 0 20px 0; padding-left:10px; font-size:16px; line-height:24px;
font-style:normal; }
article div.box { padding:12px 15px 0 15px; margin-bottom:20px; box-sizing:border-box;
font-size:16px; line-height:24px; }
article div.box p { margin-bottom:15px; }
article div.c12,article div.c13,article div.c23,article div.toggle { margin-bottom:20px; }
article div.c12 { width:48.5%; margin-right:3%; }
article div.c12:last-child { margin-right:0; }
article div.c13 { width:33.3%; }
article div.c23 { width:63.7%; margin-right:3%; }
article div.toggle-bar { padding:10px 0 10px 15px; font:20px/20px Arial,Helvetica,sans-
serif; position:relative; cursor:pointer; box-sizing:border-box; float:left; width:100%; margin-
bottom:5px; }
article div.toggle-bar:after { position:absolute; right:15px; top:11px; z-index:1;
content:&quot;%&quot;; font:16px/16px &quot;WP&quot;; }
article div.toggle-bar.active:after { content:&quot;&quot;; }
article div.toggle-box { position:relative; z-index:200; width:100%; float:left; }
article div.toggle-box div.box:last-child,article div.toggle-box figure:last-child,article
div.toggle-box div.info:last-child { margin-bottom:0; }
article div.source { color:#777; }
article div.source strong { color:#444; }
article address { border-left:3px solid #ef5335; }
article div.box { background:#f8f8f8; border:1px solid #e3ebf3; color:#676767; }
article div.box.note { background:#fef4d2; border:1px solid #fdeac2; color:#746e55; }
article div.box.alert { background:#fdeadb; border:1px solid #fbd9c6; color:#af6956; }
article div.box.green { background:#d7f2a2; border:1px solid #cbea8f; color:#638847; }
article div.box.blue { background:#d9edf7; border:1px solid #bce8f1; color:#5987ad; }
article div.toggle-bar { background:#f8f7f7; border:1px solid #d6dee5; color:#867f86; }
article div.toggle-bar:after { color:#424141; }
article div.toggle-bar:hover { background:#fff; color:#dc502a; }
/* ARTICLE 4 */

article figure,article figure a,article div.video,article div.gmap,article div.paginated,article


div.compare,article div.sum { width:100%; float:left; }
article figure { margin:0; margin-bottom:20px; position:relative; }
article figure img { margin-bottom:0; }
article figcaption { width:100%; padding:10px 10px 12px 10px; text-align:center; font-
size:14px; line-height:22px; float:left; box-sizing:border-box; }
article figcaption a { float:none; }
article div.video,article div.gmap { margin-bottom:10px; position:relative; }
article div.video { padding-bottom:56.25%; }
article div.video iframe,article div.video object,article div.video embed,article div.gmap
iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
article div.gmap { min-height:422px; margin-bottom:20px; }
article div.paginated { margin-bottom:15px; }
article div.paginated a { font:bold 13px/13px Tahoma,Arial,Helvetica,sans-serif; border-
radius:25px; position:relative; padding:12px 40px 15px 40px; margin:0 auto; display:table; }
article div.paginated a:hover { text-decoration:none; }
article div.compare,article ul.good,article ul.bad,article div.sum { box-sizing:border-box; }
article div.compare { margin-bottom:20px; }
article ul.good,article ul.bad { width:50%; padding:10px 3%; margin:0; }
article ul.good li,article ul.bad li { position:relative; list-style:none; padding-left:20px; }
article ul.good li:before,article ul.bad li:before { width:18px; height:16px; padding-top:2px;
font:bold 14px/14px Arial,Helvetica,sans-serif; text-align:center; border-radius:50%;
position:absolute; left:-10px; top:4px; }
article ul.good li:before { content:&quot;+&quot;; }
article ul.bad li:before { content:&quot;-&quot;; }
article div.sum { padding:10px 2% 12px 2%; }
article figure { background:#f8f7f7; }
article figcaption { color:#5b7c98; }
article div.paginated a { background:#ef5335; color:#fff; border:4px solid #eae1e1; }
article div.paginated a:hover { background:#f8f7f7; color:#67747c; border:4px solid
#d9dce1; }
article div.compare { border:1px solid #e3e3e3; }
article ul.good { border-right:1px solid #e3e3e3; }
article ul.good li:before { background:#6FC922; color:#fff; }
article ul.bad li:before { background:#ef5335; color:#fff; }
article div.sum { border-top:1px solid #e3e3e3; background:#f8f8f8; }
/* ARTICLE 5 */

article div.info,article div.ticket,article div.hotline,article ul.marker { width:100%;


float:left; margin-bottom:20px; box-sizing:border-box; position:relative; }
article div.info table { border-spacing:0; border-collapse:collapse; box-sizing:border-box;
width:100%; float:left; font-size:15px; line-height:23px; }
article div.info th { padding:6px 12px 8px 12px; width:20%; vertical-align:top; font-
weight:normal; text-align:left; }
article div.info th.alt { width:50%; }
article div.info td { padding:6px 12px 8px 12px; vertical-align:top; }
article div.info th p:last-child,article div.info td p:last-child { margin-bottom:0; }
article div.ticket p { margin-bottom:0; }
article div.ticket div.icon { width:60px; padding:5px; float:left; }
article div.ticket div.icon img,article div.ticket div.supplier img { width:100%; max-
width:100%; height:auto; float:left; margin-bottom:0; }
article div.ticket div.text { font-size:16px; line-height:24px; padding:9px 15px 0 15px;
float:left; width:55%; box-sizing:border-box; }
article div.ticket div.supplier { width:120px; padding:5px; float:right; position:relative; }
article div.ticket div.button { float:right; margin-top:15px; margin-right:15px; }
article div.ticket div.button a { padding:7px 15px 10px 15px; font-size:14px; line-
height:22px; border-radius:3px; float:left; position:relative; }
article div.ticket div.button a:hover { text-decoration:none; }
article div.hotline { padding:5px; }
article div.hotline-content,article div.hotline-info p,article div.hotline-info div,article
ul.marker li { width:100%; float:left; }
article div.hotline-content { padding:12px 15px 15px 15px; box-sizing:border-box; font-
size:15px; line-height:23px; font-weight:normal; }
article div.hotline-info,article div.hotline-action { width:50%; float:left; }
article div.hotline-info p { margin-bottom:0; }
article div.hotline-info div { font-size:20px; line-height:30px; font-weight:bold; }
article div.hotline-action a { padding:28px 15px 30px 15px; position:relative; font-
size:16px; line-height:16px; font-weight:normal; text-align:center; width:100%; float:left; box-
sizing:border-box; border-radius:3px; }
article div.hotline-action a:after { width:20px; height:16px; padding-top:4px;
position:absolute; right:5%; top:27px; content:&quot;(&quot;; font:10px/10px
&quot;WP&quot;; border-radius:50%; text-align:center; }
article div.hotline-action a:hover { text-decoration:none; }
article ul.marker li { margin:0; position:relative; }
article ul.marker li:before { display:none; }
article ul.marker li div.office { width:20%; float:left; padding:15px 15px 17px 15px; text-
align:center; font-size:15px; line-height:23px; font-weight:normal; box-sizing:border-box; }
article ul.marker li div.address { width:80%; padding:15px 100px 15px 15px; float:left;
box-sizing:border-box; font-size:14px; line-height:22px; font-weight:normal; }
article ul.marker li a.map { position:absolute; right:15px; top:15px; padding:8px 10px 11px
10px; border-radius:3px; font-size:13px; line-height:13px; }
article ul.marker li a.map:hover { text-decoration:none; }
article div.info th { border:solid 1px #ddd; background:#fafafa; color:#777; }
article div.info td { border:solid 1px #ddd; color:#444; }
article div.ticket { border:1px solid #ddd; }
article div.ticket div.icon { border-right:1px solid #eee; }
article div.ticket div.text { color:#777; }
article div.ticket div.text span { color:#111; }
article div.ticket div.supplier { border-left:1px solid #eee; }
article div.ticket div.button a { background:#e2431e; color:#fff; }
article div.ticket div.button a:hover { background:#f23d4e; color:#fff; }
article div.hotline { background:url(&#39;../images/ad_pattern.png&#39;) left top repeat;
border:1px solid #ccc; }
article div.hotline-content { background-color:#fff; }
article div.hotline-info div { color:red; }
article div.hotline-action a { background:#f23d4e; color:#fff; }
article div.hotline-action a:after { border:2px solid #fff; }
article div.hotline-action a:hover { background:#e2431e; color:#fff; }
article ul.marker { border:1px solid #ddd; border-bottom:none; }
article ul.marker li { border-bottom:1px solid #ddd; background:#fafafa; }
article ul.marker li div.office { color:#111; }
article ul.marker li div.address { background:#fff; border-left:1px solid #eee; color:#777; }
article ul.marker li a.map { border:2px solid #b39b5d; color:#b39b5d; }
article ul.marker li a.map:hover { color:#fff; background:#f23d4e; border:2px solid
#f23d4e; }
/*------------------------------------------------------------------------------------------------------------
--------*
* RESPONSIVE RETINA
/*---------------------------------------------------------------------------------------------------------
-----------*/

@media only screen and (min-width:320px) and (max-width:1023px) {


.article-lucky { padding-bottom:10px; } .article-tags { margin-bottom:5px;
width:100%; } .article-core { width:300px; } .article-video,.article-novideo { height:180px;
margin:0; } article { width:100%; font-size:16px; line-height:24px; } article
blockquote:before,article blockquote:after { font-size:30px; line-height:30px; } article
blockquote:before { left:0; } article blockquote:after { right:0; } article div.c12,article
div.c13,article div.c23 { width:100%; margin-right:0; } article div.toggle-bar { font-size:16px;
line-height:23px; } article div.gmap { min-height:169px; } article ul.good { border-right:none;
border-bottom:1px solid #e3e3e3; } article ul.good,article ul.bad { width:100%; } article ul.good
li,article ul.bad li { padding-left:25px; } article ul.good li:before,article ul.bad li:before { left:0; }
article div.sum { padding:10px 3% 12px 3%; } article div.info th { width:30%; } article div.info
table { font-size:14px; line-height:22px; } article div.ticket div.icon { display:none; } article
div.ticket div.text { padding:5px 10px 10px 10px; width:228px; font-size:13px; line-
height:20px; } article div.ticket div.supplier { width:75px; padding:0; float:left; border:none;
margin-top:5px; display:none; } article div.ticket div.button { margin-top:10px; margin-
right:10px; } article div.ticket div.button a { width:60px; height:30px; padding:4px 0 0 0; text-
align:center; box-sizing:border-box; } article div.ticket div.button a span { display:none; } article
div.ticket div.button a:after { text-indent:0; content:&quot;Q&quot;; font:14px/14px
&quot;WP&quot;; color:#fff; } article div.hotline-content { padding:10px 10px 12px 10px; }
article div.hotline-info,article div.hotline-action { width:100%; } article div.hotline-info
{ margin-bottom:10px; } article div.hotline-info div { font-size:16px; line-height:24px; } article
div.hotline-action a { padding:15px 15px 17px 15px; font-size:14px; line-height:14px; } article
div.hotline-action a:after { display:none; } article ul.marker li div.office { width:100%;
padding:10px 10px 12px 10px; text-align:left; } article ul.marker li div.address { width:100%;
padding:8px 80px 10px 10px; border-left:none; } article ul.marker li a.map { top:auto;
bottom:10px; right:10px; }
}

@media only screen and (min-width:360px) and (max-width:1023px) {


.article-core { width:360px; } .article-video,.article-novideo { height:203px; } article
div.gmap { min-height:191px; } article div.sum { padding:10px 4% 12px 4%; } article div.ticket
div.text { width:268px; }
}

@media only screen and (min-width:375px) and (max-width:1023px) {


.article-core { width:375px; } .article-video,.article-novideo { height:211px; } article
blockquote:before,article blockquote:after { font-size:36px; line-height:36px; } article
blockquote:before { left:-5px; } article blockquote:after { right:-5px; } article div.gmap { min-
height:200px; } article div.ticket div.supplier { width:75px; display:block; } article div.ticket
div.text { width:208px; padding-left:0; } article ul.marker li div.address { padding-right:90px; }
}

@media only screen and (min-width:414px) and (max-width:1023px) {


.article-core { width:414px; } .article-video,.article-novideo { height:233px; } article
blockquote:before,article blockquote:after { font-size:40px; line-height:40px; } article
blockquote:before { left:-10px; } article blockquote:after { right:-10px; } article div.gmap { min-
height:214px; } article div.ticket div.text { width:233px; }
}

@media only screen and (min-width:480px) and (max-width:1023px) {


.article-lucky { padding-bottom:12px; } .article-tags { width:auto; } .article-core
{ width:480px; } .article-video,.article-novideo { height:270px; } article blockquote { padding:0
55px 20px 55px; } article blockquote:before { left:0; } article blockquote:after { right:0; } article
div.c12 { width:48.5%; margin-right:3%; } article div.gmap { min-height:259px; } article
div.info table { font-size:15px; line-height:23px; } article div.ticket div.supplier { width:85px; }
article div.ticket div.text { font-size:14px; line-height:22px; width:283px; } article div.ticket
div.button a { width:80px; } article div.hotline-content { padding:12px 15px 15px 15px; } article
div.hotline-info { margin-bottom:15px; } article div.hotline-action a { padding:15px 15px 17px
15px; font-size:16px; line-height:16px; } article ul.marker li div.office { padding:15px 15px
17px 15px; text-align:center; } article ul.marker li div.address { padding:15px 100px 15px
15px; } article ul.marker li a.map { right:15px; bottom:15px; }
}
@media only screen and (min-width:600px) and (max-width:1023px) {
.article-core { width:600px; } .article-video,.article-novideo { height:338px; } article
div.gmap { min-height:326px; } article ul.good,article ul.bad { width:50%; padding:10px 3%; }
article ul.good { border-bottom:none; border-right:1px solid #e3e3e3; } article div.sum
{ padding:10px 2% 12px 2%; } article div.ticket div.supplier { width:90px; } article div.ticket
div.button a span { display:block; } article div.ticket div.button a { width:auto; height:auto; text-
align:left; padding:7px 15px 10px 15px; } article div.ticket div.button a:after { display:none; }
article div.ticket div.text { font-size:15px; line-height:23px; width:360px; } article div.info th
{ width:25%; }
}

@media only screen and (min-width:640px) and (max-width:979px) {


.article-core { width:640px; } .article-video,.article-novideo { height:360px; } article
div.c13 { width:33.3%; } article div.c23 { width:63.7%; margin-right:3%; } article div.toggle-
bar { font-size:18px; line-height:18px; } article div.gmap { min-height:349px; } article div.ticket
div.supplier { width:100px; padding:5px; margin-top:0; } article div.ticket div.text
{ width:380px; } article div.hotline-content { padding:10px 10px 12px 10px; } article
div.hotline-info,article div.hotline-action { width:50%; } article div.hotline-info { margin-
bottom:0; } article div.hotline-action a { font-size:14px; line-height:14px; } article ul.marker li
div.office { width:20%; padding:10px 10px 12px 10px; text-align:left; } article ul.marker li
div.address { width:80%; border-left:1px solid #eee; padding:8px 80px 10px 10px; } article
ul.marker li a.map { bottom:auto; top:10px; right:10px; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {


.article-lucky { padding-bottom:15px; } .article-tags { margin-bottom:10px; } .article-
core { width:768px; } .article-video,.article-novideo { height:432px; } article { font-size:17px;
line-height:25px; } article div.toggle-bar { font-size:20px; line-height:20px; } article div.gmap
{ min-height:416px; } article ul.good li,article ul.bad li { padding-left:20px; } article ul.good
li:before,article ul.bad li:before { left:-10px; top:4px; } article div.sum { padding:10px 2% 12px
2%; } article div.info th { width:20%; } article div.ticket div.icon { display:block; width:60px; }
article div.ticket div.text { font-size:16px; line-height:24px; padding:9px 15px 0 15px;
width:55%; } article div.ticket div.supplier { width:120px; padding:5px; float:right; border-
left:1px solid #eee; } article div.hotline-content { padding:12px 15px 15px 15px; } article
div.hotline-info div { font-size:20px; line-height:30px; } article div.hotline-action a
{ padding:28px 15px 30px 15px; font-size:16px; line-height:16px; } article ul.marker li
div.office { padding:15px 15px 17px 15px; text-align:center; } article ul.marker li div.address
{ padding:15px 100px 15px 15px; } article ul.marker li a.map { top:15px; right:15px; }
}

@media only screen and (min-width:960px) and (max-width:1023px) {


.article-core { width:960px; } .article-video,.article-novideo { height:540px; } article
{ width:750px; } article div.gmap { min-height:422px; }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {


article { width:665px; } article blockquote { padding:0 45px 20px 45px; } article
blockquote:before { left:-10px; } article blockquote:after { right:-10px; } article div.gmap { min-
height:374px; } article div.ticket div.icon { display:none; } article div.ticket div.supplier
{ border:none; float:left; } article div.ticket div.text { width:395px; padding-left:0; } article
div.hotline-content { padding:10px 10px 12px 10px; } article div.hotline-info div { font-
size:16px; line-height:24px; } article div.hotline-action a { padding:15px 15px 17px 15px; font-
size:14px; line-height:14px; } article div.hotline-action a:after { display:none; } article ul.marker
li div.office { padding:10px 10px 12px 10px; text-align:left; } article ul.marker li div.address
{ padding:8px 80px 10px 10px; } article ul.marker li a.map { top:10px; right:10px; }
}
/* MISC 2 */

.headline { width:100%; float:left; font-size:32px; line-height:40px; font-weight:normal;


margin-bottom:10px; }
.headline a:hover { text-decoration:underline; }
.headline.alt { font-size:24px; line-height:30px; }
.items { width:100%; float:left; margin-bottom:15px; }
.social { width:100%; float:left; margin-bottom:5px; }
.items { padding-bottom:15px; }
.items div,.social-share { margin-right:20px; float:left; }
.items div a:hover { text-decoration:underline; }
.item-edit { margin-right:0; }
.social-cmt { padding:5px 15px 7px 15px; font-size:11px; line-height:11px; border-
radius:3px; float:right; margin-left:5px; position:relative; }
.social-cmt:after { width:0; height:0; border-style:solid; border-width:6px 8px 0 0;
content:&#39;&#39;; position:absolute; bottom:-6px; left:8px; }
.social-stats { position:relative; float:right; }
.social-stats-button { padding:4px 25px 6px 10px; font-size:11px; line-height:11px; border-
radius:3px; float:left; }
.social-stats-button:after { font:10px/10px &quot;WP&quot;; content:&quot;&quot;;
position:absolute; top:5px; right:8px; }
.social-stats-button.active:after { content:&quot;%&quot;; }
.social-stats-modal { box-sizing:border-box; position:absolute; width:200px; padding:5px
10px; right:0; top:30px; z-index:10; display:none; }
.social-stats-modal:before,.social-stats-modal:after { content:&#39;&#39;;
position:absolute; border-style:solid; display:block; width:0; }
.social-stats-modal:before { border-width:0 8px 8px; z-index:0; top:-8px; right:9px; }
.social-stats-modal:after { border-width:0 7px 7px; z-index:1; top:-7px; right:10px; }
.social-stats-modal li { width:100%; float:left; padding:5px 0; box-sizing:border-box; }
.go-top { padding:6px 10px 8px 10px; font-size:11px; line-height:11px; margin:0 auto;
display:table; cursor:pointer; }
.go-top.fixed { margin:0; display:block; float:right; margin-bottom:10px; cursor:pointer; }
.suggested,.suggested-money { width:100%; float:left; }
.suggested-money { margin-bottom:15px; }
.headline a { color:#262626; }
.headline a:hover { color:#f23d4e; }
.items { border-bottom:1px solid #eee; }
.items,.item-category a { color:#718083; }
.item-author a { color:#7bb132; }
.item-author a:hover,.item-category a:hover,.item-edit a { color:#f23d4e; }
.item-edit a:hover { color:#646464; }
.item-custom a { color:#f23d4e; }
.item-custom a:hover { color:#646464; }
.social-cmt { background:#94a2af; color:#fff; }
.social-cmt:after { border-color:#94a2af transparent transparent transparent; }
.social-cmt:hover { background:#f23d4e; color:#fff; }
.social-cmt:hover:after { border-color:#f23d4e transparent transparent transparent; }
.social-stats-button { color:#555; background:#fff; border:1px solid #ddd; }
.social-stats-button:hover { color:#fff; background:#f23d4e; border:1px solid #f23d4e; }
.social-stats-modal { background:#fff; border:1px solid #dadde3; }
.social-stats-modal:before { border-color:#ccc transparent; }
.social-stats-modal:after { border-color:#fff transparent; }
.social-stats-modal li.red { color:#f23d4e; }
.social-stats-modal li.blue { color:#08c; }
.go-top { color:#898178; }
.go-top:hover { background:#f23d4e; color:#fff; }
/* COMMENT 1 */

/* .comments,.comment-tab,.comment-content,.comment-protect,.comment-heading
{ width:100%; float:left; }
.comments { margin-bottom:15px; }
.comment-tab a { width:50%; padding:20px 0 21px 0; display:inline; text-align:center;
position:relative; float:left; box-sizing:border-box; }
.comment-tab a div,.comment-tab a span { font-size:20px; line-height:20px;
display:inline; }
.comment-tab a div:before { font:24px/24px &quot;WP&quot;; margin-right:10px; }
.comment-tab a div.cmt:before { content:&quot;&gt;;&quot;; }
.comment-tab a div.fb:before { content:&#39;0&#39;; }
.comment-tab a.active { margin-bottom:-1px; }
.comment-content { box-sizing:border-box; padding:15px 0; }
.comment-container { display:none; margin:0 auto; width:700px; }
.comment-protect { padding:15px; font-size:14px; line-height:18px; text-align:center;
margin-bottom:15px; box-sizing:border-box; }
.comment-heading { font:16px/24px Arial; margin-bottom:15px; }
.comment-heading div { float:right; font-size:14px; margin-top:2px; }
.comment-heading div span { margin-left:10px; padding:3px 15px; font-weight:bold;
border-radius:5px; }
.comment-tab { background:#f7f7f7; }
.comment-tab a { color:#8a8c8e; }
.comment-tab a.active { border:1px solid #e5e5e5; background:#fff; border-bottom:none; }
.comment-tab a:hover { color:#222; }
.comment-content { border:1px solid #e5e5e5; }
.comment-content.store { border-top:none; }
.comment-protect { background:#ecebeb; color:#797b7c; }
.comment-heading { color:#2A2A2A; }
.comment-heading div { color:#34af37; }
.comment-heading div span { background:#f5f5f5; color:#666; border:1px solid #b4b4b4; }
*/
/* COMMENT 2 */

/* .comment-list,.comment-list li { width:100%; float:left; }


.comment-list { margin-bottom:30px; }
.comment-list li { position:relative; margin-bottom:30px; }
.comment-list li:last-child { margin-bottom:0; }
.comment-list li ul { margin-top:15px; width:640px; margin-left:60px; float:left; }
.comment-list li li { margin-bottom:15px; }
.comment-list li li .comment-vcard,.comment-list li li .comment-box { width:580px; }
.comment-avatar { width:50px; float:left; margin-right:10px; }
.comment-avatar img { width:100%; max-width:100%; height:auto; float:left; border-
radius:50%; }
.comment-vcard,.comment-box { width:640px; float:left; }
.comment-vcard { font-size:11px; line-height:16px; }
.comment-vcard a:hover,.comment-box p a:hover { text-decoration:underline; }
.comment-vcard strong { margin-right:5px; font-size:13px; line-height:20px; }
.comment-reply,.comment-rating { position:absolute; top:0; right:0; }
.comment-reply a { padding:5px 10px 7px 10px; font:11px/11px
Tahoma,Arial,Helvetica,sans-serif; margin-left:5px; border-radius:3px; float:left; }
.comment-reply a:first-child { margin-left:0; }
.comment-box p { word-wrap:break-word; }
.comment-vcard,.comment-vcard a { color:#7c7b7b; }
.comment-vcard a:hover { color:#f23d4e; }
.comment-vcard strong { color:#484848; }
.comment-vcard strong a { color:#7bb132; }
.comment-reply a { background:#49b8f7; color:#e0ecf8; }
.comment-reply a.del { background:#e62117; color:#fff; }
.comment-reply a:hover { background:#f23d4e; color:#fff; }
.comment-box p { color:#718083; }
.comment-box p a { color:#f23d4e; }
.comment-box p a:hover { color:#646464; }
*/

/* COMMENT 3 */

/* .comment-respond,.comment-form,.comment-form label,.comment-one,.comment-
notes,.pings,.pings h3 { width:100%; float:left; }
.comment-respond a:hover { text-decoration:underline; }
.comment-form label { float:left; margin-bottom:5px; }
.comment-form input.field,.comment-form textarea { width:100%; font:14px/18px
Tahoma,Arial; border-radius:0; border:none; -webkit-border-radius:0; -webkit-appearance:none;
box-sizing:border-box; float:left; padding:10px; margin-bottom:15px; }
.comment-form input.submit { width:100px; height:30px; padding-bottom:4px; font-
size:13px; line-height:13px; cursor:pointer; text-align:center; border-radius:3px; float:left; }
.comment-one { font-size:13px; float:left; margin-bottom:5px; }
.comment-one a.go,.comment-one p a { float:right; margin-left:5px; padding:4px 10px 5px
10px; font-size:12px; font-weight:bold; border-radius:3px; }
.comment-one p { float:right; width:auto; }
.comment-one a.go:hover,.comment-one p a:hover { text-decoration:none; }
.comment-notes { margin-bottom:10px; font-style:italic; }
.comment-form-rating { float:left; margin-bottom:15px; }
.pings { margin-top:15px; }
.pings h3 { padding:5px 0; font:normal 16px Arial; }
.pings li { width:100%; margin-top:2px; margin-bottom:5px; padding:0; border:0;
background:none; float:left; }
.pings li cite { margin-right:8px; display:inline-block; }
.pings li cite a:hover { text-decoration:underline; }
.pings li span { display:inline-block; }
.comment-respond { color:#646262; }
.comment-respond a { color:#08c; }
.comment-respond a:hover { color:#f23d4e; }
.comment-form label span { color:#e62117; }
.comment-form input.field,.comment-form textarea { background:#f8f7f7; color:#333; box-
shadow:inset 0 0 1px #ccc; }
.comment-form input.submit { background:#fed86d; border:1px solid #e19e35;
color:#966902; }
.comment-form input.submit:hover { background:#f23d4e; border:1px solid #f23d4e;
color:#fff; }
.comment-one a.go { background:#f5f5f5; color:#666; border:1px solid #b4b4b4; }
.comment-one p a { background:#cf3c08; color:#fff; border:1px solid #cf3c08; }
.comment-one a.go:hover,.comment-one p a:hover { background:#f23d4e; color:#fff;
border:1px solid #f23d4e; }
.pings { color:#3a3a3a; }
.pings li cite a { color:#0084B4; }
.pings li cite a:hover { color:#c24328; }
*/

@media only screen and (min-width:320px) and (max-width:1023px) {


.e404 { padding:10px 0 30px 0; } .e404-image { width:100%; margin-
bottom:10px; } .search-form { margin-bottom:10px; } .headline { font-size:24px; line-
height:32px; margin-bottom:5px; } .items { padding-bottom:10px; margin-bottom:10px; } .item-
author,.item-category,.item-edit { display:none; } .social-share.mobile,.social-cmt
{ display:none; } .go-top.fixed { margin:0 auto 10px auto; display:table;
float:none; } .suggested-money { margin-bottom:10px; } .pagination { padding-
bottom:5px; } .pagination-product { margin-bottom:5px; } .rating.alt { display:none; } .rating-
review { display:none; } .comments { margin-bottom:10px; } .comment-tab a { padding:10px 0
12px 0; } .comment-tab a div,.comment-tab a span { font-size:14px; line-
height:14px; } .comment-tab a div:before { font:14px/14px &quot;WP&quot;; margin-
right:5px; } .comment-tab a.active { margin-bottom:0; } .comment-content { border:none;
padding:10px 0; } .comment-container { width:100%; } .comment-heading { margin-
bottom:10px; } .comment-protect { margin-bottom:10px; } .comment-list li ul { width:280px;
margin-left:20px; } .comment-list li li .comment-vcard,.comment-list li li .comment-reply
{ width:220px; } .comment-list li li .comment-box { width:100%; } .comment-vcard
{ width:240px; } .comment-reply,.comment-rating { position:static; float:left; width:240px;
margin-top:5px; } .comment-box { width:100%; margin-top:5px; }
}

@media only screen and (min-width:360px) and (max-width:1023px) {


.item-author { display:block; } .rating.alt { display:block; } .rating-review
{ display:block; } .comment-container { width:340px; } .comment-vcard,.comment-reply
{ width:280px; } .comment-list li ul { width:320px; } .comment-list li li .comment-
vcard,.comment-list li li .comment-reply { width:260px; }
}

@media only screen and (min-width:414px) and (max-width:1023px) {


.social-cmt { display:block; } .comment-tab a.active { margin-bottom:-1px; } .comment-
content { border:1px solid #e5e5e5; }
}

@media only screen and (min-width:480px) and (max-width:1023px) {


.e404-image { width:400px; } .search-form { margin-bottom:15px; } .headline { margin-
bottom:10px; } .items { padding-bottom:12px; margin-bottom:12px; } .go-top.fixed { margin:0;
margin-bottom:10px; display:block; float:right; } .suggested-money { margin-
bottom:15px; } .pagination { padding-bottom:10px; } .pagination-product { margin-
bottom:10px; } .comments { margin-bottom:15px; } .comment-tab a { padding:16px 0 18px
0; } .comment-tab a div,.comment-tab a span { font-size:18px; line-height:18px; } .comment-tab
a div:before { font:18px/18px &quot;WP&quot;; margin-right:10px; } .comment-content
{ padding:15px 0; } .comment-container { width:420px; } .comment-heading { margin-
bottom:15px; } .comment-protect { margin-bottom:15px; } .comment-vcard,.comment-reply
{ width:360px; } .comment-list li ul { width:400px; } .comment-list li li .comment-
vcard,.comment-list li li .comment-reply { width:340px; }
}

@media only screen and (min-width:600px) and (max-width:1023px) {


.item-category,.item-edit { display:block; } .social-share.mobile
{ display:block; } .comment-container { width:540px; } .comment-vcard,.comment-box
{ width:480px; margin:0; } .comment-reply,.comment-rating { position:absolute; float:none;
width:auto; margin:0; } .comment-list li ul { width:500px; margin-left:40px; } .comment-list li
li .comment-vcard,.comment-list li li .comment-box { width:440px; } .comment-list li
li .comment-reply { width:auto; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {


.headline { font-size:32px; line-height:40px; } .items { padding-
bottom:15px; } .pagination-product { margin-bottom:10px; } .comment-tab a { padding:20px 0
21px 0; } .comment-tab a div,.comment-tab a span { font-size:20px; line-
height:20px; } .comment-tab a div:before { font:24px/24px &quot;WP&quot;; } .comment-
container { width:700px; } .comment-vcard,.comment-box { width:640px; } .comment-list li ul
{ width:640px; margin-left:60px; } .comment-list li li .comment-vcard,.comment-list li
li .comment-box { width:570px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.e404 { padding:10px 0 30px 0; } .headline { font-size:24px; line-
height:32px; } .pagination,.pagination-comment { padding-bottom:10px; } .comment-container
{ width:600px; } .comment-vcard,.comment-box { width:540px; } .comment-list li ul
{ width:540px; } .comment-list li li .comment-vcard,.comment-list li li .comment-box
{ width:480px; }
}
/* FOOTER */

.footer,.footer-global,.footer-intouch div,.footer-menu-list ul,.footer-menu-list li,.footer-


connect ul,.footer-extra { width:100%; float:left; }
.footer-core { margin:0 auto; display:table; width:1280px; position:relative; }
.footer-global.space { padding:20px 0; }
.footer-copyright { width:75%; float:left; padding:14px 0 17px 0; }
.footer-copyright a { display:inline; margin-left:15px; }
.footer-copyright a:hover { text-decoration:underline; }
.footer-copyright.alt { width:100%; }
.footer-social { float:right; padding-top:17px; }
.footer-social ul { float:left; }
.footer-social li { display:inline; float:left; }
.footer-social li a { margin-left:25px; float:left; font:15px/18px &#39;Roboto&#39;,Arial; }
.footer-intouch { width:320px; float:left; }
.footer-intouch h3,.footer-connect h3 { font-size:16px; line-height:16px; margin-
bottom:10px; float:left; }
.footer-intouch div { margin-bottom:3px; }
.footer-menu { width:50%; float:left; }
.footer-menu-list { width:33.3%; float:left; font-size:13px; line-height:23px; }
.footer-menu-list a:hover { text-decoration:underline; }
.footer-menu-list:last-child { width:33.4%; }
.footer-menu-list h3 { font-size:16px; line-height:16px; margin-bottom:10px; float:left; }
.footer-connect { width:300px; float:left; margin-right:20px; }
.footer-connect ul { float:left; }
.footer-connect li { display:inline; float:left; width:40px; margin-right:10px; margin-
bottom:10px; }
.footer-connect li a { transition:all 0.2s; }
.footer-connect li a:hover { opacity:0.8; }
.footer-connect li a i { height:40px; padding-top:9px; width:100%; font:20px/20px
&quot;WP&quot;; text-align:center; border-radius:50%; float:left; box-sizing:border-box; }
.footer-connect li img { width:100%; max-width:100%; height:auto; float:left; border-
radius:50%; }
.footer-extra { padding:15px 0; }
.footer-extra-section { width:48%; float:left; }
.footer-extra-section:first-child { margin-right:4%; }
.footer-extra-image { width:95px; float:left; }
.footer-extra-image img { width:100%; max-width:100%; height:auto; float:left; }
.footer-extra-text { width:82%; float:right; }
.footer-extra-text h3 { font-size:20px; line-height:30px; font-weight:600; margin:4px 0; }
.footer-extra-text p { font-size:16px; line-height:24px; }
.footer-up { width:40px; height:31px; padding-top:9px; bottom:10px; right:10px;
cursor:pointer; opacity:0.8; position:fixed; z-index:90; border-radius:50%; font:18px/18px
&quot;WP&quot;; text-align:center; display:none; }
.footer { color:#8d9199; }
.footer-global { border-top:1px solid #e1e1e1; }
.footer-global.alt { background:#fafafa; }
.footer-copyright a { color:#666; }
.footer-copyright a:hover { color:#f23d4e; }
.footer-social li a { color:#838484; }
.footer-social li a:hover { color:#f23d4e; }
.footer-intouch { color:#555; }
.footer-intouch h3,.footer-connect h3,.footer-menu-list h3,.footer-menu-list h3 a
{ color:#444; }
.footer-menu-list li a { color:#8d9199; }
.footer-menu-list h3 a:hover,.footer-menu-list li a:hover { color:#f23d4e !important; }
.footer-connect li a i { color:#fff; }
.footer-connect li a i.fb { background:#4267b2; }
.footer-connect li a i.in { background:#e4296d; }
.footer-connect li a i.tw { background:#1ea1f3; }
.footer-connect li a i.gp { background:#de4e43; }
.footer-connect li a i.yt { background:#eee; color:#ff0000; }
.footer-connect li a i.pin { background:#bd081c; color:#fff; border:2px solid #bd081c; }
.footer-extra { background:#f1f4f5; color:#6e797a; }
.footer.dark .footer-global { background:#232f3e; border-top:1px solid #555; }
.footer.dark .footer-copyright.alt { color:#aaa; }
.footer.dark .footer-copyright a { color:#aaa; }
.footer.dark .footer-copyright a:hover { color:#f23d4e; }
.footer.dark .footer-intouch { color:#ccc; }
.footer.dark .footer-intouch h3,.footer.dark .footer-menu-list h3,.footer.dark .footer-menu-
list h3 a,.footer.dark .footer-connect h3 { color:#fff; }
.footer.dark .footer-menu-list li a { color:#bbb; }
.footer-up { background:#4198d3; color:#fff; }
.footer-up:hover { background:#f23d4e; color:#fff; }

@media only screen and (min-width:320px) and (max-width:1023px) {


html { -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape */; }
#container { max-width:100%; } .header { position:absolute; } .header-core
{ width:100%; } .header-default-icon { display:block; } .header-search { float:none;
position:absolute; width:320px; padding:10px; top:60px; box-sizing:border-box; display:none;
background:#fafafa; border:1px solid #ddd; } .header-search-icon { right:25px; } .header-search-
field { width:100%; background:#fff !important; color:#555 !important; border:1px solid
#ddd !important; } .header-search:before,.header-search:after { content:&#39;&#39;;
position:absolute; border-style:solid; display:block; width:0; } .header-search:before { border-
width:0 8px 8px; z-index:0; top:-8px; left:16px; border-color:#ccc transparent; } .header-
search:after { border-width:0 7px 7px; z-index:1; top:-7px; left:17px; border-color:#fafafa
transparent; } .header-toolbar { display:none; } .footer-core { width:300px; } .footer-copyright
{ padding:10px 0 12px 0; width:100%; } .footer-social { float:left; padding-top:0; padding-
bottom:15px; } .footer-social li a { margin-left:0; margin-right:25px; } .footer-
global.space,.footer-extra { padding:10px 0; } .footer-intouch { width:100%; } .footer-menu
{ width:100%; margin-bottom:15px; } .footer-menu-list,.footer-menu-list:last-child
{ width:50%; } .footer-menu-list.m3 { display:none; } .footer-connect { margin-right:0;
width:100%; margin-bottom:15px; } .footer-extra-section { width:100%; } .footer-extra-
section:first-child { margin-right:0; margin-bottom:15px; } .footer-extra-image { width:60px;
margin-top:3px; } .footer-extra-text { width:76%; } .footer-extra-text h3 { font-size:14px; line-
height:22px; margin:0; } .footer-extra-text p { font-size:13px; line-height:20px; }
}

@media only screen and (min-width:360px) and (max-width:1023px) {


.footer-core { width:340px; } .footer-extra-text { width:79%; }
}

@media only screen and (min-width:375px) and (max-width:1023px) {


.footer-core { width:355px; } .footer-extra-image { width:70px; } .footer-extra-text
{ width:77%; }
}

@media only screen and (min-width:414px) and (max-width:1023px) {


.footer-core { width:380px; } .footer-extra-text { width:78%; }
}

@media only screen and (min-width:480px) and (max-width:1023px) {


.footer-core { width:460px; } .footer-menu-list { width:33.3%; } .footer-menu-list:last-
child { width:33.4%; } .footer-menu-list.m3 { display:block; } .footer-extra-image { margin-
top:0; } .footer-extra-text { width:82%; }
}

@media only screen and (min-width:600px) and (max-width:1023px) {


.footer-core { width:580px; } .footer-copyright { padding:14px 0 17px 0; } .footer-
intouch,.footer-connect { width:50%; } .footer-connect { margin-bottom:0; } .footer-extra-
section { width:48%; } .footer-extra-section:first-child { margin-right:4%; margin-
bottom:0; } .footer-extra-text { width:71%; }
}

@media only screen and (min-width:640px) and (max-width:1023px) {


.footer-core { width:620px; } .footer-extra-text { width:73%; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {


.footer-core { width:740px; } .footer-extra { padding:15px 0; } .footer-extra-image
{ width:85px; }
}

@media only screen and (min-width:960px) and (max-width:1023px) {


.footer-core { width:920px; } .footer-intouch { width:300px; } .footer-menu
{ width:310px; margin-bottom:0; } .footer-menu-list,.footer-menu-list:last-child
{ width:50%; } .footer-menu-list.m3 { display:none; } .footer-connect { width:300px; margin-
bottom:0; margin-right:10px; } .footer-extra-text { width:76%; } .footer-extra-text h3 { font-
size:16px; line-height:24px; margin:4px 0; } .footer-extra-text p { font-size:16px; line-
height:24px; } .footer-extra-image { width:95px; }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {


.header-core { width:1000px; } .footer-core { width:1000px; } .footer-copyright
{ width:72%; } .footer-menu { width:360px; } .footer-menu-list,.footer-menu-list:last-child
{ width:50%; } .footer-menu-list.m3 { display:none; } .footer-extra-text { width:77%; } .footer-
extra-text h3 { font-size:18px; line-height:24px; } .item-title { height:50px; overflow:hidden; }
}

@media only screen and (min-width:1280px) and (max-width:1679px) {


.item-title { height:50px; overflow:hidden; } .header-core { width:1170px; } .footer-core
{ width:1170px; } .footer-menu { width:530px; } .footer-extra-text { width:80%; }
}
/*--share post bottom--*/

ul.flat-social { display:inline-block; height:40px; line-height:40px; float:left; padding:0;


background:transparent !important; }
.flat-social li { list-style:none; margin:0; }
.flat-social li { display:inline-block; float:left; margin-right:10px; width:106px; }
.flat-social .social-facebook { background:#39599f; }
.flat-social .social-twitter { background:#45b0e3; }
.flat-social .social-google-plus { background:#fa0101; }
.flat-social .social-linkedin { background:#0083bb; }
.flat-social .social-pinterest { background:#E00707; }
.flat-social .social-copylink { background:green; }
.flat-social .flat-social a { color:#FFF !important; text-decoration:none !important; }
.flat-social li { width:auto !important; }
.flat-social a { padding:5px 9px; color:#FFF; margin:0 2px 2px 0; display:inline-block; line-
height:14px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
cursor:pointer !important; }
.flat-social a i { margin-right:3px; }
.flat-social a:hover { background:#444; }

@media only screen and (max-width:545px) {


.social-pinterest span,.social-copylink span { display:none; }
}

@media only screen and (max-width:478px) {


.social-linkedin span { display:none; }
}

@media only screen and (max-width:419px) {


.social-google-plus span { display:none; }
}

@media only screen and (max-width:359px) {


.social-twitter span { display:none; }
}

@media only screen and (max-width:319px) {


.social-facebook span { display:none; }
}
/*.magazine-action-zero { padding:12px 20px 14px 20px; position:absolute; width:100%;
box-sizing:border-box; bottom:0; left:0; }
.magazine-action-zero div { font-size:13px; line-height:13px; margin-right:15px;
float:left; }
*/

.breadcrumbs { line-height:1.5em; font-family:&#39;Roboto&#39;,arial,sans-serif; font-


size:13px; width:100%; margin:5px 0; float:left; color:#83868a !important; text-align:left;
padding:0; box-sizing:border-box; }
.breadcrumbs &gt; a { color:#718083; line-height:26px; }
.breadcrumbs &gt; span { padding:0 5px; font:16px/16px &#39;Roboto&#39;,Arial,sans-
serif; }
/*----------------------------------------
---------------Back to top----------------
---------------------------------------*/

#myBtntop { display:none; position:fixed; bottom:10px; right:10px; z-index:99;


border:none; outline:none; background-color:red; color:white; cursor:pointer; padding:5px;
border-radius:50%; }
#myBtntop:hover { background-color:#555; }
.blogger-iframe-colorize { display:block !important; }
.fancybox-margin { margin-right:0; }
.fb_iframe_widget,.fb_iframe_widget
span,.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop
span,.fb_iframe_widget_fluid_desktop iframe.fb_iframe_widget span
iframe[style],.fb_iframe_widget_lift { min-width:100% !important; width:100% !important; }

/*****************************************
Recent Widget CSS
******************************************/
ul.tw_comments { padding:0px !important; display:inline-block; }
.tw_comments li { box-sizing:border-box;float:left; margin:0; width:100%; padding:7px
7px 0px 7px; list-style-type:none; border-bottom:1px solid #ddd; margin:0px !important; }
.tw_comments li:last-child { border:0; margin:0 !important; }
.tw_comments li a { text-decoration:none; color:#666; width:100%; display:block; }
.tw_comments li a:hover { color:#febd17; }
.avatarImage img{-webkit-border-radius:50%; -moz-border-radius:50%; border-
radius:50%; width:50px; height:50px}
.avatarImage { float:left; width:50px;padding:0px 5px 0px 0px}
.tw_comments li span { font-size:13px; }
</style>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.breadcrumbs {margin-left: 20px;}
.post-archive.list-style.left-img ul li .post-item .caption {
margin-left: 260px;
}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.post-header {
display: inline-block;
width: 100%;
}
.btn-main{margin:10px;}
</style>
</b:if>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg =140;summary_img = 140;img_thumb_width = 172;img_thumb_height
=105;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
if (-1 != a.indexOf("<")) {
for (var c = a.split("<"), d = 0; d < c.length; d++) - 1 != c[d].indexOf(">") && (c[d] =
c[d].substring(c[d].indexOf(">") + 1, c[d].length));
a = c.join("")
}
for (b = b < a.length - 1 ? b : a.length - 2;
" " != a.charAt(b - 1) && -1 != a.indexOf(" ", b);) b++;
a = a.substring(0, b - 1);
return a + "..."
}
//Đoạn script tạo rút gọn nội dung ở trang chủ
function createSummaryAndThumb(a) {
a = document.getElementById(a);
var b = "",
c = a.getElementsByTagName("img"),
d = summary_noimg;
1 <= c.length && (b = '<span style="display:none;float:left;margin:5px 10px 5px
0px;"><img src="' + c[0].src + '" width="' + img_thumb_width + 'px" height="' +
img_thumb_height + 'px"/></span>', d = summary_img);
b = b + "<p>" + removeHtmlTag(a.innerHTML, d) + "</p>";
a.innerHTML = b
};
//]]>
</script>

&lt;/head&gt;&lt;!--<head/>--&gt;
<!--<body>-->
<body class='has-load-animation'>

<div class='header blue' id='header'>


<div class='header-one'>
<div class='header-core'>
<a class='header-default-icon'><i class='material-icons'>reorder</i></a>
<a class='header-logo' expr:href='data:blog.homepageUrl'><img
src='https://1.bp.blogspot.com/-
6RT83G3NSy0/XAPg7JAhd9I/AAAAAAAABx8/trO7t87TrlQoDa_1fLZn5A2xkqa6NMfhQCL
cBGAs/s1600/logo.png'/></a>
<div class='header-profile'>
<a class='header-profile-icon' expr:href='data:blog.homepageUrl'><i class='material-
icons'>person</i></a>

</div>
<div class='header-search'>
<form accept-charset='UTF-8' action='' data-search='true' method='get'>
<i class='material-icons header-search-icon'>search</i>
<input class='header-search-field' id='s' name='s' placeholder='Tôi đang tìm
kiếm...' type='text'/>
</form>
</div>
<div class='main-menu blue'>
<div class='main-menu-primary'>
<ul>
<li><a href=''>Menu 0</a></li>
<li><a href=''>Menu 1</a></li>
<li><a class='active' href=''>Menu 2</a></li>
<li><a href=''>Menu 3</a></li>
<li><a href=''>Menu 4</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div class='content' id='content'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='banner-hello' style='margin-bottom: 0px; background-color:
#fafafa;border-bottom: 1px solid #ebebeb;'>
<img src='https://via.placeholder.com/728x90?text=Visit+Blogging.com+Now'
style='float:none;display:block;height: 90px;width: 728px;margin:0 auto'/>
</div>

</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='featured-cover'>
<div class='featured-cover-text'>
<h1><a href=''>Blog</a></h1>
</div>
<img src='https://2.bp.blogspot.com/-
LTJuiLyTP4U/XALCM_YIHXI/AAAAAAAABxM/1KfhtXRicjI3UNRVdkwakIsa1HW-
KztbwCPcBGAYYCw/s1600/background.jpg'/>
</div>
</b:if>
<div class='site-menu'>
<div class='site-menu-core'>
<div class='site-menu-title'>Blog<span>(16)</span> </div>
<div class='site-menu-list'>
<a class='site-menu-icon n1' href='javascript:'><i>!</i></a>
<ul class='n1'>
<li><a href='#'>Giới thiệu</a></li>
<li><a href='#'>Liên hệ</a></li>
<li><a class='active' href='#'>Blog</a></li>
</ul>
</div>
</div>
</div>

<div class='content-core space'>


<div class='main-content-yes'>

<!-- Begin content -->


<div class='primary'>
<b:section class='content_no' id='content_no' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog'
type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-
setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-
setting>
<b:widget-setting name='showShareButtons'>false</b:widget-
setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-
setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-
setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-
setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-
setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-
setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-
setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-
setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<!-- Image Append -->
<!-- Image Append For Post -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='big_post_image' id='pic1'/>
</b:if>
<!-- Image Append For Page -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='big_post_image' id='pic1'/>
</b:if>
<!-- Image Append END. -->
<b:include data='top' name='status-message'/>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>


<b:if cond='data:blog.pageType ==
&quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>

<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='nextprev'/>
</b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi'
type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot; annotations &quot;, &quot; 1 &quot;,
{&quot;locale &quot;: &quot; <data:top.languageCode/> &quot;});
function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='authorblog'>
<div id='author-box'>
<div class='block-head'>
<h3>
About
<data:post.author/>
</h3>
<div class='stripe-line'/>
</div>
<div class='post-listing'>
<div class='author-avatar'>
<img class='author_avatar' expr:alt='data:post.author'
expr:src='data:post.authorPhoto.url' height='80' width='80'/>
</div>
<div class='author-description'>
<data:post.authorAboutMe/>
</div>
<div class='clear'/>
</div>
</div>
<!--/entry author-->
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; +
data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl'
expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<h4>
<data:post.backlinksLabel/>
</h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>
&#160;
</span>
<a expr:href='data:backlink.url' rel='nofollow'>
<data:backlink.title/>
</a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'>
<data:post.authorLabel/>
<data:backlink.author/>
</span>
<span class='comment-timestamp'>
<data:post.timestampLabel/>
<data:backlink.timestamp/>
</span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<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>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-
vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span
itemprop='title'>Home</span></a></span> / <b:loop index='x' values='data:post.labels'
var='label'> <b:if cond='data:x==0'> <a expr:href='data:label.url + &quot;?max-
results=12&quot;' rel='tag nofollow'><data:label.name/></a></b:if> </b:loop> /
<span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span>Uncategories</span> /
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span>Archive for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a
expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> / <span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-
link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p class='c_msg_p'><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<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%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p class='c_msg_p'><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor'
src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<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'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>

<div expr:id='data:widget.instanceId + &quot;_comments-block-


wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; +
data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-
bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId +
data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>

</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>
<!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url'
expr:type='data:f.mimeType' target='_blank'>
<data:f.name/>
(
<data:f.feedType/>
)
</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>


<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<!-- MOBILE INDEX POST HERE -->
<div class='mobile-date-outer date-outer'>
<div class='mobile-post-outer'>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
<b:else/>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:alt='data:post.title' expr:title='data:post.title'
src='http://3.bp.blogspot.com/-
ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
</div>
</div>
</b:if>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='headline'>
<data:post.title/>
</h3>
</a>
<div class='post-body'>
<div class='post-info'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
By
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl'
rel='author' title='author profile'>
<span itemprop='name'>
<data:post.author/>
</span>
</a>
</span>
</span>
<b:else/>
<span class='author-info'>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<span itemprop='name'>
<data:post.author/>
</span>
</span>
</span>
</b:if>
</b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<span class='time-info'>
<i class='fa fa-calendar'/>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'>
<abbr class='published updated'
expr:title='data:post.timestampISO8601' itemprop='datePublished'>
<data:post.timestamp/>
</abbr>
</a>
</span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType !=
&quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<span class='comment-info'>
<i class='fa fa-comments'/>
<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>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
<div style='clear: both;'/>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<!-- MOBILE PAGE NAVIGATION LINKS HERE -->
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<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>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<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>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
</a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'>
<data:desktopLinkMsg/>
</a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<!-- MOBILE ITEM POST HERE -->
<div class='date-outer'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'
itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl'
itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='mobile-post-title entry-title' itemprop='headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-info' style='margin-bottom:15px;'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
By
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl'
rel='author' title='author profile'>
<span itemprop='name'>
<data:post.author/>
</span>
</a>
</span>
</span>
<b:else/>
<span class='author-info'>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<span itemprop='name'>
<data:post.author/>
</span>
</span>
</span>
</b:if>
</b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<span class='time-info'>
<i class='fa fa-calendar'/>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'>
<abbr class='published updated'
expr:title='data:post.timestampISO8601' itemprop='datePublished'>
<data:post.timestamp/>
</abbr>
</a>
</span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType !=
&quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<span class='comment-info'>
<i class='fa fa-comments'/>
<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>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-
&quot; + data:post.id' itemprop='articleBody'>
<!-- IKLAN BAWAH JUDUL VERSI MOBILE -->
<data:post.body/>
<div style='clear: both;'/>
<div id='share-buttons-mobile'>
<p>
Share :
</p>
<a
expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow'
style='background:#3b5998;'>
Facebook
</a>
<a expr:href='&quot;http://plus.google.com/share?url=&quot;
+ data:blog.url' rel='nofollow' style='background:#c0361a;'>
Google+
</a>
<a
expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url +
&quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow'
style='background:#4099ff;'>
Twitter
</a>
<div class='clear'/>
</div>
<div id='related-posts-mobile'>
<h3>
Related Posts :
</h3>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; +
data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-
results=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<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'>
<data:newerPageTitle/>
</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<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'>
<data:olderPageTitle/>
</a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
</a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'>
<data:mobileLinkMsg/>
</a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>

<div class='post-item'>

<b:if cond='data:blog.pageType == &quot;index&quot;'>


<div class='medium-classic'>
<a class='medium-photo' expr:href='data:post.link'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e, d) {
var c = 474;
var b = "http://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s90-c/default.png";
if (e == "") {
e = b;
}
image_tag = '<img src=" ' + e.replace("/s72-c/",
"/w220-h124-c/") + '" alt=" ' + d + ' "/> ';

return image_tag;
};
//]]>
</script>

<script type='text/javascript'>

document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>
&quot;,&quot;<data:post.title/>&quot;));
</script>
</a>
<div class='medium-one'>
<div class='medium-zero'>
<div class='medium-cat'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast ==
&quot;true&quot;'>
<a expr:href='data:label.url +
&quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != &quot;true&quot;'/>
</b:if>
</b:loop>
</b:if>
</div>
<div class='medium-author'><b><a
rel='author'><b:if cond='data:top.showAuthor'><data:post.author/></b:if></a></b></div>
<div class='medium-view'>
<a class='comment-link'
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 0'>Leave a comment<b:else/><data:post.numComments/>
bình luận</b:if></a>
</div>
<div class='medium-cmt'>0</div>
</div>
<h2 class='medium-title'><a
expr:href='data:post.url'><data:post.title/></a></h2>
<div class='medium-excerpt'>
<div expr:id='&quot;summary&quot; +
data:post.id'><span><data:post.timestamp/> -</span><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</scrip
t>
<a class='medium-more'
expr:href='data:post.url'>Xem thêm</a>
</div>
</div>
</div>

</b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>


<div class='medium-classic'>
<a class='medium-photo' expr:href='data:post.link'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e, d) {
var c = 474;
var b = "http://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s90-c/default.png";
if (e == "") {
e = b;
}
image_tag = '<img src=" ' + e.replace("/s72-c/",
"/w220-h124-c/") + '" alt=" ' + d + ' "/> ';

return image_tag;
};
//]]>
</script>
<script type='text/javascript'>

document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>
&quot;,&quot;<data:post.title/>&quot;));
</script>
</a>
<div class='medium-one'>
<div class='medium-zero'>
<div class='medium-cat'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast ==
&quot;true&quot;'>
<a expr:href='data:label.url +
&quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != &quot;true&quot;'/>
</b:if>
</b:loop>
</b:if>
</div>
<div class='medium-author'><b><a
rel='author'><b:if cond='data:top.showAuthor'><data:post.author/></b:if></a></b></div>
<div class='medium-view'>
<!-- <a class='comment-link'
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 0'>Leave a comment<b:else/><data:post.numComments/>
bình luận</b:if></a>
-->
<span class='comment-link'><a class='fb-
comments-count' expr:data-href='data:post.url'>0</a> bình luận</span>
</div>
<div class='medium-cmt'>0</div>
</div>
<h2 class='medium-title'><a
expr:href='data:post.url'><data:post.title/></a></h2>
<div class='medium-excerpt'>
<div expr:id='&quot;summary&quot; +
data:post.id'><span><data:post.timestamp/> -</span><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</scrip
t>
<a class='medium-more'
expr:href='data:post.url'>Xem thêm</a>
</div>
</div>
</div>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<meta expr:content='data:post.firstImageUrl'
itemprop='image'/>
</b:if>

<div class='post-header'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'
rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast ==
&quot;true&quot;'>
<span>&#187;</span><a
expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
<span>&#187;</span><a>Unlabelled</a>
</b:if>
<span>&#187;</span><data:post.title/>
</b:loop>
</div>
<div class='article'>
<div class='article-section'>
<b:if cond='data:post.title'>
<b:if cond='data:post.link'>
<h1 class='headline'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
</h1>
<b:else/>
<b:if cond='data:post.url'>
<h1 class='headline'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
</h1>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</b:if>

<div class='items'>
<div class='item-author'>Đăng bởi <strong><a
rel='author'><b:if cond='data:top.showAuthor'><data:post.author/></b:if></a></strong></div>
<div class='item-category'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast ==
&quot;true&quot;'>
<a expr:href='data:label.url +
&quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
<b:else/>
<a expr:href='data:label.url +
&quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>,
</b:if>
</b:loop>
</b:if>
</div>
<div class='item'><data:post.timestamp/></div>
</div>
<div class='social'>
<ul class='flat-social'>
<li><a class='social-facebook'
expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url +
&quot;&amp;title=&quot;+ data:post.title + &quot;&amp;description=&quot; +
data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;,
&apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;'
rel='nofollow' target='_blank'> F<span>acebook</span></a>
</li>
<li><a class='social-twitter'
expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url +
&quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href,
&apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars,
resizable&apos;); return false;' rel='nofollow' target='_blank'> T<span>witter</span></a>
</li>
<li><a class='social-google-plus'
expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url +
&quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; +
data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;,
&apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;'
rel='nofollow' target='_blank'>G<span>oogle +</span></a>
</li>
<li><a class='social-linkedin'
expr:href='&quot;https://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href,
&apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars,
resizable&apos;); return false;' rel='nofollow' target='_blank'>L<span>inkedIn</span></a>
</li>
<li><a class='social-pinterest'
expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url +
&quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; +
data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;,
&apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;'
rel='nofollow' target='_blank'>P<span>interest</span></a>
</li>
<li><a class='social-copylink'
onclick='CopyLink()' rel='external' target='_blank'>C<span>opy URL</span></a></li>
</ul>
<div style='clear: both;'/>
</div>
</div>

<div class='article-section'>
<div class='article-lucky'>
<article class='blog-body-content'
expr:id='&quot;blog&quot; + data:post.id'>
<data:post.body/>
</article>
</div>
<div class='article-tags'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url +
&quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
</b:loop>
</b:if>
</div>
<a class='go-top fixed'
onclick='scrollToTop(1000);'>Trở lên Trên &#9650;</a>
</div>
<div class='suggested'/>
</div>
</b:if>

<b:if cond='data:blog.pageType ==
&quot;static_page&quot;'>
<b:if cond='data:post.title'>
<div class='post-head'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</div>
</b:if>
</b:if>
</div>
<div class='metabypost' style='display:none;'>
<span><data:post.title/></span>
<img expr:alt='data:post.title'
expr:src='data:post.thumbnailUrl'/>
<span><data:post.author/></span>
<data:post.timestamp/>
<span expr:title='data:post.timestamp'/>
</div>

<div style='clear:both'/>

<div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Post Author -->
<div class='widget-about post-author'>
<script type='text/javascript'>
//<![CDATA[
function av(a) {
var b = a.entry.author[0];
c = b.name.$t;
d = b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,
"/s107$1/");
document.write('<img alt="' + c + '" src="' + d +
'" title="' + c + '" class="av_img"/>')
};
//]]>
</script>

<div class='avatar'>
<script expr:src='&quot;/feeds/posts/default/&quot;
+ data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
</div>

<div class='caption'>
<meta expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a class='g-profile'
expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
<h4 class='name'><data:post.author/></h4>
</a>

<!-- Post Author Bio -->


<p class='description'>
Integer sodales turpis id sapien bibendum, ac
tempor quam dignissim. Mauris feugiat lobortis dignissim. Aliquam facilisis, velit sit amet
sagittis laoreet, urna risus porta nisi, nec fringilla diam leo quis purus.
</p>

<!-- Your Social Links -->


<div class='social-icons'>
<a href='#fakelink'>F</a>
<a href='#fakelink'>T</a>
<a href='#fakelink'>G</a>
<a href='#fakelink'>I</a>

</div>
<!-- /.Your Social Links -->
<!-- End Social Icons -->
</div>

</div>
<!-- Post Author Bio END -->
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>
</div>
</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<div class='content-inner'>
<!-- Related Post -->
</div>
</b:if>
</b:includable>
<b:includable id='post-404'>
<div class='post-404'>
<div class='actions-404'>
<div class='ops-404'><span>Ops;</span> Sorry, but the page you were
trying to view does not exist.</div>
<div class='title-404'>4<span class='fa fa-frown-o'/>4</div>
<div class='link-404'>
<a href='/'><i class='fa fa-car'/> <trans>Back to Home</trans></a>
</div></div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; +
data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<!-- <img alt='' class='icon-action' height='18'
src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> -->
<b style='color:#2A3744;'>
<i class='fa fa-pencil'/>
Edit
</b>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<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>
</b:includable>
<b:includable id='status-message'>
<!-- 404 Error -->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

<style>
.page-inner-content{
padding: 80px 0;
text-align: center;
color: #999;
}
.content-wrapper .col-md-8 {
width: 100%;
}
.content-wrapper .col-md-4, .featured-posts, .status-msg-wrap{display:none;}
.page-inner-content h3 {
color: #50514f;
}
.page-inner-content .heading-404 {
font-size: 200px;
font-weight: 700;
}
.page-inner-content h1 {
font-size: 50px;
color: #50514f;
}

.page-inner-content .heading-404 span {


color: #f5bb00;
}
a.btn {
line-height: 50px;
}
</style>
<div class='page-inner-content'>
<h3>PAGE YOU ARE LOOKING IS NOT FOUND</h3>
<p>
The page you are looking for does not exist. It may have been moved, or removed
altogether.<br/>
Perhaps you can return back to the site&#39;s homepage and see if you can find what
you are looking for.
</p>
<h1 class='heading-404'>4<span>0</span>4</h1>
<a class='btn btn-main btn-dashed' href='/'>HOMEPAGE</a>
</div>
</b:if>
<!-- 404 Error END -->
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/>
</div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<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%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor'
src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {


if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}

var parse = function(data) {


cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name ==
'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {


if (hasMore()) {
var url = config.feed +
'?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;


var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {


if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);


var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:


var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {


if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:


if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue
|| [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>

<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post'
name='threaded_comment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>

<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

</div><!-- /.primary -->


<!-- End content -->

<!-- Begin sidebar -->


<div class='secondary'>
<div class='widget'>
<div class='banner-action'/>
<div class='widget-container'>
<div class='widget-tab'>
<a class='active' data-widget='w1'>Xem nhiều</a>
<a data-widget='w2'>Bình luận mới</a>
</div>
<div class='widget-posts alt' id='w1' style='display:block;'>
<b:section class='sidebar-tab' id='sidebar' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>6</b:widget-
setting>
<b:widget-setting name='showThumbnails'>true</b:widget-
setting>
<b:widget-setting name='showSnippets'>true</b:widget-
setting>
<b:widget-setting
name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li class='item-content'>
<div class='item-thumbnail'>
<b:if cond='data:post.thumbnail'>
<a expr:href='data:post.href'
target='_blank'>
<img alt='' border='0'
expr:src='data:post.thumbnail' height='60px' style='background-size:cover' width='60px'/>
</a>
<b:else/>
<a expr:href='data:post.href'
target='_blank'>
<img alt='' border='0' height='60px'
src='https://2.bp.blogspot.com/-r6eB-
emj0A8/XAPDTwl1GfI/AAAAAAAABxk/ir6uhcz1TDM324s4WvPNNDem6Nf-
c47ZwCLcBGAs/s1600/nothumbnail.png' style='background-size:cover' width='60px'/>
</a>
</b:if>
</div>
<div class='item-conconten'>
<a class='item-title'
expr:href='data:post.href'><data:post.title/></a>
</div>

</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='widget-posts alt' id='w2' style='display:none'>
<b:section class='sidebar-tab' id='Recent-comment'
showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='RECENT
COMMENTS' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>

<div class='widget-content'>
<!--/
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
//var numComments = 7, // Recent Comment Number
//showAvatar = true, // Show Avatar
//avatarSize = 100,
//roundAvatar = true,
//characters = 40, // Limit Of Comment Text
//showMorelink = true, // Show More Text [true,false]
//moreLinktext = "More &#187;", // More Text
[Change It If You Want]
//defaultAvatar = "https://1.bp.blogspot.com/-
7HXQVxBPZgc/Vz8vPYa9wcI/AAAAAAAAAIY/jrGv0m0tcrM1lMrQdiBRIr_LvS9p58iSgCL
cB/s1600/default-avatar.jpg",
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var numComments=numComments||7,
avatarSize=avatarSize||50,
characters=characters||40,

defaultAvatar=defaultAvatar||"https://1.bp.blogspot.com/-
7HXQVxBPZgc/Vz8vPYa9wcI/AAAAAAAAAIY/jrGv0m0tcrM1lMrQdiBRIr_LvS9p58iSgCL
cB/s1600/default-avatar.jpg",
moreLinktext=moreLinktext||" More &raquo;",
showAvatar=(typeof
showAvatar==='undefined')?true:showAvatar,
showMorelink=(typeof
showMorelink==='undefined')?false:showMorelink,
roundAvatar=(typeof
roundAvatar==='undefined')?true:roundAvatar,
hideCredits=(typeof
hideCredits==='undefined')?false:roundAvatar;
function tw_comments(helplogger){
var commentsHtml;
commentsHtml='<ul class="tw_comments">';
for(var i=0;i<numComments;i++){
var
commentlink,authorName,authorAvatar,avatarClass;
if(i==helplogger.feed.entry.length)break;
commentsHtml+="<li>";
var entry=helplogger.feed.entry[i];
for(var l=0;l<entry.link.length;l++){
if(entry.link[l].rel=='alternate'){
commentlink=entry.link[l].href
}
}
for(var a=0;a<entry.author.length;a++){
authorName=entry.author[a].name.$t;
authorAvatar=entry.author[a].gd$image.src
}
if(authorAvatar.indexOf("/s1600/")!=-1){

authorAvatar=authorAvatar.replace("/s1600/","/s"+avatarSize+"/")
}else if(authorAvatar.indexOf("/s220/")!=-1){

authorAvatar=authorAvatar.replace("/s220/","/s"+avatarSize+"/")
}else if(authorAvatar.indexOf("/s512-c/")!=-
1&&authorAvatar.indexOf("http:")!=0){

authorAvatar="http:"+authorAvatar.replace("/s512-c/","/s"+avatarSize+"/")
}else
if(authorAvatar.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){
authorAvatar="http://1.bp.blogspot.com/-
7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s"+avatarSize+"/blogger.pn
g"
}else
if(authorAvatar.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){
authorAvatar="http://2.bp.blogspot.com/-
VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s"+avatarSize+"/openid.png"
}else
if(authorAvatar.indexOf("blogblog.com/img/blank.gif")!=-1){
if(defaultAvatar.indexOf("gravatar.com")!=-
1){

authorAvatar=defaultAvatar+"&s="+avatarSize
}else{
authorAvatar=defaultAvatar
}
}else{
authorAvatar=authorAvatar
}
if(showAvatar==true){
if(roundAvatar==true){
avatarClass="avatarRound"
}else{
avatarClass=""
}
commentsHtml+="<div class=\"avatarImage
"+avatarClass+"\"><img class=\""+avatarClass+"\" src=\""+authorAvatar+"\"
alt=\""+authorName+"\" width=\""+avatarSize+"\" height=\""+avatarSize+"\"/></div>"
}
commentsHtml+="<a
href=\""+commentlink+"\">"+authorName+"</a>";
var commHTML=entry.content.$t;
var
commBody=commHTML.replace(/(<([^>]+)>)/ig,"");

if(commBody!=""&&commBody.length>characters){

commBody=commBody.substring(0,characters);
commBody+="&hellip;";
if(showMorelink==true){
commBody+="<a
href=\""+commentlink+"\">"+moreLinktext+"</a>"
}
}else{
commBody=commBody
}

commentsHtml+="<span>"+commBody+"</span>";
commentsHtml+="</li>"
}
commentsHtml+='</ul>';
document.write(commentsHtml);
}
//]]>
</script>
-->
<!--/<script
src='/feeds/comments/default?alt=json&amp;callback=tw_comments&amp;max-results=5'
type='text/javascript'/>-->
</div>

</b:includable>
</b:widget>
</b:section>
</div>

</div>
<div class='banner-action'/>
</div><!-- /.widget -->
</div><!-- /.secondary -->
<!-- End sidebar -->

</div><!-- /.main-content-yes -->


</div><!-- /.content-core space -->

</div><!-- /.Content -->

<div class='footer ' id='footer'>


<div class='footer-global alt'>
<div class='footer-core'>
<div class='footer-copyright'>&#169; 2012-2018 WINGROUP. </div>
<div class='footer-social'>
<ul>
<li><a href='' target='_blank'>Thủ thuật</a></li>
<li><a href='' target='_blank'>Không tiếp xúc</a></li>
</ul>
</div>
</div>
</div>
</div>

<!--Page Navigation Starts-->


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;&#171; Previous&#39;;
var downPageWord =&#39;Next &#187;&#39;;
</script>
<script language='javascript' type='text/javascript'>
//<![CDATA[
function showpageCount(a){var b=home_page_url;var c=new Array();var d=1;var
e=1;var f=0;var g=0;var h=0;var j='';var k='';var l='';for(var
i=0,post;post=a.feed.entry[i];i++){var
m=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIC
omponent(m);var n=post.title.$t;if(n!=''){if(f==0||(f%pageCount==(pageCount-
1))){if(b.indexOf(timestamp)!=-1){d=e}if(n!='')e++;c[c.length]='/search?updated-
max='+timestamp+'&max-results='+pageCount}}f++}for(var p=0;p<c.length;p++){if(p>=(d-
displayPageNum-1)&&p<(d+displayPageNum)){if(g==0&&p==d-2){if(d==2){k='<span
class="showpage up_page"><a href="/">'+upPageWord+'</a></span>'}else{k='<span
class="showpage"><a href="'+c[p]+'">'+upPageWord+'</a></span>'}g++}if(p==(d-
1)){j+='<span class="showpagePoint">'+d+'</span>'}else{if(p==0){j+='<span
class="showpageNum"><a href="/">1</a></span>'}else{j+='<span class="showpageNum"><a
href="'+c[p]+'">'+(p+1)+'</a></span>'}}if(h==0&&p==d){l='<span class="showpage"> <a
href="'+c[p]+'">'+downPageWord+'</a></span>';h++}}}if(d>1){j=''+k+' '+j+' '}j='<div
class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(e-
1)+')</span>'+j;if(d<(e-1)){j+=l}if(e==1)e++;j+='</div>';var
o=document.getElementsByName("pageArea");var q=document.getElementById("blog-
pager");if(e<=2){j=''}for(var
p=0;p<o.length;p++){o[p].innerHTML=j}if(o&&o.length>0){j=''}if(q){q.innerHTML=j}}functi
on showpageCount2(a){var b=home_page_url;var c=new Array();var
d=b.indexOf("/search/label/")!=-1;var
e=d?b.substr(b.indexOf("/search/label/")+14,b.length):"";e=e.indexOf("?")!=-
1?e.substr(0,e.indexOf("?")):e;var f=1;var g=1;var h=0;var j=0;var k=0;var l='';var m='';var
n='';var o='<span class="showpageNum"><a href="/search/label/'+e+'?&max-
results='+pageCount+'">';var b=home_page_url;for(var i=0,post;post=a.feed.entry[i];i++){var
q=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIC
omponent(q);var r=post.title.$t;if(r!=''){if(h==0||(h%pageCount==(pageCount-
1))){if(b.indexOf(timestamp)!=-1){f=g}if(r!='')g++;c[c.length]='/search/label/'+e+'?updated-
max='+timestamp+'&max-results='+pageCount}}h++}for(var p=0;p<c.length;p++){if(p>=(f-
displayPageNum-1)&&p<(f+displayPageNum)){if(j==0&&p==f-
2){if(f==2){m=o+upPageWord+'</a></span>'}else{m='<span class="showpage"><a
href="'+c[p]+'">'+upPageWord+'</a></span>'}j++}if(p==(f-1)){l+='<span
class="showpagePoint">'+f+'</span>'}else{if(p==0){l=o+'1</a></span>'}else{l+='<span
class="showpageNum"><a href="'+c[p]+'">'+(p+1)+'</a></span>'}}if(k==0&&p==f){n='<span
class="showpage"> <a
href="'+c[p]+'">'+downPageWord+'</a></span>';k++}}}if(f>1){if(!d){l=''+m+' '+l+'
'}else{l=''+m+' '+l+' '}}l='<div class="showpageArea"><span style="COLOR: #000;"
class="showpageOf"> Pages ('+(g-1)+')</span>'+l;if(f<(g-1)){l+=n}if(g==1)g++;l+='</div>';var
s=document.getElementsByName("pageArea");var t=document.getElementById("blog-
pager");if(g<=2){l=''}for(var
p=0;p<s.length;p++){s[p].innerHTML=l}if(s&&s.length>0){l=''}if(t){t.innerHTML=l}}var
home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-
1){if(thisUrl.indexOf("?updated-max")!=-1){var
lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-
max"))}else{var
lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}v
ar home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-
1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-
script&callback=showpageCount&max-results=99999"
><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-
/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999"
><\/script>')}}
//]]>
</script>
</b:if>
</b:if>
<!--Page Navigation Ends -->

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'
type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
// WIDGET TAB
jQuery(document).ready(function($) {
$('.widget-tab a:first').addClass("active");
$('.widget-posts.alt:first').show();
$('.widget-tab a').click(function() {
$('.widget-tab a').removeClass('active');
$(this).addClass("active");
$('.widget-posts.alt').hide();

var activeWidget = $(this).attr("data-widget");


$('#'+activeWidget).show();
});
});

// HEADER FOOTER
jQuery(document).ready(function($){
if (window.innerWidth < 1024) {
$(".header-default-icon").click(function() {
$(".header-search").toggle();
$(".main-menu").toggle();
});
}else {
$(".header-default-icon").click(function() {
$(".main-menu").toggle();
});
}
$(".header-profile-icon").click(function() {
$(".header-profile-box").toggle();
});
});
//]]>
</script>

&lt;!--</body>--&gt;&lt;/body&gt;
</html>

You might also like