/* STYLE LIST */
.style_1 ul {margin:0;padding:0;list-style:none;}
.style_1 ul li{min-height:20px;width:100%;float:left;border-bottom:1px solid #eee;margin-bottom:10px;position:relative;padding-bottom:10px;list-style:none;}
.style_1 ul[data=teks] .gambar {width:150px;height:100px;overflow:hidden;margin-right:20px;float:left;}
.style_1 ul[data=teks] .gambar img {max-width:100%;}
.style_1 ul[data=teks] .deskripsi {min-width:74%;max-width:100%;height:auto;padding-bottom:10px;border-bottom:0px dashed #eee;}
.style_1 ul[data=teks] .deskripsi[data=teks] p:first-child{}
.style_1 ul[data=teks] .deskripsi h1 {margin-top:0px;line-height:15px;font-size:14px;color:#444;margin-bottom:10px;font-weight:600;}
.style_1 ul[data=teks] .deskripsi h1 a:hover{color:#4285f4;}
.style_1 ul[data=teks]:last-child{margin-bottom:20px;}
.style_1 ul[data=teks] .deskripsi p {margin:1em 0;}
.style_1 ul[data=teks] .tanggal {
	font-size:11px;margin-top: 5px;margin-bottom: -10px;color: #666;
}

.style_1 ul {margin:0;padding:0;list-style:none;}
.style_1 ul li{min-height:20px;width:100%;float:left;border-bottom:1px solid #eee;margin-bottom:10px;position:relative;padding-bottom:10px;list-style:none;}
.style_1 ul[data=foto] .gambar {width:150px;height:100px;overflow:hidden;margin-right:20px;float:left;}
.style_1 ul[data=foto] .gambar img {max-width:100%;}
.style_1 ul[data=foto] .deskripsi {min-width:74%;max-width:100%;height:auto;padding-bottom:10px;border-bottom:0px dashed #eee;}
.style_1 ul[data=foto] .deskripsi[data=teks] p:first-child{}
.style_1 ul[data=foto] .deskripsi h1 {margin-top:0px;line-height:15px;font-size:14px;color:#444;margin-bottom:10px;font-weight:600;}
.style_1 ul[data=foto] .deskripsi h1 a:hover{color:#4285f4;}
.style_1 ul[data=foto]:last-child{margin-bottom:20px;}
.style_1 ul[data=foto] .deskripsi p {margin:1em 0;}
.style_1 ul[data=foto] .tanggal {display:none;}

.style_1 ul {margin:0;padding:0;list-style:none;}
.style_1 ul li{min-height:20px;width:100%;float:left;border-bottom:1px solid #eee;margin-bottom:10px;position:relative;padding-bottom:10px;list-style:none;}
.style_1 ul[data=video] .gambar {width:150px;height:100px;overflow:hidden;margin-right:20px;float:left;}
.style_1 ul[data=video] .gambar img {max-width:100%;}
.style_1 ul[data=video] .deskripsi {min-width:74%;max-width:100%;height:auto;padding-bottom:10px;border-bottom:0px dashed #eee;}
.style_1 ul[data=video] .deskripsi[data=teks] p:first-child{}
.style_1 ul[data=video] .deskripsi h1 {margin-top:0px;line-height:15px;font-size:14px;color:#444;margin-bottom:10px;font-weight:600;}
.style_1 ul[data=video] .deskripsi h1 a:hover{color:#4285f4;}
.style_1 ul[data=video]:last-child{margin-bottom:20px;}
.style_1 ul[data=video] .deskripsi p {margin:1em 0;}
.style_1 ul[data=video] .tanggal {display:none;}
/*
.style_1 ul li:nth-child(2){min-height:20px;width:42%;margin-bottom:10px;float:right;border-bottom:none;}
.style_1 ul li:nth-child(2) .gambar{width:100%;height:90px;overflow:hidden;display:block;}
.style_1 ul li:nth-child(2) .gambar img {max-width:100%;}
.style_1 ul li:nth-child(2) .deskripsi {width:100%;}
.style_1 ul li:nth-child(2) .deskripsi h1 a{margin-top:0px;line-height:18px;font-size:15px;}

.style_1 ul li:nth-child(3){min-height:20px;width:42%;margin-bottom:10px;float:right;border-bottom:none;}
.style_1 ul li:nth-child(3) .gambar{width:100%;height:90px;overflow:hidden;display:block;}
.style_1 ul li:nth-child(3) .gambar img {max-width:100%;}
.style_1 ul li:nth-child(3) .deskripsi {width:100%;}
.style_1 ul li:nth-child(3) .deskripsi h1 a{margin-top:15px;line-height:18px;font-size:15px;}

/*.style_1 ul li img{display:none;}*/
.style_2 ul {margin:0;padding:0;list-style:none;}
.style_2 ul li{width:100%;height:380px;border:0px solid #eee;float:left;position:relative;overflow:hidden;}
.style_2 ul[data=teks] .deskripsi {width:100%;padding:0px;margin-top:5px;position:absolute;bottom:0;background:rgba(0,0,0,0.6);}
.style_2 ul[data=teks] .deskripsi:hover{}
.style_2 ul[data=teks] .deskripsi p{text-align:left;color:#fff;padding:10px;float:left;}
.style_2 ul[data=teks] .deskripsi h1 {font-size:16px;color:#444;font-weight:600;float:left;padding:10px;}
.style_2 ul[data=teks] .deskripsi h1 a {color:#fff;}
.style_2 ul[data=teks] .deskripsi h1 a:hover{}
.style_2 ul[data=teks] .gambar {width:100%;height:100%;overflow:hidden;float:left;}
.style_2 ul[data=teks] .gambar img {max-width:100%;}
.style_2 ul[data=teks] .infosumber{display:none;color:#A5C68F;}
.style_2 ul[data=teks]:last-child {margin-right:0px;}

.style_3 ul {margin:0;padding:0;}
.style_3 ul li{width:100%;min-height:20px;height:100%;overflow:hidden;float:left;position:relative;margin-bottom:5px;padding:10px 0;border-bottom:1px dotted #d8d8d8;}
.style_3 ul li .gambar {width:150px;height:100px;float:left;margin-right:10px;border:0px solid #999;display:none;}
.style_3 ul li .gambar img {max-width:100%;}
.style_3 ul li .deskripsi {width:100%;float:left;}
.style_3 ul li .deskripsi h1 a{font-size:13px;line-height:20px;margin-bottom:5px;color:#363636;font-weight:400;}
.style_3 ul li .deskripsi h1 a:hover{color:#4285f4;}
.style_3 ul li .deskripsi p {display:none;}
.style_3 ul li .infosumber{display:block;color:#A5C68F;}
.style_3 ul li p{line-height:18px;font-size:13px;display:none;}

.style_4 ul {margin:0;padding:0;list-style:none;}
.style_4 ul li{width:100%;overflow:hidden;margin-bottom:5px;position:relative;border-bottom:1px dashed #dedede;padding-bottom:5px;}
.style_4 ul li .gambar {width:100%;height:180px;float:left;margin-right:0;overflow:hidden;border:1px solid #000;margin-bottom:10px;}
.style_4 ul li .deskripsi {width:100%;float:left;}
.style_4 ul li .deskripsi h1 a{font-size:12px;line-height:17px;margin-top:0;text-overflow:ellipsis;word-wrap: break-word;}
.style_4 ul li .infosumber{display:block;position:absolute;top:0;left:70px;font-size:11px;color:#A5C68F;}
.style_4 ul li .logosumber img{display:none;}
.style_4 ul li p{display:none;}
.style_4 ul li:last-child{margin-bottom:20px;}

.style_5 ul {margin:0;padding:0;list-style:none;}
.style_5 ul li{width:24%;height:100%;border:0px solid #EAEAEA;padding:0px;float:left;margin-right:9px;position:relative;}
.style_5 ul li .deskripsi {float:left;padding:10px;background:#fff;z-index:2;margin:-20px 10px 0;position:relative;}
.style_5 ul li .deskripsi h1 a{margin-top:0px;line-height:15px;font-size:13px;margin-bottom:10px;font-weight:100;}
.style_5 ul li .deskripsi h1 a:hover {color:#4285f4}
.style_5 ul li .deskripsi p{width:100%;float:left;display:none;}
.style_5 ul li .gambar {width:100%;height:100px;overflow:hidden;float:left;}
.style_5 ul li .gambar img {max-width:100%;}
.style_5 ul li:last-child {margin-right:0;}

.style_6 ul {margin:0;padding:0;list-style:none;}
.style_6 ul li{width:100%;overflow:hidden;margin-bottom:5px;border-bottom:1px dashed #dedede;padding-bottom:5px;float:left;}
.style_6 ul li .deskripsi {width:100%;float:left;}
.style_6 ul li .deskripsi h1 a{font-size:12px;line-height:12px;font-weight:normal;}
.style_6 ul li .deskripsi p {display:none;}
.style_6 ul li:last-child {border-bottom:none;}

.style_7 ul {margin:0;padding:0;list-style:none;}
.style_7 ul li{float:left;overflow:hidden;}
.style_7 ul li {width:100%;float:left;margin-bottom:5px;border-bottom:1px dotted #999;padding:10px 0;}
.style_7 ul li:first-child{width:100%;height:auto;border:0px solid #EAEAEA;padding:0px;float:left;overflow:hidden;margin-bottom:10px;}
.style_7 ul li:first-child .gambar {width:100%;height:160px;overflow:hidden;margin-bottom:10px;}
.style_7 ul li:first-child .gambar img {max-width:100%;}
.style_7 ul li:first-child .deskripsi p {display:none;}
.style_7 ul li:first-child .deskripsi {width:100%;float:left;}

.style_7 ul li .gambar {width:30%;height:80px;overflow:hidden;margin-right:4%;float:left;}
.style_7 ul li .gambar img {max-height:100%;}
.style_7 ul li .deskripsi {width:66%;float:left;}
.style_7 ul li .deskripsi h1 a{font-size:11px;line-height:12px;text-overflow:ellipsis;word-wrap: break-word;}
.style_7 ul li .deskripsi p{text-align:left;margin-top:0px;}
.style_7 ul li .logosumber{display:none;}
.style_7 ul li .infosumber{display:none;color:#A5C68F;}

@media screen and (max-width: 1080px) {
	.style_1 ul li, .style_2 ul li, .style_3 ul li, .style_4 ul li, .style_5 ul li, .style_6 ul li, .style_7 ul li {
		width:100%;
	}

	.style_1 ul[data=teks] .deskripsi,
	.style_2 ul[data=teks] .deskripsi,
	.style_3 ul[data=teks] .deskripsi,
	.style_4 ul[data=teks] .deskripsi,
	.style_5 ul[data=teks] .deskripsi,
	.style_6 ul[data=teks] .deskripsi,
	.style_7 ul[data=teks] .deskripsi,
	.style_1 ul[data=foto] .deskripsi,
	.style_2 ul[data=foto] .deskripsi,
	.style_3 ul[data=foto] .deskripsi,
	.style_4 ul[data=foto] .deskripsi,
	.style_5 ul[data=foto] .deskripsi,
	.style_6 ul[data=foto] .deskripsi,
	.style_7 ul[data=foto] .deskripsi,
	.style_1 ul[data=video] .deskripsi,
	.style_2 ul[data=video] .deskripsi,
	.style_3 ul[data=video] .deskripsi,
	.style_4 ul[data=video] .deskripsi,
	.style_5 ul[data=video] .deskripsi,
	.style_6 ul[data=video] .deskripsi,
	.style_7 ul[data=video] .deskripsi  {
		width:100%;
	}

}

@media screen and (max-width: 780px) {
	.style_1 ul li, .style_2 ul li, .style_3 ul li, .style_4 ul li, .style_5 ul li, .style_6 ul li, .style_7 ul li {
		width:100%;
	}

/*	.style_1 ul[data=teks] .deskripsi, .style_1 ul[data=teks] .gambar,
	.style_2 ul[data=teks] .deskripsi, .style_2 ul[data=teks] .gambar,
	.style_3 ul[data=teks] .deskripsi, .style_3 ul[data=teks] .gambar,
	.style_4 ul[data=teks] .deskripsi, .style_4 ul[data=teks] .gambar,
	.style_5 ul[data=teks] .deskripsi, .style_5 ul[data=teks] .gambar,
	.style_6 ul[data=teks] .deskripsi, .style_6 ul[data=teks] .gambar,
	.style_7 ul[data=teks] .deskripsi, .style_7 ul[data=teks] .gambar,
	.style_1 ul[data=foto] .deskripsi, .style_1 ul[data=foto] .gambar,
	.style_2 ul[data=foto] .deskripsi, .style_2 ul[data=foto] .gambar,
	.style_3 ul[data=foto] .deskripsi, .style_3 ul[data=foto] .gambar,
	.style_4 ul[data=foto] .deskripsi, .style_4 ul[data=foto] .gambar,
	.style_5 ul[data=foto] .deskripsi, .style_5 ul[data=foto] .gambar,
	.style_6 ul[data=foto] .deskripsi, .style_6 ul[data=foto] .gambar,
	.style_7 ul[data=foto] .deskripsi, .style_7 ul[data=foto] .gambar,
	.style_1 ul[data=video] .deskripsi, .style_1 ul[data=video] .gambar,
	.style_2 ul[data=video] .deskripsi, .style_2 ul[data=video] .gambar,
	.style_3 ul[data=video] .deskripsi, .style_3 ul[data=video] .gambar,
	.style_4 ul[data=video] .deskripsi, .style_4 ul[data=video] .gambar,
	.style_5 ul[data=video] .deskripsi, .style_5 ul[data=video] .gambar,
	.style_6 ul[data=video] .deskripsi, .style_6 ul[data=video] .gambar,
	.style_7 ul[data=video] .deskripsi, .style_7 ul[data=video] .gambar {
		width:auto;
	}

}*/
	.style_1 ul[data=teks] .gambar,
	.style_2 ul[data=teks] .gambar,
	.style_3 ul[data=teks] .gambar,
	.style_4 ul[data=teks] .gambar,
	.style_5 ul[data=teks] .gambar,
	.style_6 ul[data=teks] .gambar,
	.style_7 ul[data=teks] .gambar,
	.style_1 ul[data=foto] .gambar,
	.style_2 ul[data=foto] .gambar,
	.style_3 ul[data=foto] .gambar,
	.style_4 ul[data=foto] .gambar,
	.style_5 ul[data=foto] .gambar,
	.style_6 ul[data=foto] .gambar,
	.style_7 ul[data=foto] .gambar,
	.style_1 ul[data=video] .gambar,
	.style_2 ul[data=video] .gambar,
	.style_3 ul[data=video] .gambar,
	.style_4 ul[data=video] .gambar,
	.style_5 ul[data=video] .gambar,
	.style_6 ul[data=video] .gambar,
	.style_7 ul[data=video] .gambar {
		margin-right:0;
		margin-bottom:10px;
		width:100%;
	}
@media screen and (max-width: 500px) {
	.style_1 ul[data=teks] .deskripsi, .style_1 ul[data=teks] .gambar,
	.style_2 ul[data=teks] .deskripsi, .style_2 ul[data=teks] .gambar,
	.style_3 ul[data=teks] .deskripsi, .style_3 ul[data=teks] .gambar,
	.style_4 ul[data=teks] .deskripsi, .style_4 ul[data=teks] .gambar,
	.style_5 ul[data=teks] .deskripsi, .style_5 ul[data=teks] .gambar,
	.style_6 ul[data=teks] .deskripsi, .style_6 ul[data=teks] .gambar,
	.style_7 ul[data=teks] .deskripsi, .style_7 ul[data=teks] .gambar,
	.style_1 ul[data=foto] .deskripsi, .style_1 ul[data=foto] .gambar,
	.style_2 ul[data=foto] .deskripsi, .style_2 ul[data=foto] .gambar,
	.style_3 ul[data=foto] .deskripsi, .style_3 ul[data=foto] .gambar,
	.style_4 ul[data=foto] .deskripsi, .style_4 ul[data=foto] .gambar,
	.style_5 ul[data=foto] .deskripsi, .style_5 ul[data=foto] .gambar,
	.style_6 ul[data=foto] .deskripsi, .style_6 ul[data=foto] .gambar,
	.style_7 ul[data=foto] .deskripsi, .style_7 ul[data=foto] .gambar,
	.style_1 ul[data=video] .deskripsi, .style_1 ul[data=video] .gambar,
	.style_2 ul[data=video] .deskripsi, .style_2 ul[data=video] .gambar,
	.style_3 ul[data=video] .deskripsi, .style_3 ul[data=video] .gambar,
	.style_4 ul[data=video] .deskripsi, .style_4 ul[data=video] .gambar,
	.style_5 ul[data=video] .deskripsi, .style_5 ul[data=video] .gambar,
	.style_6 ul[data=video] .deskripsi, .style_6 ul[data=video] .gambar,
	.style_7 ul[data=video] .deskripsi, .style_7 ul[data=video] .gambar {
		width:auto;
	}
}