<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> <b:switch var='data:blog.locale'> <b:case value='id'/> Semua Postingan - <data:blog.title/> <b:default/> All Posts - <data:blog.title/> </b:switch> <b:switch var='data:blog.locale'> <b:case value='id'/> Halaman tidak ditemukan - <data:blog.title/> <b:default/> Page Not Found - <data:blog.title/> </b:switch> <data:blog.pageName/> Variable definitions end ========================*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* Blogger CSS Reset */ .section,.widget{margin:0 0 0 0;padding:0 0 0 0;} .navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;} .quickedit,.edit-post,.item-control{display:none;} .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;} /* FRAMEWORK */ strong,b{font-weight:bold;} cite,em,i{font-style:italic;} a:link{color:#000000;text-decoration:none;outline:none;} a:visited{color:#000000;text-decoration:none;} a:hover{color:#000000;text-decoration:none;} a img{border:none;border-width:0;outline:none;} abbr,acronym{border-bottom:1px dotted;cursor:help;} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;} sub{top:.4em;}small{font-size:86%;} kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;} mark{background-color:#ffce00;color:black;} p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0 0 1.5em;} hr{height:1px;border:none;background-color:#666;} h1{font-size:1.8rem} h2{font-size:1.6rem} h3{font-size:1.4rem} h4{font-size:1.2rem} h5{font-size:1rem} h6{font-size:0.9rem} /* heading */ h1,h2,h3,h4,h5,h6 { margin: 0 0 0.6em; font-weight: bold; } /* list */ ol,ul,dl{margin: .8em 0em .8em 3em} li{margin: .5em 0} dt{font-weight: bold} dd{margin: 0 0 .5em 2em} /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;} textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* code & blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;} pre{white-space:pre;word-wrap:normal;overflow:auto;} blockquote{background-color: #e7f1ff;color: #213040;display: block;margin: 20px 0 20px;padding: 40px 20px 20px;position: relative;border-top: 3px solid #1a73e8;border-bottom: 3px solid #1a73e8;border-radius: 5px;user-select: text;-moz-user-select: text;-ms-user-select: text;-khtml-user-select: text;-webkit-user-select: text;} blockquote::before{content:'\201D';font:700 60px Arial,sans-serif;color:#fff;position:absolute;top:-20px;left:0;right:0;text-align:center;z-index:1} blockquote::after{content:'';background-color:#1a73e8;position:absolute;top:-25px;left:0;right:0;display:inline-block;width:50px;height:50px;margin:auto;border-radius:100px} /* table */ table[border="1"] td,table[border="1"] th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #f6f6f6}table[border="1"] th{background:#eee}img,table{max-width:100%;height:auto}iframe{max-width:100%}td.tr-caption{color:#777}.clear{clear:both}.clear::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} /* TRANSISI */ a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a::before, #cssmenu ul ul li.has-sub > a::before, .berlangganan-box input.submit-email[type="submit"], .berlangganan-box input.email-address[type="text"] {transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;} .lazyload, .lazyloading {opacity: 0;} .lazyloaded {opacity: 1;transition: opacity 300ms;} .related-post-style-3 .related-post-item {transition: opacity 0.2s linear;} .label-info-th a, .info-1, .info-2, h2.post-title, .post-snippet, .sidebar-sticky {transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } .img-thumbnail,.img-thumbnail img{transition:width .2s linear;-o-transition:width .2s linear;-moz-transition:width .2s linear;-webkit-transition:width .2s linear}#searchfs input[type=search],h1,h2,h3,h4,h5,h6{transition:font-size .2s linear;-o-transition:font-size .2s linear;-moz-transition:font-size .2s linear;-webkit-transition:font-size .2s linear} body{background:#eee;margin:0;padding:0;color:#393939;font:normal normal 16px Roboto;text-align:left} /* WRAPPER */ #wrapper{background:#eee;max-width:1000px;margin:0 auto;padding:60px 30px 0;overflow:unset} /* HEADER */ #header-container{background:#1a73e8;position:absolute;top:0;left:0;right:0;width:100%;z-index:999;height:48px}#header-wrapper{max-width:1100px;margin:0 auto;position:relative}.header{max-width:400px;float:left;margin-right:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header h1.title,.header p.title{font:normal bold 22px Roboto;color:#ffffff;margin:0;text-transform:uppercase;line-height:50px}.header .description{color:#ffffff;margin:-10px 0 4px 0;padding:0;font-size:.7em;display:none}.header a,.header a:hover{color:#ffffff}.header img{display:block;width:auto;margin:8px;max-height:29px} /* POST WRAPPER */ .latest-post-title h2{border:none;width:auto;color:#1a73e8;font:normal 15px Roboto,Arial,sans-serif;padding-left:10px;padding:15px 20px;background:#fff;margin-bottom:10px}.post-container{padding-right:25px}#post-wrapper{background:0 0;float:left;width:70%;max-width:700px;margin:0 0 10px}.breadcrumbs{font-size:.9em!important}.breadcrumbs a{color:#fff}.breadcrumbs a:hover{color:#000}.post{margin-bottom:15px;padding:15px 30px 30px 30px;background-color:#fff;padding:10px}.post-body{font:normal normal 16px Roboto;color:#1d2129;line-height:1.65em;text-align:left;word-wrap:break-word}.post h1.post-title{padding:5px 0 15px;text-align:center;border-bottom:3px solid;border-image:linear-gradient(to right,transparent,#1a73e8,transparent);border-image-slice:1}h1.post-title,h2.post-title{font:normal bold 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif}h1.post-title{font-size:30px;margin-bottom:15px}h2.post-title{margin-bottom:10px}h1.post-title,h1.post-title a,h2.post-title,h2.post-title a{color:#000000;line-height:1.425em}h1.post-title a:hover,h2.post-title a:hover{color:#1a73e8}.img-thumbnail{position:relative;float:left;width:255px;height:170px;overflow:hidden}.img-thumbnail img{width:100%;display:block}.label-info-th{display:block;z-index:2;position:relative;margin-bottom:10px;height:32px;overflow:hidden}.label-line-c{text-align:center;margin-bottom:10px;position:relative}.label-line-c{text-align:center;margin-bottom:10px}.label-line-c::before,.label-line::before{z-index:1;content:"";width:100%;border-bottom:1px dotted rgba(0,0,0,.49);border-top:1px dotted rgba(255,255,255,.23);position:absolute;left:0;margin-top:10px}.label-info-th a{color:#fff;border-radius:2px;background:#1a73e8;display:inline-block;padding:6px 12px;margin:1px 0;font-size:11px;font-weight:500;text-transform:uppercase;border:2px solid #1a73e8}.label-info-th a:hover{color:#000000}.post-info{color:#000000;font:normal normal 13px Roboto;line-height:1.6em}.post-snippet b,.post-snippet em,.post-snippet i,.post-snippet strong{font-weight:400;font-style:normal}.info-1{margin-top:8px}.info-2{margin-top:10px}.info-3{margin-bottom:.8em}.post-info a{display:inline-block;color:inherit}.author-info::after,.label-info::after,.time-info::after{content:"-";padding:0 2px}.edit-post a{color:#000000}.edit-post a:hover{color:#000000}.edit-post::before{content:"-";padding:0 2px} /* AUTHOR POST PROFILE */ .author-profile{overflow:hidden;margin:30px 0;line-height:1.5}.author-profile img{border:none;float:left;margin-right:15px;border-radius:46px}.author-profile>span{font-size:14px;opacity:.8}.author-profile a.g-profile{font-weight:700;color:#000000;font-size:18px;margin-bottom:5px;display:inline-block}.author-profile a.g-profile:hover{color:#000000}.author-profile a.g-profile::after{content:"\f058";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-right:4px;color:#000000} /* SIDEBAR WIDGET */ #sidebar-wrapper{background:0 0;float:right;width:30%;max-width:300px;margin:0 auto}.breadcrumbs{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:15px 20px;background:#1a73e8;color:#fff;text-transform:capitalize}.breadcrumbs svg{width:16px;height:16px;vertical-align:-3px}.above-post-widget h2,.sidebar h2,.sidebar-sticky h2{font:normal normal 15px Roboto;margin-bottom:20px;padding:0 0 5px;color:#1a73e8;display:inline-block;border-bottom:2px solid #1a73e8}#blog-pager,.above-post-widget .widget,.bellow-header-widget .widget,.section:last-child .widget:last-child,.sidebar .widget,.sidebar-sticky .widget{margin:0 0 30px;clear:both}.sidebar ol,.sidebar ul,.sidebar-sticky ol,.sidebar-sticky ul{list-style-type:none;margin:0;padding:0}.sidebar li,.sidebar-sticky li{margin:5px 0;padding:0}.sidebar-sticky{z-index:9}.sidebar .widget-content::after,.sidebar .widget-content::before,.sidebar-sticky .widget-content::after,.sidebar-sticky .widget-content::before{content:"";display:table;table-layout:fixed;clear:both}.bellow-header-widget{text-align:center}.bellow-header-widget h2{display:none}.bellow-header-widget .widget{overflow:hidden}.bellow-header-widget iframe,.bellow-header-widget img{max-width:100%;border:none;overflow:hidden} /* CUSTOM WIDGET */ .widget-item-control{float:right;height:20px;margin-top:-20px;position:relative;z-index:10}.widget-item-control a{opacity:.5}.widget-item-control a:hover{opacity:1}.widget .widget-item-control a img{border:none;padding:0;background:0 0;-moz-box-shadow:none;-webkit-box-shadow:none;-ie-box-shadow:none;box-shadow:none}.widget ul{line-height:1.4em} /* GSC */ .gsc-search-box-tools .gsc-search-box .gsc-input{margin:3px 0!important}.gsib_a{padding:0 6px 0!important}.cse .gsc-search-button-v2,.gsc-search-button-v2{padding:9px 27px!important} /* Label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}.cloud-label-widget-content{text-align:left}.label-size{transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;line-height:1.2;display:block;float:left;margin:0 3px 3px 0;color:#000000;font-size:13px;text-transform:uppercase;border:1px solid #000000}.label-size a,.label-size span{display:inline-block;color:#000000;padding:6px 8px}.label-size:hover{border:1px solid #000000}.label-size:hover .label-count,.label-size:hover a{color:#000000}.label-count{margin-left:-12px;margin-right:0}.list-label-widget-content ul{-moz-column-count:2;-moz-column-gap:8px;-webkit-column-count:2;-webkit-column-gap:8px;column-count:2;column-gap:8px}.list-label-widget-content ul li{border-bottom:2px dotted #1a73e8;padding-bottom:5px;margin:0 0;padding-top:5px}.bellow-header-widget .cloud-label-widget-content .label-size{font-weight:700}.bellow-header-widget .cloud-label-widget-content .label-size a,.bellow-header-widget .cloud-label-widget-content .label-size span{padding:15px 20px} /* Feed */ .Feed ul li{display:block;margin:0 0 10px}.Feed ul li:last-child{margin-bottom:10px}.Feed .item-author,.Feed .item-date{color:#999}.Feed .item-title{font-weight:700} /* Popular Posts */ .PopularPosts .widget-content ul,.PopularPosts .widget-content ul li{margin:0 0;padding:0 0;list-style:none;border:none;outline:0}.PopularPosts .widget-content ul{background-image: linear-gradient(110deg,rgba(255,255,255,0.1) 16%,rgba(255,255,255,0.1) 17%,rgba(255,255,255,0.05) 17%,rgba(255,255,255,0.05) 23%,transparent 8.5%,transparent 78%,rgba(255,255,255,0.05) 78%,rgba(255,255,255,0.05) 84%,rgba(255,255,255,0.1) 84%,rgba(255,255,255,0.1));margin:0;list-style:none;counter-reset:num}.PopularPosts .widget-content ul li img{display:block;width:70px;height:70px;float:left}.PopularPosts .widget-content ul li{margin:0 0 15px;counter-increment:num;position:relative}.PopularPosts ul li:last-child{margin-bottom:0}.PopularPosts ul li .item-content::before,.PopularPosts ul li .item-thumbnail-only::before,.PopularPosts ul li>a::before{color:#000000!important}.PopularPosts ul li .item-content::after,.PopularPosts ul li .item-thumbnail-only::after,.PopularPosts ul li>a::after{background:#1a73e8}.PopularPosts .item-title{line-height:1.6;margin-right:8px;min-height:40px;font-weight:700}.PopularPosts .item-thumbnail{float:left;margin-right:8px}.PopularPosts .item-snippet{line-height:1.6em;font-size:14px;margin-top:8px;opacity:.925}.PopularPosts ul li>a{font-weight:700} /* Featured Post */ .FeaturedPost .post-summary{background:#f7f7f7;position:relative;padding:0;min-height:200px;max-height:350px;overflow:hidden}.FeaturedPost .post-summary h3{font:500 20px Roboto,Arial,sans-serif;background:rgba(0,0,0,.37);position:absolute;bottom:0;padding:20px;z-index:1;font-size:25px;margin:0;width:94%}.FeaturedPost .post-summary h3:after{content:"";position:absolute;top:-.25em;right:100%;bottom:-.25em;width:.25em}.FeaturedPost .post-summary h3 a{color:#fff;padding:0;-webkit-box-decoration-break:clone;-o-box-decoration-break:clone;box-decoration-break:clone}.FeaturedPost .post-summary h3 a:hover{color:#fff;text-decoration:underline}.FeaturedPost .post-summary p{position:absolute;background:#fff;color:#5a5a5a;padding:3px 8px;bottom:15px;margin:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.FeaturedPost .image{display:block} /* Profile */ .Profile .widget-content{text-align:center;padding:30px;margin:0 auto;max-width:300px;border:2px solid #1a73e8}.Profile .profile-img{border-radius:50%;float:none}.Profile .profile-name-link{color:#393939;font-size:.9em;opacity:1;overflow:hidden}.Profile .profile-name-link:hover{color:#000000}.Profile .profile-link{border-style:solid;border-width:1px;cursor:pointer;font-size:14px;padding:6px 22px;display:inline-block;line-height:normal}.profile-textblock{margin:.8em 0;font-size:14px;line-height:1.5em}.profile-img{float:left;display:inline;opacity:10;margin:0 6px 3px 0}.profile-data{margin:0}.profile-datablock{margin:.5em 0}.profile-name-link{background:no-repeat left top;box-sizing:border-box;display:inline-block;max-width:100%;min-height:20px;padding-left:20px} /* Archive */ #ArchiveList .toggle{cursor:pointer;font-family:Arial,sans-serif;margin-right:10px}#ArchiveList .toggle-open{line-height:.6em}#ArchiveList{text-align:left}#ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none}#ArchiveList a.toggle,#ArchiveList a.toggle:hover,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited{color:#a0a0a0;text-decoration:none}.BlogArchive #ArchiveList ul li{background:0 0;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;padding-top:3px;padding-bottom:3px;text-indent:-15px;margin:.25em 0;background-image:none}.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}#ArchiveList .collapsed ul{display:none} /* Artikel Terbaru */ .artikel-terbaru ul li{border-bottom:2px dotted #1a73e8;padding-bottom:8px;margin-bottom:8px;font-weight:700}.LinkList ul li,.PageList ul li{border-bottom:2px dotted #1a73e8;padding:6px 0}.LinkList ul li::before,.PageList ul li::before,.artikel-terbaru ul li::before{content:"\f14b";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;margin-right:6px;color:#000000}.artikel-terbaru ul li::before{content:"\f14b"}.LinkList ul li::before{content:"\f14c"}.PageList ul li::before{content:"\f249"} /* Back to top */ #back-to-top{background:#1a73e8;color:#fff;padding:8px 10px;font-size:24px;border-radius:100px;border:2px solid #fff}.back-to-top{position:fixed!important;position:absolute;bottom:43px;right:20px;z-index:998} /* Share button */ .share-this-pleaseeeee{display:inline-block;margin:0;color:inherit;text-transform:uppercase;font-size:16px;color:#000;background:#fff;z-index:1;position:relative;padding:0 10px;font-weight:700;margin-top:3px}#share-container{background: #fff; width:100%;display: inline-block;flex-wrap: nowrap;align-items: center;position: -webkit-sticky;position:sticky;bottom: 0px;z-index: 1;}#share{width:100%;text-align:center}#share a{width:20%;height:40px;display:block;font-size:24px;color:#fff;transition:opacity .15s linear;float:left}#share i{position: relative;top: 8px;margin-left: 10px;font-style: normal;white-space: nowrap;color: #009688;}.facebook{border-color:#3a579a;border-top-style:solid;border-top-width:3px}.facebook:hover{background:#3a579a}#share svg{width:24px;height:24px;vertical-align:-12px}#share a:hover svg path{fill:#fff}.twitter{border-color:#55acee;border-top-width:3px;border-top-style:solid}.twitter:hover{background:#55acee}.linkedin{background:#0077b5}.pinterest{border-color:#cb2027;border-top-width:3px;border-top-style:solid}.pinterest:hover{background:#cb2027}.whatsapp{border-color:#25d366;border-top-width:3px;border-top-style:solid}.whatsapp:hover{background:#25d366} .total {border-color:#009688;border-top-style:solid;border-top-width:3px} .total:hover {background:#009688} /* Status Msg */ .status-msg-wrap{font-size:110%;width:90%;margin:0 auto 15px;position:relative}.status-msg-border{border:none;-moz-opacity:.4;opacity:.4;width:100%;position:relative}.status-msg-bg{background-color:transparent;opacity:.8;-moz-opacity:.8;width:100%;position:relative;z-index:1}.status-msg-body{text-align:center;padding:.3em 0;width:100%;position:absolute;z-index:4}.status-msg-hidden{visibility:hidden;padding:.3em 0}.status-msg-wrap a{padding-left:.4em} /* SLOT IKLAN */ .iklan-atas .widget,.iklan-atas .widget-content,.iklan-bawah .widget,.iklan-bawah .widget-content,.iklan-tengah1 .widget,.iklan-tengah1 .widget-content,.iklan-tengah2 .widget,.iklan-tengah2 .widget-content{margin:0!important}.iklan-atas h2,.iklan-bawah h2,.iklan-tengah1 h2,.iklan-tengah2 h2{display:none}.post-body .widget-content{text-align:center;margin:.8em 0 .8em;display:block}.post-body .widget-content:blank{margin:0 0} /* PAGE NAVIGATION */ #blog-pager{clear:both!important;padding:2px 0;text-align:center}#blog-pager svg{height:24px;width:24px;vertical-align:-6px;margin-right:10px;fill:#fff}#blog-pager-newer-link a{float:left;display:block;background:#fff}#blog-pager-older-link a{float:right;display:block;background:#fff}#blog-pager-newer-link a,#blog-pager-older-link a,.displaypageNum a,.pagecurrent,.showpage a{font-size:14px;padding:8px 12px;margin:2px 3px 2px 0;display:inline-block;color:#fff;background:#1a73e8;border-radius:2px}.displaypageNum a:hover,.pagecurrent,.showpage a:hover,a.home-link:hover{color:#000000;border:1px solid #000000}.showpageOf{display:none!important}#blog-pager .pages{border:none} /* SOCIAL ICON */ ul.nav-social{list-style:none;margin:0;padding:0}ul.nav-social li{display:inline-block;padding:0 15px;margin:0}ul.nav-social li a{color:#999999}ul.nav-social li a:hover{color:#555}ul.nav-social li a.fcb:hover{color:#3b5a9b}ul.nav-social li a.gpl:hover{color:#dd4b39}ul.nav-social li a.twt:hover{color:#1bb2e9}ul.nav-social li a.ytb:hover{color:#ed3f41}ul.nav-social li a.lkdn:hover{color:#007fb2}ul.nav-social li a.igicon:hover{color:#527fa4} /* idnxmus navheader */ .check{display:none}.JagoanNavigation label{cursor:pointer;display:block;padding:8px;background-position:center;transition:all .5s linear}.JagoanNavigation .check:checked~.NavMenu{opacity:1;visibility:visible;top:45px;min-width:200px;transition:all .3s ease;z-index:2}.JagoanNavigation .NavMenu{opacity:0;visibility:hidden;position:absolute;right:0;top:0;background-color:#fff;color:#3c4043;box-shadow:0 5px 8px 0 rgba(0,0,0,.06);transition:all .3s ease}.JagoanNavigation .check:checked~.icon .open{display:none}.JagoanNavigation .icon .open{display:block}.JagoanNavigation{position:absolute;right:0;top:3px}.JagoanNavigation .icon .close{display:none}.JagoanNavigation .check:checked~.icon .close{display:block}.JagoanNavigation .NavMenu ul{margin:0;padding:0}.JagoanNavigation .NavMenu:after,.JagoanNavigation .NavMenu:before{content:#blog-pager-newer-link a:hover'';top:-5px;right:11px;border-color:transparent;border-bottom-color:#e6e6e6;border-style:dashed dashed solid;border-width:0 8.5px 8.5px;position:absolute;z-index:1;height:0;width:0}.JagoanNavigation .NavMenu:before{border-bottom-color:rgba(0,0,0,.25)}.JagoanNavigation .NavMenu ul li.xprofil{background-color:#e6e6e6;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0;align-items:center;padding:10px 16px;border-bottom:1px solid #fff}.JagoanNavigation .NavMenu ul li{list-style-type:none;transition:all .3s ease;margin:0}.JagoanNavigation .NavMenu img{max-width:50px;max-height:50px;border-radius:100px;border:1px solid #fff;margin:0}.JagoanNavigation .NavMenu ul li.xprofil ul{line-height:24px;margin-left:3px}.JagoanNavigation .NavMenu ul li.xprofil ul li.name{font-weight:700;font-size:17px;margin-bottom:5px}.JagoanNavigation .NavMenu ul li.xprofil ul li{padding:0;font-size:17px;line-height:normal;white-space:nowrap}.JagoanNavigation .NavMenu ul li.xprofil ul li.follow a{background-color:#1a73e8;color:#fff;font-size:10px;padding:3px 7px;border-radius:25px;display:inline-block}.JagoanNavigation .NavMenu ul li a{color:#3c4043;display:block;padding:10px 16px;margin:0}.JagoanNavigation .NavMenu ul li a span{font-size:14px}.JagoanNavigation .NavMenu ul li.xprofil ul li.follow a:before{content:'';display:inline-block;width:15px;height:15px;margin-right:3px;margin-left:-3px;vertical-align:-4px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat}.JagoanNavigation .NavMenu ul li:hover{background:#e6e6e6}.JagoanNavigation .NavMenu ul li.social{background-color:#e6e6e6;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:0 15px;border-top:1px solid #fff}.JagoanNavigation .NavMenu ul li.social a{padding:15px 7px;z-index:1;position:relative}.JagoanNavigation .NavMenu ul li.social button{margin:0;font-size:unset}.JagoanNavigation label:hover{border-radius:100px;background:rgba(0,0,0,.2) radial-gradient(circle,transparent 2%,rgba(0,0,0,.2) 2%) center/15000%}.JagoanNavigation label:active{border-radius:100px;background-color:rgba(0,0,0,.1);background-size:100%;transition:background 0s}.JagoanNavigation .NavMenu ul li.xprofil ul li.follow a:hover{background-color:#000}.JagoanNavigation .NavMenu ul li.social a:hover:before{content:'';position:absolute;z-index:-1;margin:auto;background:rgba(0,0,0,.1);border-radius:100px;width:36px;height:36px;top:0;bottom:0;left:0;right:0;transition:opacity .3s linear}@media only screen and (max-width:480px){.JagoanNavigation .NavMenu ul li a,.JagoanNavigation .NavMenu ul li.xprofil{padding:8px 13px}} /* Search Form */ .jagoanSearch{position:absolute;right:0;top:0;bottom:0}.jagoanSearch svg{width:24px;height:24px}.jagoanSearch svg path{fill:#fff}.jagoanSearch .search .input{background-color:#fff;color:#4b4f56;width:0;height:30px;border-radius:15px;vertical-align:bottom;top:9px;right:80px;position:relative;transition:all .3s ease;outline:0;border:none;z-index:3}.jagoanSearch .search .icon{position:absolute;top:8px;right:80px;border-radius:25px;padding:4px;transition:all .5s ease;cursor:pointer;z-index:3}.jagoanSearch .search .icon .open{display:block}.jagoanSearch .search .icon .close{display:none}.jagoanSearch .search .check:checked~.input,.jagoanSearch .search .input:focus{padding:0 40px 0 15px;width:calc(1011px - 15px)}.jagoanSearch .search .check:checked~.icon .open{display:none}.jagoanSearch .search .check:checked~.icon .close{display:block;position:relative;right:2px}.jagoanSearch .search .check:checked~label:hover{background-color:transparent!important}.jagoanSearch .search .check:checked~.icon>svg path{fill:#757575}@media screen and (max-width:600px){.jagoanSearch .search .check:checked~.input,.jagoanSearch .search .input:focus{width:calc(100vw - 145px)}}@media screen and (max-width:1130px){.jagoanSearch .search .check:checked~.input,.jagoanSearch .search .input:focus{width:calc(100vw - 150px)}} /* NAV MENU */ #cssmenu svg{fill:#fff;margin-right:7px;vertical-align:-7px}#cssmenu,#cssmenu #head-mobile,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{border:0;list-style:none;line-height:1;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cssmenu ul li a{position:relative}#cssmenu #head-mobile{position:relative}#cssmenu{text-align:left}#cssmenu ul{margin:0;display:block;height:48px}#cssmenu #head-mobile{display:none;position:relative}#cssmenu>ul>li{float:left;margin:0}#cssmenu>ul>li>a{padding:0 15px;border-right:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(255,255,255,.12);font:400 13px Roboto,Arial,sans-serif;line-height:48px;letter-spacing:.8px;text-decoration:none;text-transform:uppercase;color:#ffffff}#cssmenu>ul>li>a:hover{border-bottom: 2px solid #fff;}#cssmenu ul li.active a,#cssmenu>ul>li:hover>a{color:#000000}#cssmenu ul li.active,#cssmenu ul li.active:hover,#cssmenu ul li.has-sub.active:hover,#cssmenu>ul>li:hover{background:rgba(64,64,64,.1);-webkit-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}#cssmenu ul li.has-sub{position:relative}#cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after{content:"\f0d7";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;margin-left:10px}#cssmenu ul ul li.has-sub>a::after{content:"\f0da"}#cssmenu>ul>li.has-sub:hover>a::after{content:"\f0d8"}#cssmenu ul ul{height:auto;position:absolute;left:-9999px;z-index:1;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);box-shadow:0 2px 8px 0 rgba(0,0,0,.15);opacity:0;transform:translateY(-2em);transition:all .3s ease-in-out 0s}#cssmenu li:hover>ul{left:auto;opacity:1;transform:translateY(0);transition-delay:0s,0s,.3s}#cssmenu ul ul li{background:#ffffff;margin:0}#cssmenu ul ul li:hover{background:#ffffff}#cssmenu ul ul ul{margin-left:100%;top:0}#cssmenu ul ul li a{font:400 12px Raleway, Arial, sans-serif;border-bottom:1px solid rgba(150,150,150,.15);padding:0 17px;line-height:42px;max-width:100%;text-decoration:none;color:#555555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a{border-bottom:0}#cssmenu ul li.has-sub ul li.has-sub ul li:hover,#cssmenu ul ul li.has-sub:hover{background:#ffffff}@media screen and (min-width:801px){#cssmenu ul{display:block!important}}@media screen and (max-width:800px){#cssmenu{float:none}#cssmenu ul{background:#ffffff;width:100%;display:none;height:auto}#cssmenu>ul{max-height:calc(100vh - 48px);overflow-y:auto;width:300px;position:fixed;height:calc(100% - 45px);background-color:#1a73e8;transform:translate(-300px,0);transition:all .3s ease;list-style-type:none}#cssmenu ul.open{transform:translateX(0)}#cssmenu ul ul{-webkit-box-shadow:none;box-shadow:none;display:none;opacity:1;transform:translateY(0);transition:unset}#cssmenu li:hover>ul{transition-delay:0s,0s,0s}#cssmenu ul li{width:100%;border-top:1px solid rgba(150,150,150,.15);background:#1a73e8}#cssmenu ul li.active,#cssmenu ul li.active:hover,#cssmenu ul li.has-sub.active:hover{background:#ffffff}#cssmenu>ul>li:hover{background:#1a73e8}#cssmenu ul li.active a,#cssmenu>ul>li:hover>a{color:#555555}#cssmenu ul ul li a{padding:0 25px}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color:#fff}#cssmenu>ul>li{float:none;position:relative}#cssmenu ul ul li.has-sub ul li a{padding-left:35px}#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}#cssmenu ul ul>li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after{display:none}#cssmenu #head-mobile{display:block;padding:24px;color:#fff;font-size:12px;font-weight:700}.button{width:25px;height:20px;position:absolute;right:0;top:14px;cursor:pointer;z-index:2;outline:0}#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;cursor:pointer}#cssmenu .submenu-button::after{content:"\f0d7";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;margin:0 20px;color:#555555;line-height:42px}#cssmenu .submenu-opened::after{content:"\f0d8"}#cssmenu ul ul .submenu-button::after{line-height:36px}#cssmenu ul ul ul li.active a{border-left:none}#cssmenu>ul ul>li.has-sub>ul>li.active>a,#cssmenu>ul>li.has-sub>ul>li.active>a{border-top:none}} /* FOOTER */ #footer-container{background:#000;border-top:1px solid #222;padding:20px 5px;overflow:hidden;color:#dddddd;font-size:12px;text-align:center}#footer-wrapper{max-width:1000px;margin:0 auto}#footer-wrapper a{color:#dddddd}#footer-wrapper a:hover{color:#ffffff} /* BACA JUGA */ #baca-juga{display:none;position:relative}#baca-juga h2{color:#fff;position:absolute;top:-17px;left:3.5em;border:0 solid #efefef;padding:7px 13px;font-size:14px;background:teal;font-weight:700;z-index:1;border-radius:25px}#baca-juga a{font-weight:700;font-size:14px;display:block;padding:0;color:teal}#baca-juga a:hover{color:grey}#baca-juga ul{max-width:75%;margin:1.5em 0 1.5em 2em;padding:20px 20px 10px 17px;position:relative;background-color:#00808040}#baca-juga li{padding:0;margin:.6em 0;list-style:none;padding-bottom:5px;border-bottom:3px dotted rgba(0,0,0,.15)} /* RELATED POSTS */ .related-post{margin:5px auto 0;overflow:hidden}.related-post h4{position:relative;margin:0;display:inline-block;font-weight:700;color:#000;text-transform:uppercase;font-size:16px;z-index:1;background:#fff;padding:0 10px;border-radius:5px}.related-post ul{padding:0!important;font-size:14px} /* Style 3 */ .related-post-style-3,.related-post-style-3 li{margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden}.related-post-style-3 .related-post-item{float:left;width:23.5%;height:auto;margin-right:2%;margin-bottom:10px}.related-post-style-3 .related-post-item:nth-of-type(4n+0){margin-right:0}.related-post-style-3 .related-post-item:nth-of-type(4n+1){clear:both}.related-post-style-3 .related-post-item:hover{opacity:.7}.related-post-style-3 .related-post-item-thumbnail{margin-top:10px;display:block;max-height:none;background-color:transparent;padding:5px;border:.0625rem solid #dadce0;max-width:92%;border-radius:10px}.related-post-style-3 .related-post-item-title{color:#444}.related-post-style-3 .related-post-item-tooltip{margin-left: 5px;padding:10px 0}.related-post-item-tooltip .related-post-item-title{font-weight:700;display:block}@media only screen and (max-width:480px){.related-post-style-3 .related-post-item{width:48%;margin-right:4%}.related-post-style-3 .related-post-item:nth-of-type(2n+0){margin-right:0}.related-post-style-3 .related-post-item:nth-of-type(2n+1){clear:both}}.contact-form-error-message,.contact-form-success-message{background:#f9edbe;border:0 solid #f0c36d;font-size:14px;text-align:center;max-width:500px;border-radius:3px}.contact-form-error-message-with-border,.contact-form-success-message-with-border{background:#f9edbe;border:1px solid #f0c36d;font-size:14px;text-align:center;max-width:600px;border-radius:3px;box-sizing:border-box;padding:5px 10px}.contact-form-cross{height:11px;margin:0 5px;vertical-align:-8.5%;width:11px}.contact-form-email,.contact-form-name{color:inherit;height:40px;margin-top:5px;max-width:300px;width:100%;padding:0 15px;border-radius:3px;border:1px solid #cacaca;box-sizing:border-box}.contact-form-email-message{color:inherit;margin-top:5px;vertical-align:top;max-width:600px;width:100%;border-radius:3px;border:1px solid #cacaca;padding:15px}.contact-form-email-message:hover,.contact-form-email:hover,.contact-form-name:hover{outline:0;border:1px solid #000000}.contact-form-email-message:focus,.contact-form-email:focus,.contact-form-name:focus{outline:0;border:1px solid #000000}.contact-form-email,.contact-form-email-message,.contact-form-name{background:#f8f8f8}.contact-form-button{display:block;font-size:14px;line-height:24px;padding:5px 20px;margin:30px 0;text-align:center;border:none;background:#1a73e8;color:#fff;border-radius:3px;font-weight:700}.contact-form-button.hover,.contact-form-button:hover{cursor:pointer;outline:0;opacity:.85}.contact-form-button.focus,.contact-form-button.left.focus,.contact-form-button.mid.focus,.contact-form-button.right.focus{outline:0}.contact-form-button-submit.focus,.contact-form-button-submit:focus{outline:0;opacity:.85}.swajib{font-weight:700;color:#e85e5e}.ctitles{font-weight:700;display:block;margin:30px 0 0} /* COMMENT FORM */ #comments-block{margin:15px 0}.comment a{color:#000}.comment-body{padding:15px 0;margin:0 0}.comment-body p{margin:0}.comment-form{overflow:hidden;margin-top:20px}.comment-footer{margin:0 0 30px}#comments-block .avatar-image-container{display:none}h4#comment-post-message{display:none;margin:0}.comments{clear:both;margin-top:10px;margin-bottom:0}.comments .comments-content{transition:all .5s ease;margin-bottom:20px}.comments .comments-content .comment-thread ol{margin-top: 25px;text-align:left;margin:13px 0;padding:0;list-style:none}#comments .comment-thread ol>li{background: #fff;padding: 15px 20px 5px;margin-left: 50px;margin-bottom: 20px;border-radius: 7px;transition: all .5s ease;}.comment .avatar-image-container{float:left;margin-left: -70px;max-height:36px;width:36px;position: sticky;}.comments .avatar-image-container img{max-width:34px;border-radius:17px}.comments .comment-block{}.comments .comments-content .comment-replies{margin:10px 0;}.comments .comments-content .comment-thread:empty{display:none}.comments .comment-replybox-single{margin:20px 0}.comments .comment-replybox-thread{margin:20px 0}.comments .comments-content .comment{margin-bottom:6px;padding:0}.comments .comments-content .comment:last-child {padding: 0;margin: 0;}.comments .comments-content .comment:first-child {padding: 0;margin: 0;}.comments .comments-content .comment:first-child{padding:0;margin:0}.comments .comments-content .comment:last-child{padding:0;margin:0}.comments .comment-thread.inline-thread .comment,.comments .comment-thread.inline-thread .comment:last-child{margin:0 0 5px 14%}.comment .comment-thread.inline-thread .comment:nth-child(6){margin:0 0 5px 0}.comment .comment-thread.inline-thread .comment:nth-child(5){margin:0 0 5px 0}.comment .comment-thread.inline-thread .comment:nth-child(4){margin:0 0 5px 0}.comment .comment-thread.inline-thread .comment:nth-child(3){margin:0 0 5px 0}.comment .comment-thread.inline-thread .comment:nth-child(2){margin:0 0 5px 0}.comment .comment-thread.inline-thread .comment:nth-child(1){margin:0 0 5px 0}.comments .comments-content .comment-thread{margin:0;padding:0}.comments .comments-content .inline-thread{margin:0;}.comments .comments-content .comment-header{font-size:14px;margin:0 0 15px}.comments .comments-content .comment-content{margin:15px 0;text-align:left;line-height:1.6;color:#333;font-size:14px}.comments .comments-content .datetime{margin-left:6px}@media screen and (max-width:800px){.comments .comments-content .datetime{float:none}}.comments .comments-content .datetime a{color:#000;display:none}.comments .comments-content .user{font-weight:700;font-style:normal}.comments .comment .comment-actions a{display:inline-block;font-size:13px;line-height:15px;margin:4px 8px 0 0;border-radius:25px;color:#fff;background-color:#1a73e8;padding:3px 7px 3px 7px}.comments .comment .comment-actions a:before{content:'';margin-right:5px;min-width:13px;min-height:13px;display:inline-block;vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z' fill='%23fff'/%3E%3C/svg%3E") center/17px no-repeat;transform:rotate(180deg);transition:all .3s ease}.comments .continue a{display:none;font-size:13px;padding:3px 7px 3px 7px;color:#fff;text-align:center;background-color:#1a73e8;border-radius:25px}.comments .continue a:before{content:'';margin-right:5px;min-width:13px;min-height:13px;display:inline-block;vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z' fill='%23fff'/%3E%3C/svg%3E") center/17px no-repeat;transform:rotate(180deg);transition:all .3s ease}.comments .comment .comment-actions a:hover,.comments .continue a:hover{text-decoration:underline}.pesan-komentar p{margin:5px 0 15px}.deleted-comment{font-style:italic;opacity:.5}.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:none}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}.comments .thread-expanded .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent}.comments .hidden{display:none}@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}} /* MEDIA QUERY */ @media only screen and (max-width:1080px){#wrapper{margin:0 auto}#footer-navmenu-container,.footer-widget{max-width:100%}#footer-navmenu-container,#header-wrapper,.footer-widget .widget{padding-left:30px;padding-right:30px}.sticky-mobile{margin-right:30px}.img-thumbnail{width:240px;height:160px}}@media only screen and (max-width:800px){#header-wrapper{padding-left:0;padding-right:0;position:relative}#wrapper{padding:70px 20px 20px}#cssmenu>ul>li>a{padding:0 20px;line-height:42px}#footer-navmenu-container,.footer-widget .widget{padding-left:20px;padding-right:20px}.button{left:20px}.header{position:absolute;top:-1px;left:45px;z-index:1;text-align:center;float:none;display:inline-block;max-width:100%;margin-right:0}.img-thumbnail{width:180px;height:120px}}@media only screen and (max-width:768px){#post-wrapper,#sidebar-wrapper{float:none;width:100%;max-width:100%}.post-container{padding:0 0 10px 0}}@media only screen and (max-width:640px){#wrapper{padding:60px 10px 15px}#cssmenu>ul>li>a{padding:0 15px}#footer-navmenu-container,.footer-widget .widget{padding-left:15px;padding-right:15px}.button{left:15px}#post-wrapper,#sidebar-wrapper{float:none;width:100%;max-width:100%}}@media only screen and (max-width:480px){#footer-navmenu ul li a{margin:0 8px}ul.nav-social li{padding:0 8px}.post-snippet{margin-top:10px}blockquote{margin-left:0;margin-right:0}.post-body .baca-juga-wrap{margin:1em 0 1em 0;max-width:100%}h1{font-size:170%}h2{font-size:150%}h3{font-size:130%}h4{font-size:120%}h5{font-size:110%}h6{font-size:100%}h2.post-title{font-size:18px}h1.post-title{font-size:20px}#blog-pager,.above-post-widget .widget,.bellow-header-widget .widget,.section:last-child .widget:last-child,.sidebar .widget,.sidebar-sticky .widget{margin:0 0 20px}.comments .comments-content .comment-replies{}.comment .comment-thread.inline-thread .comment{margin:0!important}iframe#comment-editor{min-height:270px}#searchfs input[type=search]{font-size:26px}.FeaturedPost .image,.FeaturedPost .post-summary,.img-thumbnail,.img-thumbnail img{border-radius:unset}.FeaturedPost .post-summary h3{font-size:20px;margin:0 10px}.FeaturedPost .post-summary p{margin:0 10px}} /* HTML4 */ #HTML4{min-height:280px;height:100%;margin-bottom:10px;background:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.05);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05)}.buttonDemo{border-radius:25px;display:inline-block;position:relative;padding:10px 25px;background-color:rgba(9,132,227,.95);color:#fff!important;font-size:1.2em;text-align:center;text-indent:2px;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s}.buttonDemo:hover{opacity:.85;background:#000}.buttonDemo::before{content:'';width:1.5rem;height:1.5rem;display:inline-block;vertical-align:-7px;margin-right:7px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}100%{margin-top:0;opacity:0}} /* Tombol Demo */ .buttonDownload{border-radius:25px;display:inline-block;position:relative;padding:10px 25px;background-color:rgba(9,132,227,.95);color:#fff!important;font-size:1.2em;text-align:center;text-indent:2px;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s}.buttonDownload:hover{opacity:.85;background:#000}.buttonDownload::before{content:'';width:1.5rem;height:1.5rem;display:inline-block;vertical-align:-7px;margin-right:7px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}100%{margin-top:0;opacity:0}} /* Skin for Blogger Tabbed Layout TOC */ .tabbed-toc{margin:0 auto;background:#1a73e8;background:linear-gradient(to bottom right,#1a73e8,#1a73e8);position:relative}.tabbed-toc .loading{display:block;padding:2px 12px;color:#ffffff}.tabbed-toc li,.tabbed-toc ol,.tabbed-toc ul{margin:0;padding:0;list-style:none}.tabbed-toc .toc-tabs{width:20%;float:left}.tabbed-toc .toc-tabs li a{display:block;font:normal bold 13px Roboto;overflow:hidden;color:#ffffff;text-transform:uppercase;text-decoration:none;padding:12px}.tabbed-toc .toc-tabs li a:hover{background-color:rgba(64,64,64,.1)}.tabbed-toc .toc-tabs li a.active-tab{background:rgba(64,64,64,.1);position:relative;z-index:5;margin:0 -1px 0 0}.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:#fff;border-left:5px solid rgba(64,64,64,.1);box-sizing:border-box}.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}.tabbed-toc .panel{position:relative;z-index:5}.tabbed-toc .panel li a{display:block;position:relative;font-weight:700;font-size:14px;padding:6px 12px;overflow:hidden}.tabbed-toc .panel li time{display:block;font-weight:400;font-size:11px;color:#666;float:right}.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}.tabbed-toc .panel li{background-color:#f3f3f3}.tabbed-toc .panel li:nth-child(even){background-color:#fff}.tabbed-toc .panel li a:focus,.tabbed-toc .panel li a:hover,.tabbed-toc .panel li.bold a{background-color:rgba(64,64,64,.1);outline:0}@media (max-width:700px){.tabbed-toc .toc-content,.tabbed-toc .toc-tabs{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .panel li time,.tabbed-toc .toc-line{display:none}}.CSS_LIGHTBOX{z-index:9999!important}.CSS_LAYOUT_COMPONENT{color:transparent}#header-container .google-auto-placed,.post-body blockquote .google-auto-placed,.post-body pre .google-auto-placed,.post-body table .google-auto-placed,.sidebar-sticky .google-auto-placed{display:none} /* Subscribe Box */ #jagoanSubscribe{width:300px;height:auto;background-color:#fff;border:2px solid #1a73e8;border-radius:5px;display:block;margin:auto;line-height:40px;padding:0}#jagoanSubscribe .email__{padding:15px 15px 5px}#jagoanSubscribe .email{margin:auto;color:#1a73e8;text-align:center}#jagoanSubscribe .email:before{content:'';width:50px;height:50px;display:block;text-align:center;margin:auto;border-radius:100px;transition:all .3s ease;-webkit-animation:jagoanRing 5s 0s ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-animation:jagoanRing 5s 0s ease-in-out infinite;-moz-transform-origin:50% 4px;animation:jagoanRing 5s 0s ease-in-out infinite;transform-origin:50% 4px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z' fill='%231a73e8'/%3E%3C/svg%3E") center center/50px no-repeat}#jagoanSubscribe .medsos__{padding:15px 0;line-height:0;border-top:1px solid #1a73e8}#jagoanSubscribe form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;align-items:center;margin:0 0 15px;padding:0;position:relative}#jagoanSubscribe form:before{left:15px;position:absolute;display:block;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z' fill='%231a73e8'/%3E%3C/svg%3E") no-repeat;content:''}#jagoanSubscribe input{width:calc(100% - 35px);background-color:#fff;line-height:1.5em;border:1px solid #ccc;border-right:0;padding:8px 10px 8px 40px;font-size:12px;text-align:left!important;border-radius:50px 0 0 50px;outline:0;outline-width:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#jagoanSubscribe button{background-color:#1a73e8;width:40px;min-width:40px;height:36px;margin:0;padding:0;border:0;box-shadow:none;vertical-align:top;cursor:pointer;transition:all .3s ease;background-image:unset;border-radius:0 50px 50px 0}#jagoanSubscribe button:focus,#jagoanSubscribe button:hover{background-color:#1d2129}#jagoanSubscribe button:before{display:inline-block;width:20px;height:20px;margin:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2,21L23,12L2,3V10L17,12L2,14V21Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;content:'';vertical-align:-3px}#jagoanSubscribe .medsos{width:100%;text-align:center}#jagoanSubscribe .medsos svg{width:20px;height:20px;margin-top:7px}#jagoanSubscribe .medsos svg path{fill:#fff}#jagoanSubscribe .medsos a{display:inline-block;margin-right:7px;width:35px;height:35px;transition:all ease-in-out .3s;border-radius:100px}#jagoanSubscribe .medsos a:last-child{margin-right:0}#jagoanSubscribe .medsos a:hover{box-shadow:0 23px 15px -3px rgba(0,0,0,.25);transform:translate(0,-10px) scale(1.05)}#jagoanSubscribe .medsos .facebook{background:#3a579a}#jagoanSubscribe .medsos .twitter{background:#00abf0}#jagoanSubscribe .medsos .googleplus{background:#df4a32}#jagoanSubscribe .medsos .youtube{background:#cc181e}#jagoanSubscribe .medsos .instagram{background:#992ebc}#jagoanSubscribe .medsos .pinterest{background:#e60023}@-webkit-keyframes jagoanRing{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(0)}}@-moz-keyframes jagoanRing{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}@keyframes jagoanRing{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}100%{transform:rotate(0)}} /* JS LOAD MORE */ .js-load{display:inline-block;width:100%;padding:15px;box-sizing:border-box;background:linear-gradient(#1a73e8,#1a73e8);color:#fff!important;font-size:16px;margin:0;border-radius:2px} /* Label */ .list-label-widget-content ul li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-label-widget-content ul li a{color:#fff}.list-label-widget-content ul li a:hover{color:#000}.list-label-widget-content ul li{list-style-type:none;margin:0 0;border:none;border-bottom:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(255,255,255,.12)}.list-label-widget-content{padding:0 7px;background:linear-gradient(#1a73e8,#1a73e8);text-transform:capitalize}div.Label{background:#fff}div.Label h2{border-top:2px solid #1a73e8;padding:15px 0;text-indent:20px;width:100%;margin-bottom:0;border-bottom:2px solid #1a73e8}.Label h2 svg{float:right;margin-right:15px;display:inline-block;width:20px;height:20px;vertical-align:-5px;background-repeat:no-repeat!important;content:''}.widget:hover h2>svg{animation:rubberBand 1s}.list-label-widget-content ul li a:before{background-image:url("data:image/svg+xml,");margin-right:10px;display:inline-block;width:20px;height:20px;vertical-align:-5px;background-repeat:no-repeat!important;content:''}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} /* Button Dark Mode */ .modedark{display:inline-block;float:right;margin-top:3px;position:absolute;right:39px;top:0;z-index:999}.modedark svg{width:24px;height:24px;vertical-align:-5px;background-repeat:no-repeat!important;content:''}.modedark svg path{fill:#fff}.modedark .check:checked~.NavMenu{opacity:1;visibility:visible;top:45px;min-width:200px;transition:all .3s ease;z-index:2}.iconmode{cursor:pointer;display:block;padding:8px;background-position:center;transition:all .5s linear}.iconmode:hover{border-radius:100px;background:rgba(0,0,0,.2) radial-gradient(circle,transparent 2%,rgba(0,0,0,.2) 2%) center/15000%}.check{display:none}.modedark .iconmode .openmode{display:block}.modedark .iconmode .closemode{display:none}.modedark .check:checked~.iconmode .openmode{display:none}.modedark .check:checked~.iconmode .closemode{display:block} /* Dark Mode */ .Night #HTML4{background:#213040}.Night .deskripsi-partner{color:#000}.Night .writer>span{color:#000}.Night .latest-post-title h2{background:#213040}.Night #jagoanSubscribe .email__{background:#213040}.Night #jagoanSubscribe .medsos__{background:#213040}.Night #jagoanSubscribe .email{background:#213040}.Night #wrapper{background:#15202b}.Night #HTML3{background:0 0}.Night #footer-widget-container{background:#1d2129}.Night .share-this-pleaseeeee{background:#213040;color:#fff}.Night .related-post h4{background:#213040;color:#fff}.Night #label-info-th{background:#1d2129}.Night body{background:#1d2129}.Night .post-body{color:#fff;background:0 0}.Night .post-body table.tr-caption-container td{color:#fff}.Night .post-body table td{background:no-repeat;border:1px solid #1a73e8;padding:10px;text-align:left;vertical-align:top}.Night #baca-juga h2{color:#ccc;background:#1d2129}.Night .label-info-th a{color:#fff;background:#1a73e8}.Night li.recent-posts a{color:#ccc}.Night .recent-posts-title h2{color:#ccc}.Night .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a{color:#ccc}.Night span.mastamvan_title a .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan{color:#ccc;background:#1d2129}.Night .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget-content{color:#ccc;background:#1d2129}.Night .post-info{color:#ccc}.Night{background:#15202b}.Night h2.post-title a{color:#fff}.Night h2.post-title a:hover{color:#1a73e8}.Night .post-title{color:#fff}.Night ul.nav-social{color:#1d2129}.Night .post-snippet{color:#ccc}.Night #jagoanNewsletter{background:#213040}.Night #Label1{background:#213040}.Night .PopularPosts h3{background:#343944}.Night .latest-post-title h3{border-bottom-color:#313640}.Night .newspaptext{color:#9e9e9e}.Night .PopularPosts h3 span{color:#9e9e9e}.Night .img-thumbnail img{background:#252931 linear-gradient(to right,rgba(255,255,255,0) 5%,#313640 20%,rgba(255,255,255,0) 30%);background-size:800px 104px}.Night #jagoanNewsletter .medsos__{border-top-color:#313640}.Night #footer-container{background:#000}.Night #footer-navmenu{background:#171b25}.Night .sidebar h3{color:#b7b7b7;border-bottom-color:#313640}.Night .sidebar-sticky h3{color:#fff;border-bottom-color:#313640}.Night .latest-post-title h3{color:#fff;border-bottom-color:#313640}.Night .above-post-widget h3{color:#b7b7b7;border-bottom-color:#313640}.Night .comments h3{color:#fff;border-bottom-color:#313640}.Night .btnsocialshare{background:#383c44}.Night .label-line::before{background:#1a73e8}.Night a.showcontent{background:#1a73e8}.Night #jagoanNewsletter input{background:#272b33;border-color:#2b303a}.Night .comments .comments-content .comment-content{color:#fff}.Night div#Label1 h2{border-bottom:1px solid #213040;background:#213040}.Night .related-post-style-3 .related-post-item-title{color:#fff}.Night #baca-juga ul{border:2px solid #333740}.Night #baca-juga h2{border:2px solid #213040}.Night .comments .comments-content .comment-thread ol{background:0 0}.Night .comments .comments-content .inline-thread{background:0 0}.Night .post{background:#213040;border-bottom-color:#252a33}.Night .PopularPosts h2{background:#213040}.Night .comments .comment-block{background:#213040}.Night #comments .comment-thread ol>li{background:#213040;border:1px solid #213040}.Night .comment a{color:#fff} /* Popular Post */ .popular-posts{background:linear-gradient(#1a73e8,#1a73e8)}.PopularPosts ul li:hover{background:#3333330f}.popular-posts ul li a{color:#fff}.popular-posts ul li a:hover{color:#000}.PopularPosts h2{text-indent:20px;border-top:2px solid #1a73e8;margin-bottom:0;border-bottom:none;width:100%;padding-bottom:15px;background:#fff;padding-top:15px;border-bottom:2px solid #1a73e8}.PopularPosts h2 span{margin-left:20px}.PopularPosts .widget-content ul,.PopularPosts .widget-content ul li{margin:0 0;padding:0 0;list-style:none;border:none;outline:0}.PopularPosts .widget-content ul{margin:0;list-style:none;counter-reset:num}.PopularPosts .widget-content ul li img{display:block;width:70px;height:70px;float:left}.PopularPosts .widget-content ul li{margin:0;counter-increment:num;position:relative;border-bottom:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(255,255,255,.12)}.PopularPosts ul li:last-child{margin-bottom:0}.PopularPosts ul li .item-content::after,.PopularPosts ul li .item-thumbnail-only::after,.PopularPosts ul li>a::after{background:#efefef}.PopularPosts .item-title{line-height:1.6;margin-right:8px;min-height:40px;font-weight:700}.PopularPosts .item-thumbnail{float:left;margin-right:8px}.PopularPosts .item-snippet{line-height:1.6em;margin-top:8px;opacity:.925}.PopularPosts ul li>a{font-weight:700;font-size:14px}.PopularPosts .item-snippet,.PopularPosts .item-thumbnail,.PopularPosts .item-title{margin-left:28px}.PopularPosts ul li>a{display:block;padding:8px 20px;font-size:15px;font-weight:400;min-height:45px} .color-code{text-align:center;margin:20px auto;width:60%}.color-responsive{position:relative;padding-bottom:100%;height:0;overflow:hidden}.color-responsive object{position:absolute;top:0;left:0;width:100%;height:100%;border:0} /* Settingan TOC */ .kuratoc{padding:1px 4px 2px;border-radius:3px;color:#fff;font-weight:700}.toctogglelabel{cursor:pointer;color:#0645ad}:not(:checked)>.toctoggle{display:inline!important;position:absolute;opacity:0}:not(:checked)>.toctogglespan:before{content:'['}.toctoggle:not(:checked)+.toctitle .toctogglelabel:after{content:'hide';display:inline}.toctoggle:checked+.toctitle .toctogglelabel:after{content:'show'}:not(:checked)>.toctogglespan:after{content:']'}.toctoggle:checked~ul{display:none}:target::before{content:'';display:block;height:0;margin-top:0;visibility:hidden}.toc{background-color:#fff;border:1px solid #1a73e8;padding:9px;display:table;line-height:1.6em}.toc h2{display:inline;margin-right:10px}.toc a{text-decoration:none;color:#000}.toc a:hover{text-decoration:underline}.toc ul{list-style-type:none;list-style-image:none;margin-left:0;margin-bottom:0;padding:0;text-align:left}.toc ul li a{margin-left:.5em}.toc ul li ul{margin-left:2em}.PopularPosts h2 svg{margin-right:15px;float:right;display:inline-block;width:20px;height:20px;vertical-align:-5px;background-repeat:no-repeat!important;content:''} /* Spoiler Box Pure */ .jagoanSpoiler{display:block;margin:10px 0;border:5px solid #1a73e8;padding:7px 10px;border-radius:3px;-moz-border-radius:3px}.jagoanSpoiler .tombol{background:#1a73e8;color:#fff;display:inline-block;cursor:pointer;font:normal 600 14px Tahoma,sans-serif;padding:0;border:none;outline:0;line-height:20px;border-radius:3px;-moz-border-radius:3px}.jagoanSpoiler .tombol:focus{pointer-events:none}.jagoanSpoiler .tombol:before{content:'Lihat Spoiler';display:inline-block;padding:7px 10px;border-radius:3px;-moz-border-radius:3px}.jagoanSpoiler .tombol:focus::before{content:'Tutup Spoiler';background:#c00}.jagoanSpoiler .isi{background:#e4e4e4;pointer-events:auto;visibility:hidden;opacity:0;height:0;transition:all .5s ease}.jagoanSpoiler .tombol:focus+.isi{visibility:visible;opacity:1;height:auto;margin:10px 0 5px;padding:10px 15px;transition:all .5s ease} /* Lazy Load Slash */ .wk{background-size:100% 100%;animation:wk 3s linear infinite;-moz-animation:wk 3s linear infinite;-webkit-animation:wk 3s linear infinite;-o-animation:wk 3s linear infinite;}.wk img{opacity:0;transition:1s all;}@keyframes wk{0%{background-position:-400px 0;}100%{background-position:400px 0;}}@-webkit-keyframes wk{0%{background-position:-50% 0;}100%{background-position:50% 0;}}@-moz-keyframes wk{0%{background-position:-50% 0;}100%{background-position:50% 0;}} /* Blog Partner */ ul.blog-partner{list-style:none;margin:0;padding:50px 0 0;position:relative;top:-15px}ul.blog-partner:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-39%);background:#1a73e8;width:8px;height:8px;border-radius:50%}ul.blog-partner:after{content:"";position:absolute;top:0;bottom:0;left:50%;background:#1a73e8;width:2px;z-index:1}li.partner-wrap{background:#fff;border:5px solid #1a73e8;border-radius:5px;margin-bottom:50px;padding:20px;position:relative;z-index:2}li.partner-wrap:before{content:"";position:absolute;width:16px;height:16px;left:50%;transform:translateX(-45%);top:-11px;background:#fff;border:2px solid #1a73e8;border-radius:50%}h3.title-partner{border-bottom:2px solid #aaa;text-align:center;padding-bottom:10px;margin-bottom:20px}h3.title-partner a{text-decoration:none}li.partner-wrap:hover .deskripsi-partner,li.partner-wrap:hover .deskripsi-partner .logo-partner:before{opacity:1;left:70px}.deskripsi-partner{display:flex;margin-bottom:25px;align-items:center}.deskripsi-partner p{display:block;margin:0;text-align:justify;color:#212121}li.partner-wrap:after{content:attr(data-tooltip);position:absolute;right:-1px;bottom:0;background:#1a73e8;color:#fff;padding:0 10px;border-radius:5px 0 0 0;font-size:14px}li.partner-wrap:hover::before{-webkit-animation:pulse 1.2s infinite;box-shadow:0 0 0 0 rgba(90,153,212,.5);left:48.92%}li.partner-wrap:hover .deskripsi-partner @-webkit-keyframes pulse{-ms-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9)}70%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 50px rgba(90,153,212,0)}100%{-moz-transform:scale(.9);-ms-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);box-shadow:0 0 0 0 rgba(90,153,212,0)}.hide-content{display:none;margin:0;padding:0}#comments a.hiddencontent,a.showcontent{display:block;text-decoration:none;position:relative;color:#fff;font-size:15px;padding:12.5px 0;background:#1a73e8;border-radius: 2px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}#comments a.hiddencontent{background:#1a73e8;color:#fff;transition:all .3s}a.showcontent:hover{background:#1a73e8;color:#fff} /* Sotabilo */ .sotabilo{padding:1px 4px 2px;border-radius:3px;background-color:#1a73e8;color:#fff;font-weight:700}.post-outer{-webkit-touch-callout:none;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none} /* Anti Copy Paste */ .post code,.post pre,.sotabilo{-webkit-touch-callout:text;-khtml-user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text} /* Blogger Sitemap Dropdown */ #sitemap1{background-color:#fff;color:#1d2129;font-weight:400;border:1px solid #ccc}#sitemap1 .loading{padding:10px 15px;color:#666}#sitemap1 .judul{background-color:#1a73e8;color:#fff;font-size:125%;font-weight:600;padding:15px;cursor:pointer;border-bottom:1px solid #fff;letter-spacing:1px;transition:all .3s ease}#sitemap1 .judul:last-child{border-bottom:0}#sitemap1 .judul:hover{background-color:#1d2129}#sitemap1 .judul:after{content:'';width:0;height:0;position:relative;float:right;top:10px;right:10px;border:5px solid transparent;border-color:#fff transparent transparent;transition:all .3s ease}#sitemap1 .judul.aktif{background-color:#1d2129}#sitemap1 .judul.aktif:after{border-color:#fff transparent transparent;top:5px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}#sitemap1 .konten ol,#sitemap1 .konten ol li{list-style:none;list-style-type:none;margin:0;padding:0;font-weight:400}#sitemap1 .konten ol li:nth-of-type(even){background-color:#e9e9e9}#sitemap1 .konten ol li:nth-of-type(odd){background-color:#fff}#sitemap1 .konten ol li a{text-decoration:none;padding:10px 15px;display:block;color:#666;line-height:1.5em;transition:all .3s ease}#sitemap1 .konten ol li a:hover{color:#000} /* Kotak Author */ .jagoan-Author{text-align:center;margin-top:20px}.jagoan-Author .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:flex-start;justify-content:center}.jagoan-Author .bottom{margin-bottom: 15px;text-align:center;margin-top:-35px;padding:45px 15px 15px;background:#1a73e8;background-image:linear-gradient(110deg,rgba(255,255,255,.1) 16%,rgba(255,255,255,.1) 17%,rgba(255,255,255,.05) 17%,rgba(255,255,255,.05) 23%,transparent 8.5%,transparent 78%,rgba(255,255,255,.05) 78%,rgba(255,255,255,.05) 84%,rgba(255,255,255,.1) 84%,rgba(255,255,255,.1));border-radius:5px}.jagoan-Author img{width:50px;height:50px;border:5px solid #fff;border-radius:100px}.jagoan-Author .author-name{font-size:20px;font-weight:700;margin-bottom:7px}.jagoan-Author .author-name a{color:#fff;font-weight:700}.jagoan-Author .author-desc{color:#eaeaea;overflow:hidden;line-height:1.6em}.jagoan-Author .author-desc a{margin:3px;padding:5px 8px;color:#fff;border-radius:3px;font-family:'Google Sans',sans-serif;font-size:13px;border:1px solid}.jagoan-Author .author-desc a:hover{color:#000}.jagoan-Author .author-desc li{display:inline-block;padding-top:5px} /* Navigasi Bar */ .darkshadow{visibility:hidden;opacity:0;position:fixed;top:48px;background:rgba(0,0,0,.59);left:0;right:0;bottom:0;margin:0;z-index:5;transition:all .4s ease-in-out}.darkshadow.open{visibility:visible;opacity:1}#nav-wrapper{font-size:13px;width:265px;position:fixed;z-index:5;top:48px;overflow:hidden;left:0;background:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;bottom:0;padding-top:15px;-webkit-transform:translateX(-290px);-ms-transform:translateX(-290px);transform:translateX(-290px);transition:all .5s ease}#nav-wrapper:hover{overflow-y:auto}#nav-wrapper.open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#nav-wrapper ul{margin:0;padding:0;list-style:none}#nav-wrapper li{display:block;list-style:none;position:relative}#nav-wrapper li.first{background:#d0d0d0;border-radius:0 50px 50px 0;margin:0 20px 0 0;transition:all .5s ease}#nav-wrapper>ul>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0 10px 24px;color:#333;font-size:13px}#nav-wrapper li a.nav-submenu{padding:10px 24px}#nav-wrapper li ul.nav-sub{display:none}#nav-wrapper li li a{display:block;position:relative;padding-left:5em;line-height:40px;color:#657786}#nav-wrapper a:hover{color:teal}#nav-wrapper svg.down{margin-right:0;margin-left:15px;display:block;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}#nav-wrapper li.open svg.down{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}#nav-wrapper svg{height:24px;width:24px;margin-right:15px;overflow:hidden;opacity:1.7;fill:#000}#nav-wrapper>ul>li:not(.colormode)>a>span:not(.new){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}#nav-wrapper>ul>li>a>span>span.new{background:#1a73e8;color:#fff;line-height:normal;margin-left:10px;font-size:8px;padding:3px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}@media only screen and (max-width:480px){#nav-wrapper .profile img{width:24px;height:24px;margin-right:15px;margin-left:1px;border-radius:20px}}@media screen and (max-width:600px){#nav-wrapper .subs{display:flex;margin-left:24px;margin-top:10px}#nav-wrapper .subs a{font-size:11px;margin-right:10px;width:auto;height:auto;padding:7px 10px;margin-top:0;background-color:#657786;color:#fff;border-radius:20px}#nav-wrapper .subs a:hover{background-color:#008c5f;color:#fff}#nav-wrapper .subs svg{width:12px;height:12px;margin-right:3px;margin-top:-1px;fill:#fff}#nav-wrapper .subs button{flex-grow:1;margin-top:0;width:auto;height:auto;padding:7px 10px;display:flex;align-items:center;justify-content:center;background-color:#657786;border-radius:20px;border:none;margin-right:23px;color:#fff;outline:0}#nav-wrapper li.footer a{font-size:11px;font-weight:400;color:#657786;display:inline-block;padding:0}#nav-wrapper .footer{display:block;margin-top:14px;margin-left:24px}#nav-wrapper .footer .social{display:flex;margin:7px 0}#nav-wrapper .footer .credit{display:block;color:#657786}#nav-wrapper .footer .developer{color:#657786}}@media screen and (max-width:800px){#nav-wrapper .subs{display:flex;margin-left:24px;margin-top:10px}.Profile .widget-content{margin:0;max-width:100%}#nav-wrapper .subs a{font-size:11px;margin-right:10px;width:auto;height:auto;padding:7px 10px;margin-top:0;background-color:#657786;color:#fff;border-radius:20px}#nav-wrapper .subs svg{width:12px;height:12px;margin-right:3px;margin-top:-1px}#nav-wrapper .subs button{flex-grow:1;margin-top:0;width:auto;height:auto;padding:7px 10px;display:flex;align-items:center;justify-content:center;background-color:#657786;border-radius:20px;border:none;margin-right:23px;color:#fff;outline:0}#nav-wrapper li.footer a{font-size:11px;font-weight:400;color:#657786;display:inline-block;padding:0}#nav-wrapper .footer{display:block;margin-top:14px;margin-left:24px}#nav-wrapper .footer .social{display:flex;margin:7px 0}#nav-wrapper .footer .credit{display:block;color:#657786}#nav-wrapper .footer .developer{color:#657786}}.kotak9{fill:#fff;margin-top:-4px;display:none}@media screen and (max-width:800px){.kotak9{fill:#fff;margin-top:-4px;display:block}}.muter3{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.post-body pre{background-color:#fff;border:2px solid #1a73e8;border-radius:10px;padding:0;margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;position:relative;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.post-body pre code{color:#1a73e8;font-size:14px;max-height:300px;line-height:1.5em;display:block;background:0 0;border:none;padding:10px 15px;font-family:'source code pro',menlo,consolas,monaco,monospace;white-space:pre;overflow:auto;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}::-webkit-scrollbar{height:5px;width:3px}::-webkit-scrollbar-thumb{background:#0081ff}.widget12{animation:jagoanRing 5s 0s ease-in-out infinite;-webkit-animation:jagoanRing 5s 0s ease-in-out infinite}#commentsHolder{background-color:#fff;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;height:252px;padding:0;position:relative} /* komen style */ iframe#comment-editor{padding:15px 20px;border-radius:5px;width:calc(100% - 40px);background-color:#fff;} #comments .comment-replies .comment-thread .comment .avatar-image-container {margin-left: 0;} #comments .comments-content .icon.blog-author{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' fill='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;display:inline-block;margin-left:5px;height:16px;width:16px;vertical-align:-3px} @media only screen and (max-width: 480px){ .comments .comment-block {}} .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child { margin: 0 0 5px; border-top: 1px solid #ccc; padding: 15px 0 0; } #comments .comment-replies .comment-thread .comment .avatar-image-container img { width: 30px; height: 30px; } #comments .comment .thread-expanded .comment-block { margin-left: 40px; } .comments h3 { margin: 0 0 30px; width: 100%; cursor: default; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 48.34 4.99' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%231a73e8' points='27.36 0 48.34 0 45.48 4.99 24.5 4.99 27.36 0'%3E%3C/polygon%3E%3Cpolygon fill='%23657786' points='2.86 0 23.84 0 20.98 4.99 0 4.99 2.86 0'%3E%3C/polygon%3E%3C/svg%3E"); padding: 0; text-align: left; height: 6px; transition: all .5s ease; font-weight: 500; color: #1d2129; margin: 0; position: relative; } .comments h3 span { transition: all .5s ease; background: #ededed; padding-right: 10px; position: absolute; font-size: 17px; top: -8.5px; } .comments h3 span svg { vertical-align: -5px; margin-right: 5px; } #blog-pager-newer-link a::before { content: '\f053'; margin-right: 10px; font-family: FontAwesome; } #blog-pager-older-link a::after { content: '\f054'; margin-left: 10px; font-family: FontAwesome; } /* Animasi Circle Jagoandzgn */ .circles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;margin:0} .circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,0.07);animation:animate 45s linear infinite;bottom:-150px;z-index:0} .circles li:nth-child(1){left:25%;width:60px;height:60px;animation-delay:0s} .circles li:nth-child(2){left:10%;width:10px;height:10px;animation-delay:2s;animation-duration:12s} .circles li:nth-child(3){left:70%;width:10px;height:10px;animation-delay:4s} .circles li:nth-child(4){left:40%;width:40px;height:40px;animation-delay:0s;animation-duration:18s} .circles li:nth-child(5){left:65%;width:10px;height:10px;animation-delay:0s} .circles li:nth-child(6){left:75%;width:90px;height:90px;animation-delay:3s} .circles li:nth-child(7){left:35%;width:130px;height:130px;animation-delay:7s} .circles li:nth-child(8){left:50%;width:15px;height:15px;animation-delay:15s;animation-duration:45s} .circles li:nth-child(9){left:20%;width:5px;height:5px;animation-delay:2s;animation-duration:35s} .circles li:nth-child(10){left:85%;width:130px;height:130px;animation-delay:0s;animation-duration:11s} @keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}} .ignielSpoiler { display:block; margin:10px 0px; border:1px solid #1589E3; padding:7px 10px; border-radius:3px; -moz-border-radius:3px; } .ignielSpoiler .tombol { background:#1589E3; /* Warna tombol */ color:#fff; /* Warna tulisan di tombol */ display:inline-block; cursor:pointer; font:normal 600 14px Tahoma,sans-serif; padding:0px; border:none; outline:none; line-height:20px; border-radius:3px; -moz-border-radius:3px; } .ignielSpoiler .tombol:focus { pointer-events:none; } .ignielSpoiler .tombol:before { content:'Lihat Spoiler'; /* Tulisan untuk membuka tombol */ display:inline-block; padding:7px 10px; border-radius:3px; -moz-border-radius:3px; } .ignielSpoiler .tombol:focus::before { content:'Tutup Spoiler'; /* Tulisan untuk menutup tombol */ background:#cc0000; /* Warna tombol ketika spoiler terbuka */ } .ignielSpoiler .isi { background:#e4e4e4; /* Warna background isi spoiler */ pointer-events:auto; visibility:hidden; opacity:0; height:0px; transition:all .5s ease; } .ignielSpoiler .tombol:focus + .isi { visibility:visible; opacity:1; height:auto; margin:10px 0px 5px; padding:10px 15px; transition:all .5s ease; } ]]> >"; position: absolute; bottom: 18px; z-index: 999; right: 80px; color: #999; font-size: 12px; } body#layout #footer-container { padding-bottom: 20px; } body#layout #cssmenu { position: relative; height: 33px; display: block; padding: 20px; margin: 8px 0; width: 500px; font-size: 14px; color: #fff; background: #bbbbbb; font-weight: bold; float: right; border: 1px solid #8e8e8e; } body#layout #cssmenu ul, body#layout #footer-navmenu ul { display: none; } body#layout #cssmenu::after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 30px; left: 20px; visibility: visible; } body#layout .post-container { padding: 0 15px 0 0; } body#layout .sidebar-container { padding: 0 0 0 0; } body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 { display: none; } body#layout div.section { background: transparent; margin: 0px 0px 15px 0px; padding: 0px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body#layout .sidebar-sticky::before { content: "Widget Sidebar (Sticky)"; } body#layout .sidebar::before { content: "Widget Sidebar"; } body#layout .above-post-widget::before { content: "Widget di Atas Post (Hanya Homepage)"; } body#layout .Blog::before { content: "Posting Blog"; margin-bottom: 8px; } body#layout .bellow-header-widget::before { content: "Widget di Bawah Header/Menu Navigasi"; } body#layout #footer-widget-container::before { content: "Widget di Atas Footer"; } body#layout .sidebar-sticky::before, body#layout .sidebar::before, body#layout .above-post-widget::before, body#layout .Blog::before, body#layout .bellow-header-widget::before, body#layout #footer-widget-container::before { padding: 5px 10px; display: block; font-size: 14px; color: #fff; background: #bbbbbb; border: 1px solid #8e8e8e; font-weight: bold; } body#layout .add_widget, body#layout .widget-content { padding: 12px; } body#layout .add_widget a { margin-left: 0px; font-size: 14px; } body#layout div.layout-title { font-size: 14px; } body#layout div.layout-widget-description { font-size: 12px; } body#layout .editlink { color: #FFFFFF !important; background: #bbbbbb; border-radius: 15px; padding: 4px 6px; } body#layout #footer-wrapper { position: relative; background: #fff; height: 40px; border: 1px solid #ddd; } body#layout #footer-wrapper::after { content:"Footer"; color:#999; position:absolute; top:12px; } body#layout #footer-navmenu { position: relative; display: block; padding:0; font-size: 14px; color: #fff; background: #bbbbbb; border: 1px solid #8e8e8e; font-weight: bold; margin: 0 20px 8px; height: 50px; } body#layout #footer-navmenu::after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 17px; left: 20px; visibility: visible; } ]]> <script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d4993195400605158188\x26blogName\x3dJagoan+Magz\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://jamagz.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttp://jamagz.blogspot.com/\x26vt\x3d5359083708133191856', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>

Postingan Terbaru

 false #5b86e5 false Oleh true #36d1dc false true #575757 TextAndImage #ffffff pada tanggal false 1x1 true false false 1 false #ffffff false false
</div></div> <div class="date-outer"> <div class="date-posts">
</div></div>

 

BerandaHome &nbsp;›&nbsp; &nbsp;›&nbsp;
BerandaHome &nbsp;›&nbsp;

()

Edit
DitulisWritten By Tulis Komentar Komentar Add Comment 1 Comment Comments

Berlangganan update artikel terbaru via email: