<data:blog.pageName/>

<data:blog.pageName/> <data:blog.pageTitle/> <data:blog.pageName/> Page Not Found span{float:left;font-size:12px;color:#555;margin-right:10px;line-height:14px;font-weight:400} .post-timestamp{margin-left:0} .FollowByEmail td{width:100%} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{background:#ec722b;color:#fff;width:49%;height:33.5px;float:right;border-radius:3px;padding:5px 10px;font-size:14px;margin-bottom:10px} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#ec722b;color:#fff} .FollowByEmail .follow-by-email-inner .follow-by-user-login{background:#f1f1f1;border-radius:3px;width:100%;height:auto;padding:9px 10px;border:0!important;margin-bottom:10px;font-size:14px;box-sizing:border-box} .FollowByEmail .follow-by-email-inner .follow-by-email-address{background:#f1f1f1;border-radius:3px;width:100%;height:auto;padding:9px 10px;border:0!important;margin-bottom:10px;font-size:14px;box-sizing:border-box} .item-ad-top{margin:0 auto 10px;text-align:center} .item-ad{background:#fff;margin:15px 0 0;padding:8px} .home-ad .widget img{border-radius:0} .home-ad{background:none;margin:0 0 15px;padding:0;display:block} .home-ad .widget > h2{display:none} .home-ad .widget{position:relative;overflow:hidden;max-height:90px;margin:0;padding:0} .home-ad .widget-content{width:728px;max-width:100%;max-height:90px;margin:0 auto} .post{display:block;overflow:hidden;word-wrap:break-word} .widget.post.ty-article{line-height:0!important} .index .post{transition:.5s;background:#fff;border:1px solid #e5e5e5;margin-bottom:-1px;overflow:inherit;padding:10px;margin-bottom:10px} .index .ty-article .post-inner{position:relative;overflow:hidden} .thumbnail-post{position:relative;float:left;width:200px;height:150px;display:block;position:relative;transition:all .3s ease;overflow:hidden} .thumbnail-post .thumb{width:100%;height:100%;position:relative;display:block;overflow:hidden} .thumbnail-post .thumb img{width:100%;height:100%;display:block;filter:grayscale(10%);cursor:zoom-in;object-fit:cover} .thumbnail-post a{-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s} .thumbnail-post a:after{content:"".item .post-item;position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none} .thumbnail-post a:hover:after{width:120%;background-color:transparent;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} .post h2{overflow:hidden;font-size:20px;font-weight:600;line-height:normal;text-decoration:none;margin:0;padding:0;margin-bottom: 6px;} .post h2 a{color:#333;font-size:17px;font-weight:600;margin-bottom:0;transition:all .5s ease;text-overflow:ellipsis;display:block;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical} .post h2 a:hover{color:#ec722b} .widget iframe,.widget img{max-width:100%} .item .post{padding:10px 15px;background:#fff;border:1px solid #e5e5e5} .date-header{overflow:hidden;font-weight:400;margin:0!important;padding:14px 14px 0px 14px; }} .title-secondary{padding:8px 0;font-size:14px;font-weight:500} .title-secondary a{color:#41455e} .title-secondary a:hover{color:#ec722b} .title-secondary i{display:none!important} .breadcrumbs{background:#fff;border:1px solid #e5e5e5;border-bottom:0;display:block!important;font-size:14px;font-weight:400;line-height:normal;padding:10px 10px} .breadcrumbs a{color:#333} .breadcrumbs i{font-size:10px;margin:0 5px} .item .post-title{color:#333;margin:0;padding:0;font-size:22px;font-weight:600} .static_page .post-title{margin-bottom:0} .item .post-inner{margin:0} .static_page .post-inner{margin:10px 0 0;border-top:1px solid #eee} .item .post-body{width:100%;color:#222;font-size:16px;line-height:24px;overflow:hidden;padding:0;font-weight:400} .item .post-body img{width:100%;max-width:100%;height:auto;margin:10px 0;border-radius:8px;box-shadow:0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(0,0,0,.2)} .main .widget{margin:0} .main .Blog{border-bottom-width:0} .post-tags{overflow:hidden;height:auto;position:relative;margin:0;padding:0;float:left;width:70%} .post-tags .label-head{padding:0} .post-tags span,.post-tags a{float:left;height:25px;background:transparent;color:#222;font-size:15px;line-height:30px;font-weight:500;margin:0;padding:0 5px;border-radius:3px} .post-tags a{background-color:transparent;transition:background .3s;color:#ec722b;padding:0 5px} .post-tags a:hover{color:#ec722b} .shareit{padding:10px 10px 0px;margin-bottom:5px;margin-right:-10px;border:none;z-index:1;float:left} .shareit i{float:left;font-size:13px;color:#fff;border:1px solid;border-radius:50%;padding:0;height:23px;width:23px;text-align:center;line-height:23px} .shareit a.fb,.shareit a.gp,.shareit a.tw{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-size:16px;font-weight:300;text-shadow:none;line-height:23px;padding:5px 10px;transition:all 400ms ease-in-out;border-radius:3px;float:left} .shareit.top.top a.fb,.shareit.top.top a.gp,.shareit.top a.tw{padding:5px} .shareit.top a.tw{margin:0 0 5px} .shareit a.fb{background:#045491} .shareit a.gp{background:#C11F27} .shareit a.tw{background:#1FB7C1} .shareit p{margin:0;float:left;color:#fff;margin-left:5px} a.donate{float:right;padding:5px 10px;background:#293a4a;border-radius:3px;color:#fff} .shareit.top{background:transparent;float:right} .shareit.top a{border-radius:0!important} .share-post{position:relative;overflow:hidden;padding:10px;background:#fff;margin-top:-1px;border:1px solid #e5e5e5;box-shadow:0 0 3px rgba(0,0,0,.05);marin-bottom:5px;border-radius:0 0 3px 3px;margin-top:-1px} .share-post > span{float:left;color:#fff;font-size:15px;text-transform:none;line-height:28px;margin-right:10px;display:none} ul.ty-share{position:relative;margin:0;padding:0} .share-post > span{float:left;color:#fff;font-size:15px;text-transform:none;line-height:28px;margin-right:10px;display:none} ul.ty-share{position:relative;margin:0;padding:0} .ty-share li{float:left;margin:0 6px 0 0;padding:0} .ty-share li a{float:left;color:#fff;font-weight:400;font-size:15.5px;text-align:center;display:inline-block;box-sizing:border-box;opacity:1;margin:0;padding:4.5px 10.5px;border-radius:3px;transition:opacity .3s;font-family: Helvetica,Arial,sans-serif} .ty-share li a i{border-radius:100%;border:0px solid #fff;width:22px;height:22px;line-height:23.5px;font-size:14px} .ty-share li a span{margin-left:5px} .ty-share .ty-facebook{background-color:#045491;font-family: 'Poppins', sans-serif} .ty-share .ty-google{background-color:#C11F27} .ty-share .ty-twitter{background-color:#1FB7C1} .ty-share .ty-coffee{background-color:#db4437} .share-posttop{text-align:center;flex:0 0 8.333333%;max-width:8.333333%;float:left} .share-posttop i{float:left;font-size:17px;color:#fff;padding:0;height:23px;width:23px;text-align:center;line-height:23px} .share-posttop a.fb,.share-posttop a.gp,.share-posttop a.tw{text-decoration:none!important;display:inline-block;margin:0 0 16px 0;font-size:16px;font-weight:300;text-shadow:none;line-height:23px;padding:5px 10px;transition:all 400ms ease-in-out;border-radius:3px;float:left} .share-posttop a{padding:5px} .share-posttop a.fb{background:#045491} .share-posttop a.gp{background:#C11F27} .share-posttop a.tw{background:#1FB7C1} .content-post{font-size:15px;flex:0 0 91.666667%;max-width:91.666667%;float:right} .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;font-family:Open Sans;font-weight:400} .alert-info{ color: #ffffff;background-color: #24a285;border-color: #bee5eb;font-family: 'Poppins', sans-serif;} .thong-tin-post{padding:0;font-size:13px;font-weight:400;color:#888} .thong-tin-post.single > span{margin-right:15px} .thong-tin-post.single{float:left;width:100%} .thong-tin-post span.author i,.thong-tin-post span.author a,.thong-tin-post span.bao-loi i,.thong-tin-post span.bao-loi a{color:#FF5A5A!important} .thong-tin-post span.mua-sach i,.thong-tin-post span.mua-sach a,.thong-tin-post span.the-loai i,.thong-tin-post span.the-loai a{color:#17bf63!important} .thong-tin-post span.tai-xuong i,.thong-tin-post span.tai-xuong a,.thong-tin-post span.date i,.thong-tin-post span.date,.thong-tin-post span.tac-gia i,.thong-tin-post span.tac-gia a{color:#3C9EFF!important} #blog-pager{ /* background: #fff; */ /* border: 1px solid #e5e5e5; */ /* padding: 10px 10px; */margin:15px 0 0;clear:both!important;font-size:15px;text-align:center} #blog-pager-newer-link a{background: #ec722b; padding: 0px 10px; display: block; float: left; /* margin-left: 10px; */ color: #ffffff; border: 2px solid #ec722b; /* width: 30px; */ /* height: 30px; */ line-height: 30px; text-align: center; font-weight: 500; border-radius: 40px; transition: all .3s ease;} #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover { background: #404040; color: white; border: 2px solid #404040; } #blog-pager-older-link a{ background: #ec722b; padding: 0 10px; display: block; float: right; /* margin-right: 10px; */ color: #ffffff; border: 2px solid #ec722b; /* width: 30px; */ /* height: 30px; */ line-height: 30px; text-align: center; font-weight: 500; border-radius: 40px; transition: all .3s ease;} a.home-link{display: none; */ float: none; color: #ffffff; border: 2px solid #ec722b; /* width: 34px; */ /* height: 30px; */ line-height: 30px; text-align: center; font-weight: 500; /* border-radius: 50%; */ transition: all .3s ease; margin-right: 10px; padding: 5px 10px; background: #ec722b;} .showpageNum a,.showpage a,.showpagePoint{background:#fff;display:inline-block;float:none;margin-right:10px;color:#2E8B57;border:2px solid #2E8B57;width:30px;height:30px;line-height:29px;text-align:center;font-weight:400;border-radius:50%;transition:all .3s ease} .showpageNum a:hover,.showpage a:hover{background:#fff} .more-page{display:inline-block;float:none;margin-right:10px;color:#119fff;border:2px solid #119fff;width:30px;height:30px;line-height:30px;text-align:center;font-weight:400;border-radius:50%;transition:all .3s ease} .more-page a{color:#119fff} .showpagePoint{border:2px solid #ff5722;color:#ff5722;font-weight:700} .showpageOf{display:none!important} .showpageNum a:hover{background:#2E8B57;color:#fff;border:2px solid #2E8B57} .showpage a:hover{background:#ff5722;color:#fff;border:2px solid #ff5722} .showpagePoint:hover{background:#ff5722;color:#fff;border:2px solid #ff5722} .comments{display:block;clear:both;margin:15px 0 0;color:#757575;padding:0;background:#fff} iframe.blogger-iframe-colorize,iframe.blogger-comment-from-post{height:210px!important} .static_page .comment-system,.static_page .comments{display:block} .static_page .comments{margin-top:20px} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size:20px;font-weight:700;color:#ec722b;text-transform:uppercase;margin:12px 0;line-height:1.5em} blockquote{font-size:15px;line-height:1.5em;font-style:italic;color:#333;background:#f8f9fa;margin:0;padding:15px 20px;border-left:3px solid #ec722b} blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#333} blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#333} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400;padding:0} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul li:before{content:"\f101";margin-right:5px;font-family:fontawesome;display:none} #sidebar .widget{margin-bottom:15px;overflow:hidden;background:#fff;border:1px solid #e5e5e5} #sidebar .widget:last-child{margin-bottom:0} .sidebar .widget > h4{color:#fff;font-size:16px;font-weight:600;border-bottom:1px solid #e5e5e5;padding-bottom:10px;font-family:'Poppins', sans-serif;margin-bottom:0;background:#24a285 ;padding:8px 15px} .sidebar .widget-content{padding:10px} /* Popular post */ #PopularPosts1 ul{padding:0;counter-reset:popcount} #PopularPosts1 ul li{position:relative;height:40px;padding-left:43px} #PopularPosts1 ul li:last-child{height:44px} span.title-top{margin-top:-3px;font-size:15px;line-height:20px;float:left;max-height:40px;overflow:hidden} #PopularPosts1 ul li:before{content:counter(popcount,decimal);counter-increment:popcount;text-align:center;list-style-type:none;position:absolute;display:inline-block;font-weight:600;top:0;left:0;border-width:1px;width:34px;height:34px;line-height:40px;font-size:16px;background:#f1f1f1} #PopularPosts1 ul li:after{content:"";position:absolute;top:34px;left:0;width:0;height:0;border-style:solid;border-width:10px 17px 0;border-color:#f1f1f1 transparent transparent} #PopularPosts1 ul li:nth-child(1):before{background:#ff3444;color:#fff} #PopularPosts1 ul li:nth-child(1):after{border-color:#ff3444 transparent transparent} #PopularPosts1 ul li:nth-child(2):before{background:#f87219;color:#fff} #PopularPosts1 ul li:nth-child(2):after{border-color:#f87219 transparent transparent} #PopularPosts1 ul li:nth-child(3):before{background:#47aa42;color:#fff} #PopularPosts1 ul li:nth-child(3):after{border-color:#47aa42 transparent transparent} #PopularPosts1 ul a{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transform:translate(0,-22%)} #PopularPosts1 ul li:nth-child(10){padding:15px 0 0 43px !important} #colophon{ background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicAj-bPJi_wEA17UtAmR1Jwj1lZjIPKEIEoJe25EV8mqX93T1eBiFGRp8jgwy_R1ioOr5kJRP5QpfYo5VGFDyvlfm1mTnpApmBZCETrO2J24CFr8C_d4iEg99Mtjdv8I3noELJEA/s200/magazine.png); background-repeat: no-repeat; background-size: 113px; background-position: 85% 100%;clear:both;padding:15px 0; font-size:14px; font-weight:400; position:relative; z-index:2; float:left; width:100%; padding-bottom:10px} #colophon h2{color:#333;font-size:16px;font-weight:500;text-transform:uppercase} #colophon h3{font-size:18px;color:#333;font-weight:500;clear:both;line-height:1.4;margin:0 0 .75em;padding:0} #colophon div{color:#222} #colophon ul{margin:0;padding:0} #colophon p{line-height:20px;margin-bottom:0} #colophon a,#colophon p,#colophon span{color:#222} .footer-top{display:block;position:relative;width:100%;margin:auto;padding:15px 0;border-bottom:1px solid #eee} .footer-top-text{color:#a3a3a3;font-size:15px;vertical-align:top} .thongke{float:left;width:209px;padding-left:20px} .gioithieu{float:left;width:750px;padding-right:10px;line-height:19px} .footer-wrapper{background-color:#333;color:#fff;width:100%;overflow:hidden;display:block;padding:0} .footer-wrapper .footer-copy{overflow:hidden;margin:0 auto;padding:10px 15px;border-top:1px solid #333} .footer-wrapper .copyright-right{color:#fff;font-size:15px;float:right;text-align:right;line-height:20px;font-weight:500} .footer-wrapper .copyright-right a{color:#fff;transition:color .3s} .footer-wrapper .copyright-right a:hover{color:#fff} .footer-wrapper .copyright-left{color:#fff;font-size:15px;float:left;text-align:left;line-height:20px;font-weight:500} .footer-wrapper .copyright-left a{color:#fff;transition:color .3s} .footer-wrapper .copyright-left a:hover{color:#fff} .avatar-author{vertical-align:top;border:0;border-radius:100%;padding:0;width:46px;height:46px;margin-right:8px} .keywords{margin-top:20px;margin-bottom:20px;font-family:Open Sans,Arial;font:17px Roboto,sans-serif;color:#333} .keywords a{color:#768187} .keywords a:hover{color:#176093} pre:before{content:"\f121";font-family:"Font Awesome 5 Free";position:absolute;background-color:#339af0;color:#fff;overflow:visible;width:2rem;float:right;height:2rem;border-radius:50%;text-align:center;line-height:1.9rem;display:block;top:10px;right:10px;font-weight:700;text-decoration:none;-webkit-transition:all .1s ease-in;transition:all .1s ease-in} pre::-webkit-scrollbar{width:5px} pre::-webkit-scrollbar-thumb{background:#1DA484} pre{display:inline-block;position:relative;background:#2a2a2a;max-height:450px;font-size:14px;color:#e8e8e8;text-align:left;overflow:auto;border:1px solid #d3d6db;margin:8px 0;padding:10px;white-space:pre-line;width:97%;padding-top:40px;font-family:'Roboto',sans-serif} pre{border-color:#1b2b34!important;border-radius:4px;padding:10px;background-color:#0d1011!important;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8A-zF0M3WEpgfdbzjVpDMoBDuUbDucmHtoYaWmAFnbozodj1YNQeNZ9l_-V0_TdVk2x8ex57dqFYO5Q2XRn3_D4FPbSVzMs5vPLCXlUmOV3QZM44SKu9Xot1Qx7mcM64ZEHIO8A/s1600/codigo-programacion.png)!important} blockquote{font-size:15px;line-height:1.5em;font-style:italic;color:#333;background:#f8f9fa;margin:0;padding:15px 20px;border-left:3px solid #ec722b} blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#333} blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#333} .comments{background:#fff!important;border:1px solid #e5e5e5} /* Comment */ .comments h4{border-bottom:1px solid #e5e5e5;font-weight:600;font-size:15px; padding:10px 12px; margin:-10px; margin-bottom:10px} #comments{background:#fff;position:relative;margin-top:10px;padding:10px;display:block;clear:both;color:#333;border:1px solid #e5e5e5} .comment_avatar_wrap{width:42px;height:42px;background:#fcfcfc;border-radius:6px;text-align:center;margin:0 0 20px 0;padding:0} #comments .avatar-image-container{position:absolute;float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px} #comments .avatar-image-container img{border-radius:100px;width:42px;height:42px;max-width:42px;max-height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEyn_fB1Qn1jG3MRq0tnU2FGJ3Rfj4rBT_tO2z-1tRGYQsmW7mDKtjPqSs61Po-qI30hKdS5s5fYEfDvnTZkxBysuh-BN7fcoLr4VbPTthF8O5bJ3j3QjDwDDnjHLKAELhfSvWg/s1600/usuario.png) no-repeat;background-size:42px} #comments .comment_name,#comments .comment_admin .comment_name{padding:0 0 10px 0;font-size:13px;position:relative} #comments .comment_name a{font-weight:700;padding:0;font-size:13px;text-decoration:none} #comments .comment_admin .comment_date{font-weight:normal;font-size:11px} #comments .comment_admin .comment_author_flag{display:inline-block;font-size:14px;color:rgb(17,143,249);text-align:center;margin:0 0 0 3px;} #comments .comment_service{margin-top:5px} #comments .comment_date{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;margin-top:-3px} #comments .comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;margin:0;padding:0} #comments .comment_date a:hover{color:#a9a9a9;text-decoration:underline} #comments .comment-block{margin-left:48px;background:#eff1f3;padding:10px 13px;line-height:26px;border-radius:7px;margin-bottom:10px;position:relative} #comments .comment-block p{color:#111;margin:5px 0 0 0;font-size:14px;font-weight:400;word-wrap:break-word;padding:0 0 5px 0} #comments .comment_inner{margin:12px 0} #comments .comment_child .comment_wrap{padding-left:3%} #comments .comment_reply{display:inline-block;margin-top:5px;padding:1px 7px;color:#fff;text-align:center;text-decoration:none;background:#1eaeef;font:11px/18px sans-serif;transition:background-color 1s ease-out 0s} #comments .comment_reply:hover{text-decoration:none;background:#199dd9} #comments .unneeded-paging-control{display:none} #comments .comment-form{max-width:100%;} #comments .comment_form a{text-decoration:none;} #comments .comment_reply_form{padding:0 0 0 70px} #comments .comment_reply_form .comment-form{width:99%} .comment_emo_list .item{float:left;display:block;text-align:center;margin:5px 5px 0 0;height:40px;width:41px} .comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px} img.comment_emo {width:16px;height:16px;} .comment_youtube{max-width:100%;width:400px;height:225px;display:block;margin:auto} .comment_img{max-width:100%} #comments .deleted-comment{padding:10px 10px 10px 10px;display:block;color:#CCC} #comments .comment_header{width:50px} #comments .comment_avatar img{width:42px;height:auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghGm4VW4yg6b4ruhipc1ZrdMaL4PIVhHvu0RjTo6aIhSqWfdOjZC6RY5RBMHUgfXHUZhr0GmexGSzsHdg6ouRbJnaEonESz70yXkqWEIj1QCjz12CztkT2BDRcZVzsUovxHZXO/s1600/avatar.png) no-repeat;border-radius:6px} #comments .comment-delete img{float:right;margin-left:15px;margin-top:3px;} iframe{border:none;overflow:hidden} .comments .item-control{position:static;display:none} .comments .comment-block,.comments .comments-content .comment-replies{margin-left:15px;margin-top:0;margin-right:0px} .comments .continue a,.comments .thread-toggle{padding:0 0 0 60px;font-weight:400;display:none} .comments .comments-content .comment-header{font-size:12px;display:block;overflow:hidden;clear:both} .comments .comments-content .comment-header a{color:#111;transition:color .3s} .comments .comments-content .comment-header a:hover{color:#333} .comments .comments-content .user{float:left;font-size:16px;font-style:normal;font-weight:600;display:inline-block} /*.comments .comments-content .icon.blog-author{display:none}*/ .comments .comments-content span.datetime.secondary-text{float:right;text-align:right} .comments .comments-content span.datetime.secondary-text a{color:#a9a9a9} .comments .comments-content span.comment-actions.secondary-text a{color:#333;font-size:13px} .static_page .comment-system,.static_page .comments{display:block} .static_page .comments{margin-top:20px} .comments .continue a,.comments .thread-toggle{padding:0 0 0 60px;font-weight:400;display:none} #comments ol li .comment-header cite.blog-author:after{content:'';background-image:url(https://www.instagram.com/static/bundles/base/sprite_core.png/00b79edf00fd.png);margin:0 0 -4px 6px;background-position:-42px -425px;height:18px;width:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:inline-block;overflow:hidden;text-indent:110%;white-space:nowrap} .comments-page{} #blogger-comments-page,#googplus-comments-page{padding:0} #fb-comments-page{padding:0 5px;display:none} #googplus-comments-page{border-top:1px solid #0186CB;margin-top:27px} .comments .comments-content .comment:first-child{padding-top:0} .comments .comments-content .comment{margin-bottom:0;padding-bottom:0} .comments .comments-content .comment{margin:-5px!important;padding:0!important} #comments .comment_reply{ margin:-8px!important } /* Res cmt */ @media screen and (max-width:480px) { .datetime.secondary-text{width:100%!important;float:left!important;text-align:left!important} } #facebook-cmt{background:#fff;border:1px solid #e5e5e5;margin:0} #facebook-cmt h4{color:#ec722b;background:#fafafa;border-bottom:1px solid #e5e5e5;display:block;position:relative;font-size:20px;text-transform:none;font-weight:400;z-index:1;margin:0;padding:8px 15px;line-height:normal} .post-body h2{font:500 16px 'Poppins', sans-serif;text-transform:uppercase;margin:10px 0;color:#ec722b;text-align:center;border-top:1px solid #eee;padding:10px 0;transition:.4s;-webkit-transition:.4s;position:relative} .post-body h2:hover{border-top:1px solid;letter-spacing:1px} .post-body h2:after{content:'';position:absolute;width:3%;height:1px;background:#ec722b;bottom:0;left:50%;transform:translate(-50%,0);transition:1s;-webkit-transition:1s} .post-body h2:hover:after{width:100%;background:#fff} .home a.homepg{border-bottom:2px solid #ec722b!important} #site-header{position:relative;width:100%;z-index:100;display:block} /*#header img:hover,#header a:hover{-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s;}*/ @-webkit-keyframes jelly{ from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}} @keyframes jelly{ from,to{-webkit-transform:scale(1, 1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95, 1.05);transform:scale(.95, 1.05)}} .header-wrapper{ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14); background: #24a285; height: 56px; min-height: 56px;} .header-top{float:left;width:100%;padding:8px 0} .header-top .blog-logo a{font-family:'Lobster',cursive;font-weight:500;color:#fff;font-size:20px} .header-top p{font-family:Courgette;font-weight:500;color:#fff;font-size:13px} .header-bottom{float:left;width:100%;background:#fff;border-bottom:1px solid #eee;line-height:1.66} .header-bottom a.list{float:left;padding:8px 15px;color:#333;text-transform:capitalize;padding-bottom:8px;font-weight:400;border-bottom:2px solid #fff} .header-bottom a.list:hover:after{transform:scaleX(1)} .header-bottom a.list:hover{border-bottom:2px solid #ec722b;color:#ec722b} .list{padding:5px 15px;padding:5px 15px} /*.header-bottom i{display:none}*/ span.tccol4-5.list{float:left;width:80%;border-right:1px solid #e5e5e5} span.tccol1-5.list{float:left;margin-left:-1px;width:calc(20% + 1px);border-left:1px solid #e5e5e5} .tccol1.list-post{border:1px solid #e5e5e5;margin-bottom:0;border-bottom:0} .tccol1.list-post:last-child{border-bottom:1px solid #e5e5e5} #show-menu{background:rgba(0,0,0,0.1);float:right;border:0 solid #e5e5e5;color:#fff;font-size:20px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;padding:0;cursor:pointer;transition:all .5s ease} .user_box{position:absolute;right:0;display:none;top:50px;background:#fafafa;padding:10px;width:300px;text-align:center;font-size:15px;border-radius:0 0 3px 3px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;z-index:999} .user_box:before{content:'';display:inline-block;width:0;height:0;border:7px solid rgba(255,255,255,0);position:absolute;top:-15px;right:15px;z-index:999;border-bottom:8px solid #FAFAFA} .user_box.active{display:block;padding:0} li.user-box-li{float:left;width:90.3%;padding:15px;text-align:left;border-bottom:1px solid #e5e5e5;list-style:none!important} button#show_user{ /*background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEyn_fB1Qn1jG3MRq0tnU2FGJ3Rfj4rBT_tO2z-1tRGYQsmW7mDKtjPqSs61Po-qI30hKdS5s5fYEfDvnTZkxBysuh-BN7fcoLr4VbPTthF8O5bJ3j3QjDwDDnjHLKAELhfSvWg/s1600/usuario.png)!important;*/ float:right;width:40px;height:40px;border:0px solid #e5e5e5;border-radius:50%;background-size:36px!important;background:rgba(0,0,0,0.2);padding:0;overflow:hidden;cursor:pointer;margin-left:6px} .header-top .user_box a{color:#343434;font-weight:400;line-height:20px;float:left} .user-box-li:before{font-family:FontAwesome;margin-right:15px;color:#ec722b;font-size:20px;float:left;line-height:20px} #vietbr_user_dtt:before{content:"\f2b9"} #vietbr_user_vbm:before{font-family:FontAwesome;content:"\f14b";margin-right:15px;color:#ec722b} #vietbr_user_bvct:before{font-family:FontAwesome;content:"\f03a";margin-right:15px;color:#ec722b} #vietbr_user_dx:before{font-family:FontAwesome;content:"\f08b";margin-right:15px;color:#ec722b} #vietbr_user_dk:before{font-family:FontAwesome;content:"\f14a";margin-right:15px;color:#ec722b} #vietbr_user_dn:before{font-family:FontAwesome;content:"\f090";margin-right:15px;color:#ec722b} #theme-pc{background:rgba(0,0,0,0.2);float:right;border:0 solid #e5e5e5;color:#fff;font-size:17px;width:38px;height:38px;line-height:38px;border-radius:50%;text-align:center;padding:0;margin-right:6px;cursor:pointer;transition:all .5s ease} #theme-mobi{background:rgba(0,0,0,0.2);float:right;border:0 solid #e5e5e5;color:#fff;font-size:24px;width:38px;height:38px;line-height:38px;border-radius:50%;text-align:center;padding:0;margin-right:6px;cursor:pointer;transition:all .5s ease} .menu-top{float:right;text-align:right;line-height:40px} .menu-top li{display:inline-block;margin-left:8px} .member{float:right} .blogme{float:left;color:#fff;font:normal normal 16px Roboto,Arial,Tahoma,Roboto,sans-serif,FreeSans,sans-serif;font-weight:400;max-width:180px;position:relative;z-index:1;max-height:48px;overflow:hidden;margin-right:18px} .blogme img{float:left;max-height:40px;width:auto} .menu-trai{float:left;width:calc(100% - 88px)} .menu-phai{float:right;width:88px} .menu-phai button{float:left;background:#158de4!important} .site-name,.site-description{float:left;height:0;overflow:hidden;padding:0;margin:0;border:0} #primary-nav{padding:0;text-transform:uppercase} #primary-nav ul#menu-pre li{list-style:none;display:inline-block;float:left;padding:8px 12px;border-left:1px solid #e5e5e5} #primary-nav ul#menu-pre li a{color:#555;font-weight:500;font-size:16px} #show-box-search,#show-box-user,#show-box-menu{display:inline-block;color:#555;border:0;border-right:1px solid #e5e5e5;background:transparent;line-height:34px;width:36px;cursor:pointer;transition:all .5s ease;float:right} #show-box-menu{display:none} #show-box-search:hover,#show-box-user:hover,#primary-nav ul#menu-pre li:hover a{color:#ec722b} button.search-toggle:before,button.search-submit:before{content:"\f002";font-family:FontAwesome} button.menu-toggle:before{content:"\f0c9";font-family:FontAwesome} button.menu-toggle:focus:before{content:"\f00d";font-family:FontAwesome} a.gd-pc:before{content:"\f0e0";font-family:FontAwesome} a.gd-mobie:before{content:"\f10b";font-family:FontAwesome} .navigation > ul{margin:0;padding:0} #main-content{float:left;width:calc(100% - 310px);border:0;padding:0} #sidebar{float:right;width:300px;border:0;padding:0;padding-bottom:15px} span.title-number{background:#fff;text-transform:uppercase;font-size:20px;font-weight:400;position:relative;padding:10px 15px;margin-bottom:0;color:#ec722b;border-bottom:0!important} p.mota-post{float:left;font-size:13px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin-bottom: 6px; margin-top: 6px;} a.read-more{font-size:13px;padding-top:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .menu-mobi{float:left;width:0} #menu-left{top:0;position:fixed;height:100%;background:#fafafa;overflow-y:auto;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:1s cubic-bezier(0.82,-1.35,0,1.56)} #menu-left.active{width:240px} #menu-left::-webkit-scrollbar{width:8px;height:60px} #menu-left::-webkit-scrollbar-thumb{background:#ccc} .list-menu{padding:6px 0;border-bottom:1px solid #e5e5e5} .list-menu li{position:relative} .list-menu > li > a,.list-menu .primary-navigation #menu-pre > li > a{line-height:30px;padding:5px 10px;font-weight:500} .list-menu > li > a > i{background:#6618ff;width:30px;height:30px;line-height:30px;text-align:center;color:#fafafa!important;border-radius:50%;margin-right:6px} .list-menu .primary-navigation #menu-pre > li > a > i{background:#6618ff;width:30px;height:30px;line-height:30px;text-align:center;color:#fafafa!important;border-radius:50%;margin-right:6px} .list-menu li > ul > li > a{line-height:30px;padding:3px 10px 3px 50px} .list-menu li > ul > li > a:before{content:"\f101";font-family:FontAwesome;margin-right:5px} .list-menu li > a:hover,.list-menu .primary-navigation #menu-pre > li > a:hover{background:#ddd} .list-menu img{float:left;background:#fff;border-radius:50%;max-width:30px;margin-right:10px} #member.list-menu img{background:transparent;padding:5px} span.toggle-caret{position:absolute;top:5px;right:0;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer} span.toggle-caret:before{content:"\f0d7";font-family:FontAwesome} ul.sub-menu.toggle-submenu{float:left;max-height:0;overflow:hidden} ul.sub-menu.toggle-submenu.active{max-height:1000px;float:left} .list-menu li > ul{padding:0} .list-menu,.list-menu li,.list-menu > li > a,.list-menu .primary-navigation #menu-pre > li > a,.list-menu li > ul > li > a{float:left;width:100%;box-sizing:border-box;list-style:none;font-weight:400} .close-menu{padding:0;background-color:#f5003a;line-height:1.5;color:#fff;height:50px} #closedrop{font-size:18px;position:absolute;top:0;left:0;color:#fff;transition:.55s;background:rgba(0,0,0,0.2);width:100%;height:50px;line-height:50px;text-align:center} #closedrop:hover{background:rgba(0,0,0,.3);color:#fff} #closedrop:focus{background:#66689c);color:#fff} #member{color:#333!important} .sub_menu a:before{content:"\f10b";font-family:"Ionicons";margin-right:7px} #cate{float:left;border:1px solid #e5e5e5;border-right:0;background:#fafafa;font-weight:500;padding:8px;width:150px;height:40px;border-radius:3px 0 0 3px;cursor:pointer;font-size:15px} form.tim-kiem{margin-left:70px;float:left;width:400px;position:relative;max-width:515px} input.search-field { width: 100%; height: 40px; float: left; padding-left: 25px; border: none; border-radius: 100px 100px 100px 100px; background: #fafafa; transition: all .5s ease; font-size: 15px; font-weight: 500; line-height: 1.66; font-family: 'Poppins', sans-serif; } input.search-field:focus{background:#fff} button.search-submit{position:absolute;width:40px;height:40px;font-size:18px;border:0;padding:0;background:transparent;right:0;color:#a0a0a0;cursor:pointer;border-radius:20%} input.search-field::-webkit-input-placeholder{color:rgba(0,0,0,0.5)} input.search-field::-moz-placeholder{color:rgba(0,0,0,0.5)} input.search-field:-ms-input-placeholder{color:rgba(0,0,0,0.5)} input.search-field:-moz-placeholder{color:rgba(0,0,0,0.5)} .blog-nen.active{position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:1000} .wrap{width:100%;max-width:1100px;margin:auto;position:relative} a#move-to-top{position:fixed;right:10px;bottom:10px;z-index:999;width:35px;height:35px;text-align:center;line-height:35px;background:#ec722b;font-size:15px;color:#fff;cursor:pointer;transition:all .5s ease;opacity:0} a#move-to-top{border-radius:100%; /*border-bottom-right-radius:0px*/} a#move-to-top.filling{opacity:1} .chat{background:transparent;-webkit-animation:bounce-ttb .3s alternate ease infinite;animation:bounce-ttb .3s alternate ease infinite} @-webkit-keyframes bounce-ttb { from{-webkit-transform:translateX(0)} to{-webkit-transform:translateX(3px)} } @keyframes bounce-ttb { from{transform:translateX(0)} to{transform:translateX(3px)} } .info-book{width:100%;box-sizing:border-box;padding:10px 15px;background:#eaf6ff;float:left;padding:15px} .info-book h1{color:#333;margin:0 0 15px;padding:0;font-size:22px} .info-book .thong-tin-post{font-size:14px;margin-top:0} .info-book .share-post a{padding:0;font-size:14px;border-radius:50%} .thong-tin-sach h1{font-size:18px;margin-bottom:0;color:#222} .vivusach-ads.post{float:left;width:100%;margin-bottom:15px!important} #cate{float:left;border:1px solid #e5e5e5;border-right:0;background:#fafafa;font-weight:600;padding:8px;width:150px;height:40px;border-radius:3px 0 0 3px;cursor:pointer} .input-ebook{float:left;width:calc(100% - 100px);padding:10px 15px;border:2px solid #e5e5e5;border-radius:3px;background:#fafafa} .button-secondary{float:right;border:2px solid #e5e5e5;background:#f1f1f1;border-radius:3px;padding:10px 15px;font-weight:600;cursor:pointer} #the_loai{float:left;width:100%;border:2px solid #e5e5e5;padding:10px 15px;border-radius:3px;background:#fafafa;font-size:16px;color:#777} p.scrolldown{text-align:center;font-size:13px;color:#888;margin:0} .tieu-de-review-box{margin-bottom:15px;font-size:20px;color:#333;font-weight:500;background:#eaf6ff;padding:5px 15px;margin-left:-15px;border-radius:0 5px 5px 0;display:inline-block;cursor:pointer} div#wp-userpostcontent-wrap{float:left;width:100%;display:none} div#wp-userpostcontent-wrap iframe{min-height:300px} div#wp-userpostcontent-wrap.active{display:block} .avatar{float:left} .user-info{float:right;width:calc(100% - 110px)} .ar-header{background:#fafafa;padding:15px;margin-bottom:15px;border:1px solid #e5e5e5} .archive-title h1{color:#ec722b;font-size:24px;font-weight:400;margin-bottom:0;margin-bottom:0} .archive-description{margin-top:10px} .archive-description p{margin:0;padding:0;line-height:22px} @-webkit-keyframes zoomnav { from{-webkit-transform:translate(1000px,0px);opacity:0} } #Stats1{-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none} .Stats img{display:none!important;background-image:none} .Stats .counter-wrapper{text-align:right;font-weight:400;color:#fff;font-size:14px} .Stats .counter-wrapper:after{content:"Visitas ";margin-left:4px;float:right;text-align:right;color:#333} .tong{display:flex;font-size:14px;color:#333;line-height:20px;height:24px} .tong .count{display:inline-block;font-size:14px;height:30px;vertical-align:top;direction:ltr;float:left;color:#333} .tong:hover .titles:before{color:#fff!important;border-radius:2px;border-color:rgba(255,255,255,0.1)} .counter-wrapper.text-counter-wrapper:before,.tong:before{display:inline-block;font-size:14px;font-family:FontAwesome;font-style:normal;margin:0 10px;float:left;width:10px;text-align:center;display:block;color:#333;font-size:15px;border-radius:2px;margin:0 15px 0 0} .counter-wrapper.text-counter-wrapper:before{content:"\f06e"} .tong.post2:before{content:"\f040"} .tong.comment:before{content:"\f075"} #Stats1_content{width:auto;height:auto} .tomhover{position:relative} .tomhover a:hover,.tomhover:after{color:#fff} .tomhover:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;color:#fff;background-color:rgba(255,255,255,0.4);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none} .tomhover:hover:after{width:120%;color:#fff;background-color:rgba(255,255,255,0);-webkit-transition:all 1.2s ease-out;-moz-transition:all 1.2s ease-out;-ms-transition:all 1.2s ease-out;-o-transition:all 1.2s ease-out;transition:all 1.2s ease-out} .custom-widget li{overflow:hidden;padding:5px 0} .custom-widget .custom-thumb{position:relative;float:left;width:100%;height:140px;overflow:hidden;display:block;vertical-align:middle;margin:0 0 10px;border-radius:3px} .custom-widget .custom-thumb:after,.PopularPosts .item-thumbnail > a:after{content:'';display:block;position:absolute;width:100%;height:100%;z-index:10;top:0;left:0;background:rgba(0,0,0,0);transition:background .3s} .custom-widget .custom-thumb:hover:after,.PopularPosts .item-thumbnail:hover > a:after{background:transparent} .custom-widget .custom-thumb img{position:relative;width:100%;height:140px;display:block;border-radius:3px} .custom-widget .ty-entry{padding-left:0;display:table-cell} .custom-widget .ty-title{font-size:15px;font-weight:700;line-height:normal;margin:0;padding:0} .custom-widget .ty-title a{color:#222;transition:color .3s;font-weight:500} .custom-widget .ty-title a:hover{color:#ec722b} .widget-meta{color:#aaa;font-size:11px;font-weight:400;display:none} #Label1{background:transparent!important;padding:0!important;border:0!important;float:left;width:100%;margin:0;padding:0} #Label1 li:nth-child(2+2n){float:right} #Label1 li{list-style:none} #Label1 li a{display:inline-block;box-sizing:border-box;float:left;width:auto;padding:5px 10px;background:#ec722b;font-weight:400;font-size:14px;color:#fff;margin-right:5px;margin-bottom:5px} .sidebar ul{list-style:none;margin:0;padding:0} .widget.Label li span{color:#fff!important;background:#2980b9} .nxmoi{color:#ccc} .nxmoi::-webkit-scrollbar{width:6px;background-color:#e5e5e5;border-radius:3px} .nxmoi::-webkit-scrollbar-thumb{background:#ec722b;border-radius:3px} ul.nxmoi{max-height:270px;overflow:auto} .nxmoi li{list-style:none;padding:0 0 15px 10px;position:relative;border-left:2px solid #ccc;margin-left:6px} .nxmoi li:last-child{padding-bottom:0} .nxmoi li:before{content:"";width:4px;height:4px;display:block;border:2px solid #ccc;border-radius:50%;float:left;position:absolute;top:6px;left:-5px;background:#fff} span.user-new{display:block;font-size:12px;font-weight:600;color:#222;transition:all .5s ease} span.title-new{color:#555;font-size:14px;max-height:23px;overflow:hidden;transition:all .5s ease} #PopularPosts5{color:#ccc} #PopularPosts5 li{list-style:none;padding:0 0 15px 10px;position:relative;border-left:2px solid #ccc;margin-left:6px} #PopularPosts5 li:last-child{padding-bottom:0} #PopularPosts5 li:before{content:"";width:4px;height:4px;display:block;border:2px solid #ccc;border-radius:50%;float:left;position:absolute;top:6px;left:-5px;background:#fff} #Label2{color:#ccc} #Label2 li{list-style:none;padding:0 0 13.5px 10px;position:relative;border-left:2px solid #ccc;margin-left:6px} #Label2 li:last-child{padding-bottom:0} #Label2 li:before{content:"";width:4px;height:4px;display:block;border:2px solid #ccc;border-radius:50%;float:left;position:absolute;top:6px;left:-5px;background:#fff} .waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity,transform;-webkit-transition:all .3s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out} .waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none} .waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)} .waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)} .waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)} .waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)} .waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)} .waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)} .waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)} .waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important} .waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,white 100%,black 100%)} .waves-input-wrapper{border-radius:.2em;vertical-align:bottom;width:100%} .waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1} .waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none} .waves-block{display:block} a.waves-effect .waves-ripple{z-index:-1} .ripple{display:inline-block;text-decoration:none;overflow:hidden;position:relative;z-index:0} .ink{display:block;position:absolute;background:rgba(255,255,255,0.4);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)} #author-blog-box{background:#fff;border:1px solid #e5e5e5;margin:15px 0;padding:10px 0;overflow:hidden;clear:both;position:relative} .author-box img{border:5px solid #fff;border-radius:50%;margin:0 10px;float:left;width:66px!important} .author-box{float:left;width:100%;overflow:hidden;padding:0;text-align:justify;box-sizing:border-box} .author-box .avatar{border-radius:50%;margin:0 10px 0 0;float:left;width:100px;height:100px} .author-box-title{text-align:left;font:700 21px roboto;text-transform:uppercase} .author-box-content{border-radius:10px;text-align:left;font:400 15px roboto;color:#666;line-height:1.5;margin:4px 10px 0 0;padding:6px 5px 35px 13px} .author-box-title span{display:none;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000} .tongcong{background:#fff;border:1px solid #e5e5e5;margin:15px 0 0 0;padding:10px;overflow:hidden;clear:both;position:relative} .tongcong li{list-style:none} li.num-post a{float:left;padding:5px 10px;border:1px solid;border-radius:3px;margin-right:10px;color:#f90;font-weight:500} li.num-comment a{transition:all .5s ease;cursor:pointer;float:left;padding:5px 10px;border:1px solid;border-radius:3px;color:#9c0;font-weight:500} li.author-xu a{float:left;padding:5px 10px;border:1px solid;border-radius:3px;color:#673ab7;margin-left:10px;cursor:pointer;font-weight:500} li.author-home a{float:left;padding:5px 10px;border:1px solid;border-radius:3px;color:#0070a0;margin-left:10px;cursor:pointer;font-weight:500} li.num-post a:hover{background:#f90;color:#fff;border-color:#f90} li.num-comment a:hover{background:#9c0;color:#fff;border-color:#9c0} li.author-xu a:hover{background:#673ab7;color:#fff;border-color:#673ab7} li.author-home a:hover{background:#0070a0;color:#fff;border-color:#0070a0} .social{margin-top:10px} .social-links li{text-align:center;color:#fff;background:#007bff;padding:2px;display:table;overflow:hidden;float:left;border-radius:100px;margin-right:3px} .social-links li a{color:#fff} .social-links i{float:left;font-size:13px;color:#fff;border:1px solid;border-radius:50%;padding:0;height:23px;width:23px;text-align:center;line-height:23px} span.messenger{float:left;margin-left:0;margin-top:3px} span.messenger a{margin-right:5px;border-radius:2px;background:#007bff;border-color:#007bff;color:#fff;padding:5px 10px;border:0} .authorsocial{font-size:96%;padding:10px 0} .tabs label:hover{color:#ccc}div#tab-content3.tab-content{padding:1%}.tab-content{width:100%;float:left} .tab-content *{-webkit-animation:showx 0.3s ease-in-out;-moz-animation:showx 0.3s ease-in-out;animation:showx 0.3s ease-in-out} .tabs [id^="tab"]:checked + label{ color:#fff; background: #e74c3c} #tab1:checked ~ #tab-content1,#tab2:checked ~ #tab-content2,#tab3:checked ~ #tab-content3{display:block} @keyframes showx{0%{transform:scale(0.9)}50%{transform:scale(1.01)}100%{transform:scale(1)}} #menutom.menutoms{z-index:99999;position:fixed;top:0;left:0;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease} .menutoms{animation:stuckMoveDown .6s} #recate{float:left;width:100%;margin-bottom:20px} #recate ul{padding:0;margin:0;border-bottom:0;padding-left:17px} #recate ul li{list-style:disc;font-size:15px} #recate ul li a{color:#2c63b2} #allHolder{border:0!important} index .post-item:nth-of-type(2n) { margin: 0; } .index .post-item:nth-of-type(2n+1) { clear:both } .index .post-item {box-shadow:none; width: calc(97% / 2); margin-right: 1.5%; float: left; } .index .thumbnail-post{ position: relative; float: none; width: 100%; height: 175px; display: block; overflow: hidden; margin: 0; } /* Related Post */ #related-posts{overflow:hidden;margin:0 0 10px;padding:0px 0 0} .related li{width:32.276%;display:inline-block;height:auto;float:left;margin-right:9px;margin-bottom:9px;overflow:hidden;position:relative} .related li h3{margin:0!important;border:0!important;padding:0!important} .related-thumb{width:100%;height:130px;overflow:hidden;border-radius:2px} .related li .related-img{width:100%;height:130px;display:block;position:relative;transition:all .3s ease-out} .related-title{position:absolute;bottom:10px;left:10px;right:10px;padding:0;margin:0;line-height:1.2em;z-index:2} .related-title a{font-size:14px;line-height:1.4em;padding:0;font-weight:400;color:#fff;display:block;text-shadow:0 .5px .5px rgba(34,34,34,0.3)} .related-title a:hover,.related-title a:active{color:#fff} .related li:nth-of-type(3),.related li:nth-of-type(6),.related li:nth-of-type(9){margin-right:0} .related .related-thumb .related-img:after{background:rgba(0,0,0,0.12);content:"";bottom:0;left:0;top:0;right:0;margin:auto;position:absolute;transition:all .5s} .related .related-thumb:hover .related-img:after{background:rgba(0,0,0,0.38)} .related-overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .related-line,.related-line-c{position:relative;margin:10px auto 0} .related-info-th{z-index:2;position:relative;margin-bottom:20px;color:#888;background:#fff;display:inline-block;padding:3px 10px;margin:1px 0;font-size:10px;font-weight:400;text-transform:uppercase;border:1px solid rgba(0,0,0,0.08);border-radius:99em} .related-line-c{text-align:center;margin-bottom:6px} .related-line:before,.related-line-c:before{z-index:1;content:"";width:100%;height:1px;background:rgba(0,0,0,0.08);position:absolute;top:50%;left:0;margin-top:-1px} h3.related-title:before,.jeg_popup_content .post-title:before{display:none} /* Responsive */ @media screen and (max-width:769px) { .related li{width:100%;margin:0 0 10px 0} } /* CSS TOOLIP*/ [data-tooltip-bottom] { position: relative; z-index: 9; display: inline-table; } [data-tooltip-bottom]:before { position: absolute; top: 100%; left: 50%; margin-top: 5px; margin-left: -57px; padding: 4px 7px; width: 100px; border-radius: 4px; background-color: #000; color: #fff; content: attr(data-tooltip-bottom); text-align: center; font-size: 12px; line-height: 1.4; } [data-tooltip-bottom]:after { position: absolute; top: 100%; left: 50%; margin-left: -5px; width: 0; border-bottom: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } [data-tooltip-bottom]:before, [data-tooltip-bottom]:after { visibility: hidden; opacity: 0; } [data-tooltip-bottom]:hover:before, [data-tooltip-bottom]:hover:after { visibility: visible; filter: alpha(opacity=90); opacity: .9; } ]]>