@font-face {font-family: 'icomoon';font-style: normal;font-weight: normal;src:  local('icomoon'), local('icomoon'), url('font/icomoon.ttf');}
article, aside, footer, header, nav, section{display:block;}
body{margin: 0 auto;padding: 0;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#333;background: #000 url('') fixed;}
#wrap {
    width: 866px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 1px;
}
#container{width:866px;margin: 27px 0 0 0;padding: 0;background: #fff;}
#contents{float:right;width:541px;margin: 0px 0 0 0;padding: 10px 5px 5px 10px;}
#sidebar{float:left;width:300px;padding:5px;}
a:link, a:visited {color:#3f76d3;}
a:hover{color:#3f76d3;}
a{text-decoration: none;}
h1{font-size:16px;color:#444;font-family:Arial,Helvetica,sans-serif;font-weight:bold;padding-bottom:5px;margin:0px;}
h2{font-size:14px;margin:0px;font-weight:bold;padding-bottom:3px;}
h2 a:link, h2 a:visited {color:#444;}
h2 a:hover{text-decoration: none;}
h3{font-size:14px;margin:0px;}
p{line-height:24px;margin:0;padding:0;}
img, p img{height:auto;border:0;}
.aligncenter{clear:both;display:block;margin:5px auto}
#header{width: 100%;height: auto;text-align: left;clear: both;display:none;}
#header .logo{font-size: 16px;font-family: Arial;font-weight:bold;position: relative;}
#logo{position:relative;}
#logo img{
	position: absolute;
	top: 2px;
	z-index: 999;
	left: 10px;
	height: 25px;
}
#logo img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.header h1{font-size: 16px;font-family: Arial;font-weight:bold;}
.post{min-height:120px;text-align:justify;font-size:16px;border-bottom:1px dotted #ccc;margin-bottom:10px;clear:both;}
.post p, .post ul, .post ol, .post li{margin-bottom:1px;}
.postingan p, .postingan ul, .postingan ol, .postingan li{margin:10px 0;}
.post p::first-letter {padding:0 0 0 38px;}
.post ul{list-style-type:square;list-style-position:outside;margin:0 0 5px 25px;padding:0 5px}
.post table{text-align:left;margin: 0 auto;}
.post thead tr {background: #ccc;text-align: center;}
.post td {background: none repeat scroll 0 0 #FAFAFA; border-bottom: 1px solid #E3E3E3; padding: 5px 10px;line-height: 18px;}
.post td.daftar{background-color: #2C73AA;color: #FFF;font-size: 100%;font-weight: bold;text-align: left;padding: 5px 10px;}
.post td.list{color: #2C73AA; font-weight: bold;text-align: left;}
.post td.title {background: none repeat scroll 0 0 #F6F6F6; color: #2C73AA; font-size: 100%;font-weight: bold; width: 60px;}

.post table {margin: 0 auto;}
.post table{width:100%;border:1px solid #e9e9e9;margin:1.0em 0;border-collapse:collapse;border-spacing:0;}
.post table th{vertical-align:middle;text-align:center;font-size:14px;padding:3px 5px;border: 1px solid #000000;  -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);  background: #363636;color: #fff;font-weight: bold;}
.post table, th, td {border: 1px solid #F9F9F9;  -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);  margin: 0 auto;}
.post table tr:nth-child(odd){ background: #F9F9F9;}
.post table tr:nth-child(even){background: #fff;}
.post table tr:hover td{background-color:#F4F4F4;}

.postingan a {
	color: #3973cf;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
	padding-bottom: 1px;
	text-decoration: none;
}
.postingan a:visited {
	color: #3973cf;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
	padding-bottom: 1px;
	text-decoration: none;
}
.postingan a:hover {
	color: #f00;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
	padding-bottom: 1px;
	text-decoration: none;
	cursor: pointer;
}
.x a:hover {
	color: #3973cf;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
	padding-bottom: 1px;
	text-decoration: none;
	cursor: pointer;
	font-family: 'icomoon';
    background-image: url(images/lnk.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
}
img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
nav {font: bold 13px Arial, Sans-Serif;clear: both;position: relative;}
#nav{font: bold 12px Arial,Sans-Serif; text-transform: uppercase; clear: both; position: fixed; display: inline-block; top: 0px; margin-left: 0; margin-right: 0; width: 100%; max-width: 866px; z-index: 99999;}
#nav ul{border-top: 0px solid #f1f1f1; margin:0px 0px;padding:0px 0px 0px 100px;overflow: auto;background:#3973CF linear-gradient(to bottom, #3973CF, #020000);}
#nav li{list-style:none;margin:0px 0px;padding:0px 0px;float:left;display:inline;position:relative;background:#FFF linear-gradient(to left, #FFF, #FFF);border: solid #071458;}
#nav li::after {
    position: absolute;
    top: 25%;
    left: 100%;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #FFF;
    z-index: +99;
}
#nav li a{display:block;text-decoration:none;color:#3973CF;line-height:30px;padding:0px 6px;}
#nav li a:hover, a:visited {background:#F00 linear-gradient(to left, #F00, #000);color:#FFF;}
#nav li a:hover::after {
    position: absolute;
    top: 25%;
    left: 100%;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #F00;
    z-index: +99999;
}
#sidebar .box{padding-top: 5px;padding-bottom: 10px;}
#sidebar .box h4{
	border-bottom: 5px solid #3f76d3;
	color: #3f76d3;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding: 5px 0 5px 10px;
	text-align: center;
	background: #FFF linear-gradient(to right, #FFF, #FFF);
}
.highlight-title {
    width: 80%;
    padding: 7px 0 0 10px;
    text-align: left;
	font: normal normal normal 16px/1.4em Arial,sans-serif;
    color: #fff;
    background: #3973cf;
    position: relative;
	left: 19px;
    height: 26px;
    letter-spacing: .5px;
    text-transform: uppercase;
	margin-bottom: 10px;
}
.highlight-title::before {
	content: "";
	width: 0;
	border-top: 33px solid transparent;
	border-right: 16px solid #3973cf;
	left: -16px;
	position: absolute;
	top: 0;
}
.highlight-title::after {
	content: "";
	width: 0;
	border-bottom: 33px solid transparent;
	border-left: 16px solid #3973cf;
	right: -16px;
	position: absolute;
	top: 0;
}


.pattern-line {
    background: #08349b;
    padding: 1px 20px;
    width: calc(90% - 80px);
    position: relative;
    text-align: left;
    color: #ffffff;
	height: 28px;
}
.pattern-line .pattern {
    border-top-color: #08349b;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 30px solid #08349b;
    border-right: 12px solid transparent;
    left: 100%;
    display: inline-block;
    top: 0;
}
.pattern-line .pattern::before {
    width: 20px;
    left: calc(100% + 13px);
    background: #3973CF;
}
.pattern-line .pattern::after {
    width: 13px;
    background: #d20000;
    left: calc(100% + 37px);
}
.pattern-line .pattern::before, .pattern-line .pattern::after {
    content: "";
    height: 30px;
    position: absolute;
    bottom: 0;
    -ms-transform: skewX(-23deg);
    transform: skewX(-23deg);
}
.judul {
    font: normal normal normal 22px/1.3em Arial,sans-serif;
    text-transform: uppercase;
}
#sidebar a{color:#222;}
#sidebar a:hover{text-decoration: underline;}
#sidebar ul{list-style-type:none;margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;padding-top:0;padding-right:0px;padding-bottom:0;padding-left:0px;}
#sidebar ul li{padding:5px;}
#sidebar li {list-style: none;  line-height:22px; border-bottom:1px dotted #ccc; background:url(images/list.png) no-repeat scroll 2px 13px transparent;display:block;}
#sidebar li a{padding:0 0 0 6px}
.post-sidebar{margin-bottom:3px;text-align:justify;border:1px solid #F4F3F3;padding:3px;background-color:#FFF;min-height:45px;}
.post-sidebar h4{font-size:12px;margin:0px;margin-bottom:2px;margin-right:5px;font-weight:normal;line-height:22px;}
.post-sidebar h4 a{}
#breadchumb{background-color: #f4f4f4; margin-bottom: 10px; font-size: 12px; padding: 4px 10px; clear: both;}
#breadchumb a{color:#999;}
#post-navigator{padding:0px;clear:both;height:auto;width:100%;display:block;margin-top:1em;margin-right:auto;margin-bottom:1em;margin-left:auto;font-size:12px;}
.wp-pagenavi{width:100%;clear:both;padding-top:0.5em;padding-right:0px;padding-bottom:0.5em;padding-left:0px;height:auto;text-align:center;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;}
.pages{color:#666;width:auto;height:auto;border:1px solid #ddd;padding:4px 8px;margin: 0 2px;display:none;}
.current{font-weight: bold;color:#333;width:auto;height:auto;border:1px solid #ddd;padding:4px 8px;margin: 0 2px;background: none repeat scroll 0 0 #f5f5f5;}
.wp-pagenavi a{color: #333;height:auto;width:auto;padding:4px 8px;margin: 0 2px;display:inline;border:1px solid #ddd;background:#ddd;background:linear-gradient(bottom, #ddd, #fff);background:-moz-linear-gradient(bottom, #ddd, #fff);background:-webkit-linear-gradient(bottom, #ddd, #fff);}
.wp-pagenavi a:hover{border:1px solid #ddd;background:#f5f5f5;}
.related{margin-bottom:5px;clear:both;}
.rel{}
.relinfo{background:#F1F1F1;font-size:14px;font-weight: bold;color: #333;float:left;padding:5px 5px 5px 5px;margin:0 0 5px;}
.rel h2{background:#F1F1F1;font-size:14px;font-weight: bold;color: #333;padding:5px 5px 5px 5px;margin:0 0 5px;}
.rel h3{font-size:12px;font-weight:bold;}
.post-rel{margin-bottom:3px;text-align:left;border:1px solid #F4F3F3;padding:3px;font-size:13px;background-color:#FFF;min-height:45px;}
.thumb{width:140px;height:100px;float:left;text-align:left;margin-right:20px;margin-top:5px;margin-bottom:5px;padding:4px;border-left: 1px solid #f6f6f6;border-top: 1px solid #f6f6f6;-moz-box-shadow:2px 2px 2px rgba(1, 1, 1, 0.1);-webkit-box-shadow:2px 2px 2px rgba(1, 1, 1, 0.1);box-shadow:2px 2px 2px rgba(1, 1, 1, 0.1);}
.thumb img{width:130px;height:90px;padding:5px;}
.thumb2{width:60px;height:40px;float:left;text-align:left;border:1px solid #DDD;margin-right:10px;padding:3px;background-color:#FFF;box-shadow: 1px 1px 3px rgba(1, 1, 1, 0.1);}
.thumb2 img{width:56px;height:36px;padding:2px;}
#footer{width:866px;height:auto;background:#FFF linear-gradient(to bottom, #FFF, #FFF);color:#3f76d3;border-top: 1px solid #3f76d3;text-align:center;font-size:12px;padding-top:7px;padding-bottom:7px;margin:0 auto;}
#footer a:link,#footer a:visited{color:#3f76d3;}
#footer a:hover{color:#C5467D;}
.ads{font-size: 11px; margin-bottom: 5px;}
.adsheader{text-align:center;padding-top:0px;clear:both;}
.adstop{text-align:left;margin-top:10px;margin-bottom:10px;clear:both;}
.adsbottom{text-align:left;margin-top:10px;margin-bottom:10px;clear:both;}
.adssidebar{text-align:left;clear:both;}
.share{width:100%;text-align:left;margin-bottom:10px;}
.share a:link, .share a:hover, .share a:visited {color: #FFF;}
.sharepost{background: #f9f9f9; border: 1px solid #eee;padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold;line-height: 20px; margin-right:15px;}
.shareFB{color: #fff; background: #3b5998; border: 1px solid #313c7d; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold;line-height: 20px; margin-right:15px;}
.shareTwitter{color: #fff; background: #4099FF; border: 1px solid #3a8be8; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; margin-right:15px;}
.shareGooglePlus{color: #fff; background: #c0361a; border: 1px solid #9c2c15; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px;}
#sosmed{max-width:100%;height:auto;}
.gplusone{max-width:100%;height:auto; background: #f6ece9;padding: 10px 0 5px 10px;border:1px solid #DCDCDC;}
.twitter{max-width:100%;height:auto; background: #DBECF4;padding: 10px 0 10px 10px;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;}
.fb{max-width:100%;height:auto;background: #ECEEF5;padding: 10px 0 10px 10px;border:1px solid #DCDCDC;}
.next{width:100%;text-align:center;margin-bottom:10px;}
.onnext{background: none repeat scroll 0 0 #FF0000;color: #FFFFFF;border-radius: 2px 2px 2px 2px;padding: 4px 6px;font-size: 12px; font-weight: bold;line-height: 20px; margin-right:15px;}
.nextpage{background: none repeat scroll 0 0 #FF0000;color: #FFFFFF;border-radius: 2px 2px 2px 2px;padding: 4px 6px;font-size: 12px; font-weight: bold;line-height: 20px;}
.nextpage a {background: none repeat scroll 0 0 #DC0000;padding: 4px 10px;text-decoration: none;}
.nextpage a:link, .nextpage a:visited{color: #FFFFFF; text-decoration:none;}
.nextpage a:hover{background: none repeat scroll 0 0 #FF0000;color: #333333; text-decoration:none;}
.linkhome{ background:#AA4C06 linear-gradient(to bottom, #AA4C06, #FFCD00);color: #FFF !important; }
blockquote {
	display: block;
	position: relative;
	background-color: #333;
	color: #FFF;
	border-radius: 4px;
	margin: 1.75em 0;
	padding: 10px 15px
}
blockquote:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 25px;
	border: 17px solid transparent;
	border-color: transparent transparent #333;
}
blockquote a {
	color: #1474A6;
}
blockquote p {
  display: inline;
}
.bca,.mandiri,.bni,.bri,.bii,.cimb,.danamon,.panin,.permata,.bank-btn,.muamalat{background-image:url(images/bank.png);background-repeat:no-repeat;height:30px;width:100%;max-width:230px;box-sizing:border-box;margin:5px 0;padding-left:75px;word-wrap:break-word;float:left;font-weight:bold}.bca{background-position:0 -7px}.mandiri{background-position:0 -60px}.bni{background-position:0 -110px}.bri{background-position:0 -160px}.bii{background-position:0 -210px}.cimb{background-position:0 -260px}.danamon{background-position:0 -310px}.panin{background-position:0 -360px}.permata{background-position:0 -410px}.bank-btn{background-position:0 -460px}.muamalat{background-position:0 -510px}
.setengah li {
    float: left;
    width: 45%;
}
.kontakheader{
	position: absolute;
	right: 20px;
	color: #000;
	padding: 5px;
	font-weight: normal;
	display: block;
	font-size: 18px;
	top: -1px;
	text-shadow: 4px 4px 4px #000;
    -webkit-text-stroke: 1px #fff;
}
.kontakheader a{
	color:#FFF;
}
.normal{
	padding: 0px;background: #33560D;
}
/* Menu When Scroll */
.fixed {
	position: fixed;
	top: 0px;
	width: 100%;
	max-width: 866px;
	z-index: 99999;
}
.fixed ul{
	margin: 0 auto;
}
@media (max-width:800px){
#wrap{width: auto;} 
#container{width:100%;}
#contents{width: auto;padding:10px 5px 5px 5px;float:none;}  
#sidebar{width: auto;padding:5px;float:none;}  
#footer{width:100%;}
}
@media (max-width:600px){
#wrap{width: auto;padding:0px;} 
#breadchumb{display:none;} 
#contents{width: auto;padding:10px 5px 5px 5px;float:none;} 
#sidebar{width: auto;padding:5px;float:none;} 
#footer{width: 100%;} 
.twitter, .fb{display:none;} 
.button{padding:3px;margin:2px;width:60px;} 
}
@media screen and (max-width:320px){
#wrap{width: auto;padding:0px;} 
#nav li a{padding:0px 14px;} 
#breadchumb{display:none;} 
#contents{width: auto;padding:10px 5px 5px 5px;float:none;} 
#sidebar{width: auto;padding:5px;float:none;} 
#footer{width: 100%;} 
.twitter, .fb{display:none;} 
.sharepost, .shareFB, .shareTwitter{padding: 2px; font-size: 90%; margin-right:5px;} 
.shareGooglePlus{padding: 2px; font-size: 90%;}
.post td{width:auto; padding: 0px 0px; font-size: 90%;} 
.post td.daftar{width:auto; padding: 0px 0px; font-size: 90%;} 
.post td.list{width:auto; font-size: 90%;} 
.post td.title{width:auto; padding-left: 1px; font-size: 90%;} 
.spek{width:auto;max-width: 100%; padding: 1px 1px} 
.harga{width:auto;max-width: 100%; padding: 1px 1px} 
.button{padding:3px;margin:2px;width:60px;} 
}
figure.image {
	display: inline-block;
	border: 1px solid whitesmoke;
	margin: 0 2px 0 1px;
	background: #f9f9f9;
}
figure.align-left {
    float: left;
}
figure.align-right {
    float: right;
}
figure.image img {
    margin: 8px 8px 0 8px;
}
figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
}
.img-responsive {
    margin: 0 auto;
}
.noselect{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;    
}
#stream{position:relative;padding-bottom:60%;height:0;overflow:hidden;}
#stream iframe,#stream embed,#stream object{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border:0px;}
.ss-ic {padding-bottom:0px;}
.ss-ic ul {margin: 0px;}
.ss-ic ul li{font-family: 'icomoon';list-style-type:none;display:inline-block;}
.ss-ic li a{color: #fff;padding: 5px;border-radius: 3px;margin: 0px 10px 10px 0px;display: inline-block;}
.ss-ic ul li .s_fb{	color:#fff;background:#3b5998;}
.s_fb:after{content: "\e92d";}
.s_tw{background:#1da1f2;}
.s_tw:after{content: "\e942";}
.s_gp{background:#dd4b39;}
.s_gp:after{content: "\e931";}
.s_lk{background:#0077b5;}
.s_lk:after{content: "\e934";}
.s_pt{background:#bd081c;}
.s_pt:after{content:"\e937";}
.s_em{background:#b7b7b7;}
.s_em:after{content: "\e930";}
.s_wp{background:#075e54;}
.s_wp:after{content: "\e946";}
.s_stk{background: #f1f1f1;display:inline-block;width: 100%;padding:0;position:fixed;bottom: -3px;text-align: center;border: 0;z-index:+999;margin-left: -10px;}
.s_stk ul{width:100%;display:inline-flex;}
.s_stk ul li{flex-direction: column;flex-basis: 0;flex: 1 0 5%;max-width: calc(100% - 10px);display: flex;}
.s_stk li a{margin:0;border-radius: 0;padding:12px;}
.rr {margin-bottom: 30px;display: inline-block;}
.ss-ic hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.bigfont{
	font: normal normal normal 30px/1.4em Anton, Arial Narrow,sans-serif;
	line-height: 1.4em;
	color: #3f76d3;
}
.clear {clear: both;}
.kategori{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	padding: 4px 8px;
	color: #fff !important;
	background: #FF0000;
	text-decoration: none !important;
	font-size: 14px !important;
	line-height: 100% !important;
	width: fit-content;
	max-width: 150px;
}
.kategori::after{
    position: absolute;
    top: 25%;
    left: 100%;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #FF0000;
    z-index: +99;
}