@charset "utf-8";
/* CSS Document */

body {
	background: #edefea; 
	background-size: 100%;
	width: 100%;
	margin: 0;
}

.box1 {
	background-color:#ffd800;
	border:1px solid #dfe1e4;
	border-radius:10px;
	list-style:none;
	margin:0 0 0;
	overflow:hidden;
	padding:20px;
	text-align:left;
}
.box1b {
	background-color:#ffffcc;
	border:1px solid #dfe1e4;
	border-radius:10px;
	list-style:none;
	margin:0 0 0;
	overflow:hidden;
	padding:35px;
	text-align:left;
}

.box2 {
	background-color:#fff;
	border:1px solid #dfe1e4;
	border-radius:10px;
	list-style:none;
	margin:0 0 0;
	overflow:hidden;
	padding:0 0 0;
}

.box3 {
	background-color:#fff;
	border:1px solid #dfe1e4;
	border-radius:10px;
	list-style:none;
	margin:0 0 0;
	overflow:hidden;
	padding:16px;
}

.box3soft {
	background-color:#dbdbdb;
	border:1px solid #ccc;
	border-radius:10px;
	list-style:none;
	margin:0 0 0;
	overflow:hidden;
	padding:16px;
}

.style4 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #FFFFFF;	}
.style4x {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;	font-weight: bold;}
.style4a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;color: #FFFFFF;}
.style4a A:link {
	color: #E8E8E8;
	text-decoration: none;}
.style4a A:visited {
	color: #E8E8E8;
	text-decoration: none;}
.style4a A:hover {color: #ffff00;
	text-decoration: underline;}

.coret {text-decoration: line-through;}
.style37 {font-family: 'Roboto', sans-serif; font-weight: 400; color: #333333}
.style37b {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:14px;color: #333333}
.style37w {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:14px;color: #fff}

.style38 {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #333333}
.style38 A:link {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #333;text-decoration: none;}
.style38 A:visited {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #333;text-decoration: none;}
.style38 A:hover {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #0190c8;text-decoration: underline;}

.style38mini {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:12px;color: #333333}
.style38mini A:link {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:12px;color: #333333; text-decoration: underline;}
.style38mini A:visited {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:12px;color: #333333; text-decoration: underline;}
.style38mini A:hover {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:12px;color: #0190c8; text-decoration: underline;}

.style38menu {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:16px;color: #333333; text-decoration: none;}
.style38menu A:link {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:16px;color: #333333; text-decoration: none;}
.style38menu A:visited {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:16px;color: #333333; text-decoration: none;}
.style38menu A:hover {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:16px;color: #0190c8; text-decoration: none;}

.style38b {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:18px;color: #333333}
.style38b A:link {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:18px;color: #333;text-decoration: none;}
.style38b A:visited {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:18px;color: #333;text-decoration: none;}
.style38b A:hover {font-family: 'Roboto', sans-serif; font-weight: bold; font-size:18px;color: #0190c8;text-decoration: none;}

.crafty {font-family: 'Crafty Girls', sans-serif; font-weight: 300; font-size:24px;color: #333333}
.style38c {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:24px;color: #333333}
.style38d {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:34px;color: #333333}
.style38e {font-family: 'Roboto', sans-serif; font-weight: 100; font-size:38px;color: #333333; letter-spacing: -0.5px;}

.style38white {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #ffffff}
.style38white A:link {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #ffffff; text-decoration: underline;}
.style38white A:visited {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #ffffff; text-decoration: underline;}
.style38white A:hover {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px;color: #f0d92f; text-decoration: underline;}
.style38awhite {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:12px;color: #ffffff}
.style38bwhite {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:18px;color: #ffffff}
.style38b-tip-white {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:20px;color: #ffffff}
.style38b-tip-white A:link {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:20px;color: #ffffff; text-decoration: none;}
.style38b-tip-white A:visited {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:20px;color: #ffffff; text-decoration: none;}
.style38b-tip-white A:hover {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:20px;color: #f0d92f; text-decoration: none;}
.style38cwhite {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:24px;color: #ffffff}
.style38dwhite {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:34px;color: #ffffff}
.style38ewhite {font-family: 'Roboto', sans-serif; font-weight: 100; font-size:44px;color: #ffffff}

.coba3{padding-right:20px;padding-left:20px;padding-top:10px;padding-bottom:10px;}
.coba3-10{padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px;}
.coba3-20{padding-right:20px;padding-left:20px;padding-top:20px;padding-bottom:20px;}
.coba4{padding-right:30px;padding-left:30px;padding-top:30px;padding-bottom:30px;}
.kanan10{padding-right:10px;}
.kanan20{padding-right:20px;}
.kiri20{padding-left:20px;}
.kiri10{padding-left:10px;}
.atas10{padding-top:10px;}
.bawah10{padding-bottom:10px;}
.atas2{padding-top:2px;}




.tableBG { position: relative; }
.imgBG {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}