/*
Lotek Style (campur aduk seperti makanan lotek dan karena aku suka lotek! ;D)
Name : Maw Mblusuk? Lotek
Author : Wihikan Mawi Wijnasubmit
URL : http://mblusuk.com/
Date : Desember 2014 (rilis pertama)
*/
* {
    margin: 0;
    padding: 0
}
body {
    font-size: 14px;
    font-family: Roboto, Noto, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #000;
    line-height: 25px;
    background: url(../gambar/12g/back2017.jpg) top center no-repeat fixed #F6F6F6;
}
body,
html {
    height: 100%
}
code {
    color: red
}
img {
    border: 0
}
select {
    width: 170px
}
abbr,
acronym {
    text-decoration: none;
    background-color: #FF9;
    border: none
}
#shareIcons {
	margin-bottom: 40px;
}
#shareIcons a {
	color: #FFF;
}
.clear {
    clear: both
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.bg-color-1 {
    background: #FFF
}
.bg-color-2 {
    background: #000;
    background: rgba(0, 10, 8, .5)
}
.bg-color-3 {
    background: 0 0
}
.bg-color-4 {
    background: #600
}
.bg-color-5 {
    background: #600;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#C62828), to(#600));
    background: -moz-linear-gradient(top, #C62828, #600);
    background: -webkit-linear-gradient(top, #C62828, #600);
    background: -ms-linear-gradient(top, #C62828, #600);
    background: -o-linear-gradient(top, #C62828, #600)
}
pre {
    width: 96%;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    white-space: pre-wrap;
    background-color: #E2E2E2;
    padding: 2%;
}
.border-rounded-left {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px
}
a:link,
a:visited {
    text-decoration: none;
    color: #000
}
a:hover {
    text-decoration: underline;
    color: #C62828
}
.mg-f-label1 {
	font-size: 13px;
	padding: 2% 0;
}
.mg-f-label2 {
	display: block;
}
.mg-f-button1 {
    color: #FFF;
    font-weight: 700;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
	border: none;
}
.mg-f-button1:hover {
    cursor: pointer
}
.mg-f-button2 {
	background: url(../gambar/12g/ic_search_white_1x_web_24dp.png) 3px no-repeat #FFD600;
	width: 30px;
	height: 30px;
	position: relative;
	float: left;
}
.mg-f-button2:hover {
	background: url(../gambar/12g/ic_search_white_1x_web_24dp.png) 3px no-repeat #FFAB00;
}
.mg-f-button3 {
	background: #FFD600;
	color: #000;
	height: 30px;
	text-transform: uppercase;
	padding: 0 10px 0 10px;
}
.mg-f-button3:hover {
	background: #FFAB00;
}
.mg-f-text1 {
    border: 1px solid #CCC;
	padding: 5px;
}
.mg-f-text2 {
    border: 1px solid #CCC;
	height: 20px;
	vertical-align: bottom;
	float: left;
}
.mg-f-text3 {
    width: 80%; padding: 5%;
}
.mg-f-text4 {
    width: 90%; padding: 5%;
}
.mg-f-area1 {
    border: 1px solid #CCC;
	padding: 5px;
	resize: none;
	font-size: 14px;
    font-family: Roboto, Noto, sans-serif;
    font-weight: 400;
}
.mg-f-area2 {
	display: block;
	width: 96%; height: 60px; padding: 2%;
}
.mg-f-check1 {
	height: 20px; width: 20px; float: left; margin-right: 10px;
}
.mb-a-wrap0 {
    margin: 0 auto;
    width: 100%;
    background: #666
}
.mb-a-wrap {
    margin: 0 auto;
    width: 960px;
    background: 0 0
}
.mb-b-kiri {
    width: 630px;
    margin-right: 10px;
    float: left;
    position: relative;
}
.mb-b-kana {
    width: 310px;
    margin-left: 10px;
    float: right;
    position: relative;
    background: green
}
.mb-b-head {
    width: 100%;
    border: 0 solid #000
}
.mb-b-head a {
    text-decoration: none;
}
#header_bannerarea_menuarea,
#header_bannerarea_searcharea input.button {
    color: #FFF;
    background: #600;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#C62828), to(#600));
    background: -moz-linear-gradient(top, #C62828, #600);
    background: -webkit-linear-gradient(top, #C62828, #600);
    background: -ms-linear-gradient(top, #C62828, #600);
    background: -o-linear-gradient(top, #C62828, #600)
}
.mb-b-banner {
    margin: 0;
    text-align: center;
    padding: 10px 0;
}
.mc-i-banner {}.mb-b-menu {
    margin: 0;
    padding: 0;
    float: right
}
.mb-b-menu ul {
    padding: 0;
    margin: 30px 0 0;
    list-style-type: none
}
.mb-b-menu select {
    width: 100%;
    height: 30px;
    font-size: 22px;
    display: none
}
.mb-b-menu li {
    position: relative;
    float: left;
    border-left: 0 solid #666
}
.mb-b-menu li a {
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    font-size: 19px;
    text-align: center;
    padding: 5px 12px;
    text-shadow: 1px 1px 1px #999;
    margin-bottom: 5px
}
.mb-b-menu li:last-child {
    border-right: 0 solid #666
}
.mb-b-menu li a:hover {
    margin-bottom: 0;
    border-bottom: 5px solid #C62828;
    border-top: 0 solid #C62828;
    color: #C62828;
    text-shadow: none
}
.mb-b-social {
    margin: 0;
    padding: 0;
    float: right
}
.mb-b-social ul {
    padding: 0;
    margin: 10px 0 0;
    list-style-type: none
}
.mb-b-social li {
    position: relative;
    float: left;
    margin-right: 10px
}
.mb-b-social li:last-child {
    margin-right: 0
}
.mb-c-art1 {
    border: 1px solid #CCC;
    margin-bottom: 20px;
    background-color: #FFF;
}
.mb-c-art1 img {
    width: 240px;
    display: block;
    float: left;
    position: relative;
}
.mb-c-art1 img:hover {
    opacity: .8
}
.mb-c-art1-t1 {
    padding: 5px 15px 5px 15px;
    float: left;
    position: relative;
    width: 358px;
}
.mb-c-art1 h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}
.mc-p-dat1 {
    float: left;
    position: relative;
    color: #B71C1C;
    vertical-align: top;
}
.mc-p-kom1 {
    float: right;
    position: relative;
    margin-top: 10px;
    background: #000;
    padding: 3px;
    color: #FFF;
    font-size: 11px;
    width: 75px;
    text-align: center
}
.mc-p-sin1 {
    margin-top: 10px;
    font-size: 12px;
    font-style: italic;
    color: #666;
    line-height: 18px;
}
.mb-c-art2-bb {
    border-bottom: 1px solid #CCC
}
.mb-c-art2 {
    width: 209px;
    float: left;
    position: relative;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 300px
}
.mb-c-art2 img {
    width: 100%;
    display: block;
    float: left;
    position: relative;
}
.mb-c-art2 img:hover {
    opacity: .8
}
.mb-c-art2 h3 {
    text-align: center;
    font-weight: 400
}
.mb-c-art2-t1 {
    padding: 5px;
    float: left;
    position: relative;
    width: 200px;
    margin: 0 auto;
    text-align: center
}
.mc-p-dat2 {
    color: #C62828;
    font-style: italic;
    vertical-align: top;
    margin-top: 10px
}
.mc-p-kom2 {
    margin: 10px auto 0;
    background: #000;
    padding: 3px;
    color: #FFF;
    font-size: 11px;
    width: 75px
}
.mb-c-art3 {
    width: 209px;
    height: 200px;
    float: left;
    position: relative;
    border-right: 1px solid #CCC;
    background: #C62828;
    color: #FFF;
    border-bottom: 1px solid #CCC
}
.mb-c-art3 p {
    font-size: 12px;
    font-style: italic;
    padding: 5px;
    text-align: center
}
.mb-c-art3 h3 {
    text-align: center;
    color: #ff0;
    padding: 5px
}
.mb-c-art3 h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase
}
.mb-c-art3 img {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    width: 150px;
    height: 100px
}
.mb-c-art3 img:hover {
    opacity: .8
}
.mb-c-art3 a {
    color: #ff0;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    display: block
}
.mb-c-art3 a:hover {
    text-decoration: underline
}
.mb-c-art4 {
    width: 209px;
    height: 260px;
    float: left;
    position: relative;
    border-right: 1px solid #CCC;
    background: #FFF;
    color: #000;
    border-bottom: 1px solid #CCC;
    text-align: center
}
.mb-c-art4 img {
    width: 70%
}
.mb-c-art4 p {
    font-size: 13px;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px
}
.mb-c-art4 h3 {
    text-align: center;
    font-size: 26px;
    color: #C62828;
    padding: 5px;
    font-weight: 400
}
.mb-c-art4 h4 {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase
}
.mb-c-art4 a {
    font-weight: 700;
    text-decoration: none
}
.mb-c-art4 a:hover {
    text-decoration: underline
}
.mb-c-art5 {
    width: 419px;
    height: 260px;
    float: left;
    position: relative;
    border-right: 1px solid #CCC;
    background: #C62828;
    color: #FFF;
    border-bottom: 1px solid #CCC;
    overflow-y: scroll
}
.mb-c-art5 p {
    font-size: 12px;
    font-style: italic;
    padding: 5px
}
.mb-c-art5 h3 {
    text-align: left;
    color: #ff0;
    padding: 10px 5px 0;
    border-top: 1px solid #a92b18
}
.mb-c-art5 h3:first-child {
    border-top: none
}
.mb-c-art5 h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase
}
.mb-c-art5 a {
    color: #ff0;
    text-decoration: none;
    font-weight: 400;
    margin-bottom: 10px;
    display: block
}
.mb-c-vas1 {
    float: left;
    width: 419px;
    height: 150px;
    position: relative;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}
.mb-c-sta1 {
    float: left;
    width: 209px;
    height: 150px;
    position: relative;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}
.mb-g-widget {
    display: block;
    background: #FFF;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #CCC;
}
.mb-g-widget h3 {
    text-transform: uppercase;
    color: #C62828;
    font-size: 26px;
    margin-bottom: 20px
}
.mb-g-widget h4 {
    text-transform: uppercase;
    color: #C62828;
    font-size: 22px;
    margin-bottom: 5px
}
.mb-g-widget2 {
    display: block;
    background: #C62828;
    margin-bottom: 10px;
    padding: 10px
}
.mb-g-widget2 h3 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 26px;
    margin-bottom: 20px
}
.mb-g-widget2 h4 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 22px;
    margin-bottom: 20px
}
.mb-g-widget2 p {
    color: #FFF
}
.mb-s-menu3 em, .mb-s-menu3 strong {
	color:#FFFF00;
}
.mb-s-menu3  p {
	margin-bottom: 10px;
}
.mb-s-menu4 {
	display: table;
	width: 100%;
	margin-top: 20px;
}
.mb-s-menu4 a {
	display: table-cell;
	text-align: center;
	color: #FFD600;
	font-weight: 700;
}

.mb-d-t1 {
    float: left;
    width: 60%;
    font-weight: 700;
    color: #FFF;
    text-align: center
}
.mb-d-t2 {
    float: left;
    width: 40%;
    font-weight: 700;
    color: #FFF;
    text-align: center
}
.mb-d-d2 {
    font-size: 30pt;
    color: #FFF
}
.mc-l-top1 li {
    margin-left: 20px;
    padding: 5px;
    border-bottom: 1px solid #e2e2e2
}
.mc-l-top1 li:last-child {
    border-bottom: none
}
.mc-l-top1 a {
    text-decoration: none;
    color: #000;
    font-weight: 700
}
.mc-l-top1 a:hover {
    text-decoration: underline;
    color: #C62828
}
.mb-c-sta1 h3 {
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-size: 26px;
    color: #C62828;
    padding: 5px
}
.mb-d-sta1 {
    float: left;
    width: 50%;
    position: relative
}
.mb-d-sta1 h4 {
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-size: 19px;
    color: #000;
    padding: 5px
}
.mb-d-sta1 p {
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-size: 28pt;
    color: #C62828;
    padding: 5px
}
.mb-l-red {
    background: #C62828
}
.mb-l-wht {
    background: #FFF
}
.mb-c-keylink {
    float: left;
    padding: 3px;
    background: #8a2527;
    border: 1px solid #7b161d;
    border-top: 1px solid #983332;
    border-left: 1px solid #983332;
    color: #FFF;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 1em;
    text-transform: uppercase;
}
.mb-c-keylink:link,
.mb-c-keylink:visited {
    color: #FFF
}
.mb-c-keylink:hover {
    background: #FF0;
    color: #000
}
.mb-g-pag{
	text-align: center;
	margin: 0 auto;
	padding: 10px;
}
a.mb-s-button1 {
	text-align: center;
	background: #FFD600;
	padding: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
	font-weight: 700;
}
a.mb-s-button1:hover {
	background: #FFAB00;
	text-decoration: none;
	color: #000;
}

@media screen and (max-width: 767px) {
    iframe {
		
	}
	.mb-a-wrap {
        width: 100%
    }
    .mb-b-kiri {
        width: 100%;
        margin: 0;
    }
    .mb-b-kana {
        width: 100%;
        margin-left: 0;
        float: none;
        display: block;
        background: 0 0
    }
    .mb-b-head img.mc-i-banner,
    .mb-b-kiri img {
        width: 100%
    }
    .mb-b-banner {
        float: none;
        position: static
    }
    .mb-b-menu {
        display: block;
        float: none;
        position: static
    }
    .mb-b-menu li {
        float: left;
        width: 25%
    }
    .mb-b-menu li a {
        padding: 0
    }
    .mb-b-menu li a:hover {
        background: #C62828;
        color: #FFF
    }
    .mb-c-art1-t1 {
        width: 100%;
        margin: 0;
        float: none;
        padding: 0;
        display: block;
    }
    .mb-c-art1 img {
        float: none;
    }
    .mb-c-art1-t1 h2 {
        margin: 3%;
    }
    .mc-p-dat1 {
        margin: 0 3%;
    }
    .mc-p-sin1 {
        padding: 3%;
        margin-top: 0;
    }
    .mb-c-art3,
    .mb-c-art4,
    .mb-c-art5 {
        display: none!important
    }
    .mb-c-art2,
    .mb-c-art2 img,
    .mb-c-art2-t1 {
        width: 90%
    }
    .mb-b-social,
    .mb-c-sta1,
    .mb-c-vas1,
    .mb-s-hide100,
    .mb-s-hide110 {
        display: none!important
    }
    .mb-s-que101 {
        display: block
    }
    .mb-s-que101 input[type=text] {
        width: 70%
    }
    .mb-c-art2 {
        height: auto;
        padding-bottom: 10%;
        /*XXX*/
    }
	.mp-c-fs5i .please {
		width: 70%;
	}
}
@media (min-width: 768px) {
    .mb-a-wrap {
        width: 630px
    }
    .mb-b-kiri {
        width: 100%;
        margin-right: 0;
        float: none;
        display: block;
    }
    .mb-b-kana {
        width: 100%;
        margin-left: 0;
        float: none;
        display: block;
        background: 0 0
    }
    .mb-b-menu,
    .mb-b-social {
        display: block;
        float: none;
        position: static
    }
    .mb-s-hide110 {
        display: none
    }
    .mb-c-art2 {
        background: #FFF
    }
    .mb-c-sta1,
    .mb-c-vas1 {
        display: none
    }
    .mb-s-que101 {
        width: 30%;
        float: left;
        position: relative;
        overflow-y: scroll;
        height: 150px;
        overflow-x: hidden
    }
    .mb-s-que101 input[type=text] {
        width: 100px
    }
    .c-ktd1 {
        display: none
    }
    .c-ktd2 {
        display: block
    }
}
@media (min-width: 992px) {
    .mb-a-wrap {
        margin: 0 auto;
        width: 960px
    }
    .mb-b-kiri {
        width: 630px;
        margin-right: 10px;
        float: left;
        position: relative;
    }
    .mb-b-kana {
        width: 310px;
        margin-left: 10px;
        float: right;
        position: relative;
        background: 0 0
    }
    .mb-b-menu,
    .mb-b-social {
        margin: 0;
        padding: 0;
        float: right
    }
    .mb-s-hide110 {
        display: block
    }
    .mb-c-sta1,
    .mb-c-vas1 {
        display: inherit
    }
    .mb-s-que101 {
        width: auto;
        float: none;
        position: relative;
        overflow-y: hidden;
        height: auto;
        overflow-x: hidden
    }
    .mb-s-que101 input[type=text] {
        width: 70%
    }
    .c-ktd2 {
        display: none
    }
    .c-ktd1 {
        display: block
    }
}
.smalltype {
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 11px;
    color: #666
}
.smalltype a {
    color: #633
}
.smalltype_normal {
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 11px
}
.smalltype_red {
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 11px;
    color: red
}
.boldblue2 {
    color: #999;
    font-weight: 700;
    font-size: 11pt
}
.small8 {
    font-size: 11px
}
.numpages {
    position: relative;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background-color: #CCC;
    text-align: center;
    margin-left: 5px;
    color: #FFF
}
.box-warning {
    font-size: 12px;
    text-align: justify;
    color: red;
    background-color: #FFF
}
.box-warning strong {
    padding: 5px;
    background-color: #D32F2F;
    color: #FF0;
    width: 100%;
    text-transform: uppercase
}
.box-warning .textr {
    padding: 5px;
    border: 1px solid #D32F2F;
    background-color: #D32F2F;
    color: #FFF
}
.paperzero-content {
    padding: 15px;
    background: #FFF;
    border: 1px solid #CCC;
}
.keywordlist-content {
    margin-top: 20px;
}
.keywordlist-content ul {
    list-style-type: none;
}
.keywordlist-content ul li {
    position: relative;
    float: left;
    font-size: 13px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.keywordlist-content ul li a {
    padding: 2px 4px 2px 4px;
	background: #FC0;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    border: 1px solid #f0bf00;
    border-left: 1px solid #ffdb23;
    border-top: 1px solid #ffdb23;
}
.keywordlist-content h3 {
    text-align: center;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 20px;
}
.relatedarticle-content {
    margin-top: 20px;
}
.relatedarticle-content ul {
    list-style-type: none;
}
.relatedarticle-content ul li {
    position: relative;
    float: left;
    font-size: 13px;
	width: 16%;
	padding: 0;
	text-align: center;
	padding: 2%;
}
.relatedarticle-content ul li a {
	text-align: center;
	font-weight: bold;
}
.relatedarticle-content h3 {
    text-align: center;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 20px;
}
.blog-content {
    text-align: justify;
}
.blog-content a {
    background: #FC0;
    font-weight: 400;
    padding: 2px;
    color: #000;
    text-decoration: none;
    border: 1px solid #f0bf00;
    border-left: 1px solid #ffdb23;
    border-top: 1px solid #ffdb23;
	word-wrap: break-word;
}
.blog-content a:hover {
    background: #d2a400
}
.blog-content a[href$=gif],
.blog-content a[href$=jpe],
.blog-content a[href$=jpeg],
.blog-content a[href$=jpg],
.blog-content a[href$=png],
.blog-content a[href*=embed],
.blog-content a[href*=flickr],
.blog-content a[href*=imgur],
.blog-content a[href*=picasa],
.blog-content a[href*=viewfoto],
.blog-content a[name*=anchormaw] {
    text-decoration: none;
    border: 0;
    background: 0 0
}
.blog-content ol,
.blog-content ul {
    padding: 0 20px
}
.blog-content ol.maw li,
.blog-content ul.maw li {
    margin-bottom: 10px
}
.blog-content ol li,
.blog-content ul li {
    text-align: left;
    padding-left: 10px;
    margin-bottom: 2%;
}
.datepublished-content {
    margin-bottom: 5%;
    font-style: italic;
    font-size: 0.9em;
}
.datepublished-content img {
    vertical-align: middle;
    margin-right: 10px;
}
.blog-content .artikelterkait a {
    color: #333
}
.title-content h1 {
    color: #424242;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
    padding: 0 20px 0 20px;
    margin-bottom: 45px;
}
.title-content h1 a {
    background: none;
    border: none;
    color: #424242;
}
.title-content h1 a:hover {
    color: #212121;
    text-decoration: none;
}
.datepublished-content {
    padding: 15px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 45px;
    font-size: 12px;
}
.blog-content .maw-translate {
    /*font-size: 0.8em;*/
    color: #008080;
}
.blog-content .boldblue,
.blog-content h2 {
    font-size: 34px;
    font-weight: 700;
    text-align: left;
    color: #424242;
    line-height: 1.25em;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #E0E0E0;
}
.blog-content h3.proper {
    font-size: 12pt;
    text-align: left;
    margin-bottom: 1%;
    margin-top: 2%;
    text-shadow: 1px 1px 2px #CCC;
    color: #000;
    padding-bottom: 2px
}
.blog-content h3.proper-center {
    font-size: 12pt;
    text-align: center;
    margin-bottom: 1%;
    margin-top: 2%;
    text-shadow: 1px 1px 2px #CCC;
    color: #000;
    padding-bottom: 2px
}
.blog-content h6 {
    font-size: 11px;
    font-weight: 400;
    text-align: left
}
.blog-content .hashtaghigh {
    color: #6200EA;
    font-weight: bold;
    font-style: italic;
}
.blog-content p.ppspace1 {
    margin-bottom: 1.6%;
}
.blog-content .blog-tipsfoto {
    background: #4d4d83;
    padding: 10px;
    color: #FC0;
    border: 2px solid #5a5a91;
    border-bottom: 2px solid #414277;
    border-right: 2px solid #414277
}
.blog-content .blog-tipsfoto:hover {
    background: #55558c
}
.blog-content .blog-tipsfoto h3 {
    padding: 4px 0 12px 42px;
    background: url(../gambar/10red/blog-fototips.png) no-repeat;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #5a5a91;
    font-size: 22px
}
.blog-content .blog-kliping {
    background: #F2F2F2;
    padding: 10px;
    color: #000;
    font-size: 12px;
    border: 2px solid #FFF;
    border-bottom: 2px solid #CCC;
    border-right: 2px solid #CCC
}
.blog-content .blog-kliping:hover {
    background: #e2e2e2
}
.blog-content .blog-kliping h3 {
    padding: 4px 0 12px 42px;
    background: url(../gambar/10red/blog-kliping.png) no-repeat;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    font-size: 22px
}
.blog-content .blog-map {
    background: url(../gambar/10red/blog-mapcr.png) #F2F2F2;
    padding: 10px;
    color: #000;
    font-size: 12px;
    border: 2px solid #FFF;
    border-bottom: 2px solid #CCC;
    border-right: 2px solid #CCC
}
.blog-content .blog-map:hover {
    background: url(../gambar/10red/blog-mapcr.png) #e8e8e8
}
.blog-content .blog-map h3 {
    padding: 4px 0 12px 42px;
    background: url(../gambar/10red/blog-map.png) no-repeat;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    font-size: 22px
}
.blog-content .blog-quote {
    background: url(../gambar/10red/blog-quote.png) no-repeat #ffc;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-style: italic;
    border: 2px solid #FFF;
    border-bottom: 2px solid #f2f3cd;
    border-right: 2px solid #f2f3cd
}
.blog-content .blog-quote:hover {
    background: url(../gambar/10red/blog-quote2.png) bottom right no-repeat #ffc
}
.blog-content table.tabelaja {
    border-collapse: collapse;
    border: 1px solid #CCC;
    margin: 0 auto
}
.blog-content table.tabelaja td {
    border: 1px solid #CCC;
    padding: 5px;
    line-height: 145%
}
.blog-content table.tabelaja th {
    border: 1px solid #CCC;
    padding: 5px;
    line-height: 145%;
    background-color: #EEE;
}
.blog-content table.tabelaja tr.warna {
    background-color: #F2F2F2
}
.blog-content ol.daftar-link li a {
    border: 0;
    background: 0 0;
    color: #000;
    text-decoration: none;
    font-weight: 700
}
.blog-content ol.daftar-link li {
    margin-bottom: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 5px
}
.blog-content ol.daftar-link li a:hover {
    color: #C00
}
.blog-content ol.daftar-link li.row-ls {
    border-bottom: 0 none;
    margin-bottom: 20px
}
.blog-content ol.daftar-link li.row-e {
    background: #F2F2F2
}
.blog-content hr,
hr.thinner {
    border: 0 solid #FFF;
    border-top: 0 solid #CCC;
    border-bottom: 1px solid #CCC
}
.blog-content .maw-kait h2 {
    font-size: 24pt;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px;
    text-shadow: none;
    color: #ff0;
    background: #C62828;
    border-bottom: 0 solid #ccc;
    width: 325px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px
}
.blog-content .maw-kait ul {
    background: #C62828;
    color: #000;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px
}
.blog-content .maw-kait ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 105px;
    height: 155px;
	overflow: hidden;
    float: left;
    position: relative;
    text-align: center
}
.blog-content .maw-kait ul li a {
    color: #FFF;
    text-decoration: none;
    border: 0;
    background: 0 0;
    font-weight: 700
}
.blog-content .maw-kait ul li a:hover {
    color: #FFF;
    text-decoration: underline
}
.blog-content .maw-kait ul li.clk-1 {
    width: 535px;
    font-size: 13px;
}
.blog-content .maw-kait ul li.clk-2 {
    width: 265px;
    font-size: 13px;
}
.blog-content .maw-kait ul li.clk-3 {
    width: 180px;
    font-size: 13px;
}
@media screen and (max-width: 767px) {
	.relatedarticle-content ul {
		list-style-type: circle;
	}
	.relatedarticle-content ul li {
		float: none;
		width: 100%;
		padding: 0;
	}
	.relatedarticle-content ul li img {
		display: none;
	}
    .blog-content .maw-kait {
        width: 100%;
        background: #C62828
    }
    .blog-content .maw-kait h2 {
        text-align: center;
        background: 0 0;
        width: 90%;
        line-height: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0
    }
    .blog-content .maw-kait ul {
        background: 0 0;
        color: #000;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-topright: 0
    }
    .blog-content .maw-kait ul li {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        float: none;
        position: relative;
        text-align: center
    }
    .blog-content .maw-kait ul li.clk-1,
    .blog-content .maw-kait ul li.clk-2,
    .blog-content .maw-kait ul li.clk-3,
    .blog-content .maw-kait ul li.clk-4,
    .blog-content .maw-kait ul li.clk-5 {
        width: 95%;
        font-size: 12pt
    }
}
.blog-content .maw-travelwarn {
    background: #D32F2F;
    padding: 2%;
    color: #FFF;
    margin-bottom: 3%;
}
.blog-content .maw-travelwarn h2 {
    border-bottom: none;
    margin-top: 0;
    color: #FFEB3B;
}
.blog-content .maw-travelwarn p {
    color: #FFEB3B;
}
.blog-content .maw-travelwarn ol li {
    padding-bottom: 0;
    margin-bottom: 0;
}
.mb-g-widget p.c-ktr {
    margin-bottom: 10px
}
.mb-g-widget ol.c-ktk {
    margin-bottom: 10px;
    margin-left: 30px;
    font-weight: 400
}
.mb-g-widget2 p.c-ktr {
    margin-bottom: 10px;
    color: #FFF
}
.mb-g-widget2 ol.c-ktk {
    margin-bottom: 10px;
    margin-left: 30px;
    font-weight: 400;
    color: #FFF
}
.commentarea-content {
    margin-top: 20px;
}
.commentarea-content h3 {
    text-align: center;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 20px;
	line-height: 1.25em;
}
.mp-c-fo1 {
    border-top: 1px solid #F2F2F2;
    padding-top: 0;
    margin: 0 auto;
    position: relative;
	padding: 10px 0;
}
.mp-c-fo1 small {
	color: #9E9E9E;
}
.mp-c-fo1 input[type=submit] {
	float: right; margin-top:2%;
}
.mp-c-fp1 {
    position: relative;
    float: left;
    display: block;
    width: 33.3%
}
.mp-c-fp2 {
    position: relative;
    float: left;
    display: block;
    width: 100%
}
.mp-c-fs5i {
	padding: 3% 0; float: left;
}
.mp-c-fs5i .warning {
	color: #B71C1C;
}
.mp-c-fs5i .please {
	color: #B71C1C; font-weight: 800; vertical-align: middle; float: left;
}
.mp-c-fs5i .done {
	color: #1B5E20; font-weight: 800; vertical-align: middle; float: left;
}

/*
.mp-c-fo1 label {
    font-weight: 700;
    color: #000;
    font-size: 12pt;
    padding: 5px 0;
    display: block
}
.mp-c-fo1 small {
    font-size: 11px;
    font-weight: 400
}
.mp-c-fo1 input[type=text] {
    width: 166px;
    padding: 5px;
    margin-right: 5px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #CCC
}
.mp-c-fo1 textarea {
    font-size: 13px;
    overflow: auto;
    width: 533px;
    height: 50px;
    padding: 5px;
    margin-right: 5px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #CCC
}
.mp-c-fo1 input[type=submit] {
    width: 90px;
    height: 30px;
    color: #FFF;
    font-weight: 700;
    margin: 10px 7px auto auto;
    float: right;
    cursor: pointer;
    border: 1px solid #7b161d;
    border-left: 1px solid #b54d48;
    border-top: 1px solid #b54d48;
    background: #C62828
}
.mp-c-fo1 input.form_button:hover {
    background: #b54d48
}
.mp-c-fo1 input[type=checkbox] {
    margin-top: 10px;
    float: left;
    position: relative
}
*/
.mp-c-fo1 .vft {
    float: left;
    position: relative;
    margin-top: 8px;
    margin-left: 5px;
    font-weight: 700;
    color: #C00
}
.mp-c-li1 {
    width: 550px;
    margin: 0 auto;
    position: relative
}
.mp-c-li1 h3 {
    text-align: center;
    font-size: 24pt;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 400
}
.mp-c-li1 ul {
    list-style: none;
    width: 550px;
    padding: 0;
    margin: 0
}
.mp-c-li1 ul li:hover {
    background: #FCFCFC
}
.mp-c-li1 ul li.sty-0 {
    background: #F6F6F6
}
.mp-c-li1 ul li .b-bx1 {
    border-top: 1px solid #F2F2F2;
    height: 5px;
    width: 550px
}
.mp-c-li1 ul li .b-bx2 {
    width: 550px
}
.mp-c-li1 ul li .b-bx2 a {
    color: #C62828;
    text-decoration: none;
    clear: both
}
.mp-c-li1 ul li .b-bx3 {
    width: 550px;
    clear: both
}
.mp-c-li1 ul li .u-pro {
    text-align: center;
    padding: 20px 5px 20px 5px;
    width: 140px;
    float: left;
    position: relative;
    word-wrap: break-word;
    font-weight: 700
}
.mp-c-li1 ul li .u-con {
    padding: 20px 5px 20px 5px;
    width: 390px;
    float: left;
    position: relative
}
.mp-c-li1 ul li .u-cdt {
    text-transform: uppercase;
    font-weight: 700;
    color: #666
}
.mp-c-li1 ul li .u-ccm {
    font-size: 13px;
    margin-top: 5px
}
.mp-c-li1 ul li .u-rep {
    color: #C62828;
    background: #FCFCFC;
    border: 1px solid #C62828;
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
}
.mp-c-li1 ul li .u-wb1 {
    display: inherit;
    font-weight: 700
}
.mp-c-li1 ul li .u-wb2 {
    margin-bottom: 5px;
    display: none;
    font-weight: 700
}
@media screen and (max-width: 767px) {
    .mp-c-fo1 {
        width: 100%;
    }
    .mp-c-fp1 {
        width: 100%;
        margin-bottom: 10px
    }
    .mp-c-fp1 label {
        width: 200px;
        display: block
    }
    .mp-c-fp1 input[type=text] {
        width: 85%;
        padding: 2%
    }
    .mp-c-fp2 textarea {
        width: 85%;
        height: 100px
    }
    .mp-c-fs5 {
        width: 100%
    }
    .mp-c-fs5i {
        width: 85%;
        display: block
    }
    .mp-c-fo1 .vft {
        width: 90%
    }
    .mp-c-fo1 input[type=submit] {
        float: left
    }
    .mp-c-li1 {
        width: 100%
    }
    .mp-c-li1 ul {
        width: 95%
    }
    .mp-c-li1 ul li .b-bx1,
    .mp-c-li1 ul li .b-bx2,
    .mp-c-li1 ul li .b-bx3 {
        width: 100%
    }
    .mp-c-li1 ul li .u-pro {
        width: 20%
    }
    .mp-c-li1 ul li .u-con {
        width: 70%
    }
    .mp-c-li1 img {
        width: 50px
    }
    .mp-c-li1 ul li .u-wb1 {
        display: none
    }
    .mp-c-li1 ul li .u-wb2 {
        display: block
    }
}
.c-spc a {
    color: #FF0
}
.c-spc img {
    margin-right: 10px
}
.c-spc h5 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 12pt;
    margin-bottom: 20px
}
.blog-travel-con {
    text-align: center
}
.blog-insta-con img {
    width: 290px
}
ol.blog-insta-con {
    list-style: none
}
ol.blog-insta-con li {
    float: left;
    position: relative
}
ol.blog-insta-con li img {
    width: 100px
}
.bbt-title {
    display: block;
    margin-top: 10px;
    font-size: 1.5em
}
.bbt-autho {
    font-weight: 700
}
hr.archive-hr1 {
    border: none;
    border-bottom: 1px solid #CCC
}
h2.archive-header {
    text-align: center;
    padding: 10px;
    margin: 0 0 20px 0;
	background: #C62828;
	color:#FFF;
}
h2.archive-header strong {
	color: #FFFF00;
}
.mb-b-armn {
    background-color: #B71C1C;
    padding: 10px;
    margin: 0 0 0 0;
    z-index: 20;
}
.mb-b-armn h3 {
	font-size: 26px;
    color: #FFF;
    text-align: left;
	padding: 10px 0;
}
.mb-b-armn h4 {
    color: #FFF;
    padding-top: 5px
}
ul.mb-c-arlt {
    list-style: none
}
ul.mb-c-arlt li {
    padding: 4px 0
}
ul.mb-c-arls {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #FFF;
}
ul.mb-c-arls li {
    float: left;
    margin: 5px;
}
ul.mb-c-arls li a.normale {
    color: #000;
    background-color: #FFD600;
    padding: 4px;
    text-align: center;
    text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
}
ul.mb-c-arls li a.normale:hover {
    text-decoration: underline;
    background: #FF3;
    color: #000;
}
ul.mb-c-arls li a.selected {
    color: #000;
    background-color: #FF9900;
    padding: 4px;
    text-align: center;
    text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
    font-weight: bold;
}
ul.mb-c-arls li a.selected:hover {
    text-decoration: underline;
    background: #FF9;
    color: #000;
    font-weight: bold;
} 
@media screen and (max-width: 767px) {
    .mb-b-armn h4 {
        float: none;
        display: block;
        margin-bottom: 10px
    }
}
.mb-b-armn ul.archive-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #FFF
}
.mb-b-armn ul.archive-category-list li {
    display: block;
    width: 270px;
    background: url(../gambar/12g/icon-folder.png) 0 5px no-repeat;
    height: 25px;
    padding-top: 5px;
    padding-left: 20px;
    border-bottom: 1px dotted #B35656
}
.mb-b-armn ul.archive-category-list li a {
    color: #FFF;
    text-decoration: none
}
.mb-b-armn ul.archive-category-list li a:hover {
    text-decoration: underline
}
.paging {
    position: relative;
    margin: 0;
    height: 40px;
	text-align: center;
}
*html .paging {
    margin: 10px 0
}
.paging ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
	display: inline-block;
}
.paging ul li {
	float: left;
}
.paging ul li a {
	float: left;
    width: 28px;
    color: #000;
    background-color: #FFD600;
    padding: 4px;
    margin-left: 6px;
    text-align: center;
    text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
	font-weight: 700;
}
.paging ul li a.number {
    background-color: #FFAB00;
}
.paging ul li a.number-2 {
   width: 50px;
}
.paging ul li a:hover {
    text-decoration: none;
    background: #FFAB00;
    color: #000;
}
.ajax_nav_comment a {
    color: #C00
}
.ajax_nav_comment {
    position: relative;
    margin: auto;
    background: #F2F2F2;
    width: 150px;
    text-align: center;
    padding: 5px
}
.ajax_nav_comment img.left-icon {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 0
}
.ajax_nav_comment img.right-icon {
    position: relative;
    float: right;
    margin-left: 10px;
    margin-top: 0
}
.toggle,
[id^=drop] {
    display: none;
}
.mb-b-search {
    display: none;
}
/* Giving a background-color to the nav container. */

