/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Content
# MyLink
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body{
	margin:0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
table{
	border-collapse:collapse;
	border-spacing:0
}
a{
	background:transparent
}
a:active,a:hover{
	outline:0
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	background: #ebebeb;
	color: #3d3d3d;
	font-family: 'Tahoma', Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
}
.wrapper {
	background: #ffffff;
	margin: 0 auto 22px;
	padding: 0 40px;
	width: 500px;
}
p{
	margin: 0 0 20px;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 700;
	line-height: 1;
	padding: 30px 0 0;
}
h1{
	font-size: 24px;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 14px;
}
h6{
	font-size: 12px;
}

/* Large desktop */
@media (max-width: 500px) {
	*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	a[href^=tel] { /* css */
		color:inherit;
		text-decoration: inherit;
		font-size:inherit;
		font-style:inherit;
		font-weight:inherit;
	}
	.wrapper{ width: 500px ;}
}
/* Portrait tablet to landscape and desktop */
@media screen and (max-width:750px){
	.wrapper{
		padding:0 5px;
		width: 96% ;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0.5em;
}
.entry-content {
	margin: 1.5em 0 0;
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------
# MyLink
--------------------------------------------------------------*/
.judul {
	font-family: tahoma, arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
.judul_sub {
	font-family: tahoma, arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #003399;
}
.isi {
	font-family: tahoma, arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	color: #333333;
}
.isi_blue {
	font-family: tahoma, arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	color: #003399;
}
.isi_menu {
	font-family: tahoma, arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
	margin: 0 0 2px;
}
.isi_menu_depan {
	font-family: tahoma, arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	color: #003399;
	margin: 0 10px 2px;
}
.isi_menu_blue {
	font-family: tahoma, arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	color: #003399;
	margin: 0 0 2px;
}
.isi_down {			
	font-family: tahoma, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
}
.isi_copy {
	font-family: tahoma, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	color: #979797;
}
.style_click {
font-family: tahoma; font-size: 18px; font-weight: 600; background: #0077B7; color: white; border: white 3px solid; border-radius: 5px; padding: 12px 20px; margin-top: 10px; 
}
.hr1 {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}