nav {
    margin: 0;
    padding: 0;
    background-color: #B71C1C;
    color: #FFF;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
    z-index: 70;
    margin-bottom: 40px;
}
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content: "";
    display: table;
    clear: both;
}
/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */

nav ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 69;
}
nav label {
    text-transform: uppercase;
}
/* Positioning the navigation items inline */

nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
    background-color: #B71C1C;
}
/* Styling the links */

nav a {
    text-align: center;
    display: block;
    width: 120px;
    padding: 10px 0 10px 0;
    color: #FFF;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}
nav.khusus2 a {
    color: #FFF;
}
nav ul li ul li:hover {
    background: #D32F2F;
}
/* Background color change on Hover */

nav a:hover {
    background-color: #D32F2F;
    color: #FFFF00;
}
/* Hide Dropdowns by Default
 * and giving it a position of absolute */

nav ul ul {
    display: none;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
    
    top: 45px;
}
nav ul ul div {
    display: none;
    position: absolute;
    width: 180px;
    background: #C62828;
    left: 120px;
    height: 160px;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
nav ul ul div.khusus1 {
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}
nav ul ul div a {
    width: 160px;
    text-align: left;
    padding-left: 20px;
}
/* Display Dropdowns on Hover */

nav ul li:hover > ul {
    display: inherit;
}
nav ul li:hover > div {
    display: inherit;
}
/* Fisrt Tier Dropdown */

nav ul ul li {
    width: 120px;
    float: none;
    display: list-item;
    position: relative;
}
/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/

nav ul ul ul li {
    position: relative;
    top: -45px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    
    left: 120px;
}
nav ul ul div {
    /* position: relative;
	left: 120px;
	top: -45px; */
}
/* Change ' +' in order to change the Dropdown symbol */

nav li > a:after {
    content: ' +';
}
nav li > a:only-child:after {
    content: '';
}
/* Media Queries
--------------------------------------------- */

@media all and (max-width: 768px) {
    /*
	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}
*/
    
    nav {
        margin: 0;
    }
    nav a {
        text-align: left;
        padding: 10px 20px;
        width: auto;
    }
    /* Hide the navigation menu by default */
    /* Also hide the  */
    
    .toggle + a,
    .menu {
        display: none;
    }
    /* Stylinf the toggle lable */
    
    .toggle {
        display: block;
        background-color: #B71C1C;
        padding: 10px 20px;
        color: #FFF;
        font-size: 14px;
        text-decoration: none;
        border: none;
        vertical-align: middle;
    }
    .iconed {
        line-height: 0;
        padding: 10px;
    }
    .toggle:hover {
        background-color: #D32F2F;
    }
    /* Display Dropdown when clicked on Parent Lable */
    
    [id^=drop]:checked + ul {
        display: block;
    }
    /* Change menu item's width to 100% */
    
    nav ul li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #FFCDD2;
    }
    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }
    nav ul ul ul a {
        padding: 0 80px;
    }
    nav a:hover,
    nav ul ul ul a {
        /*
		background-color: #000000;
		*/
    }
    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 10px 20px;
        color: #FFF;
        font-size: 14px;
    }
    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #D32F2F;
        padding-left: 60px;
        /* background-color: #212121; */
    }
    /* Hide Dropdowns by Default */
    
    nav ul ul {
        float: none;
        position: static;
        color: #FFF;
        /* has to be the same number as the "line-height" of "nav a" */
    }
    /* Hide menus on hover */
    
    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }
    /* Fisrt Tier Dropdown */
    
    nav ul ul li {
        display: block;
        width: 100%;
    }
    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }
    nav ul ul div {
        position: relative;
        width: auto;
        background: #FFCDD2;
        left: 0;
        height: 200px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    nav ul ul div a {
        width: auto;
        padding-left: 100px;
        padding-top: 0;
    }
    .mb-b-search {
        display: block;
        position: relative;
        float: right;
    }
    .mb-b-search input {
        position: relative;
        float: left;
    }
    .mb-b-search input[type=text] {
        border: none;
        padding: 5px;
        width: 100px;
    }
    .mb-b-search input[type=submit] {
        border: none;
        padding: 5px;
        width: 30px;
        background: url(../gambar/12g/ic_search_white_1x_web_24dp.png) 3px no-repeat #FFD600;
    }
}
@media all and (max-width: 330px) {
    nav ul li {
        display: block;
        width: 94%;
    }
}