.article .filter-box {
	border-bottom: 1px solid #d4e3fc;
	padding: 10px;
}
.article .filter-box input[type="text"] {
	background-image: url('../../../themes/rekrutmen_pln/images/icons/icon_search_2.png');
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding: 5px 5px 5px 30px;
	background-size: 15px;
	width: 40%;
}
.article .sep {
	padding: 10px 20px;
	border-top: 1px solid #d4e3fc;
}
.article .sep:nth-child(even) {
	background: #fafafa;
}
.article .sep img {
	float: left;
	border: 1px solid #ddd;
	margin: 0 10px;
	width: 210px;
}
.article .sep .box {
	padding: 0 0 0 240px;
}
.article .sep a.title {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 5px 0;
	display: inline-block;
}
.article .sep span {
	margin: 20px 0 0 0;
	display: block;
}
.article-detail {
	padding: 20px;
	position: relative;
}
.article-detail * {}
.article-detail span.date {
	display: block;
	margin: 0 50px 0 0;
}
.article-detail h1.title {
	margin: 0 50px 10px 0;
	font-size: 24px;
	line-height: 30px;
}
.article-detail p.intro {
	font-style: italic;
}
.article-detail .picture {
	margin: 10px 0;
}
.article-detail .picture img {
	margin: 0 auto;
	max-width: 100%;
}
.article-detail .share {
	position: absolute;
	background: #006e8c;
	right: 10px;
}
.article-detail .share > a {
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 50%;
	border: 1px solid #025e77;
	background-size: 25px;
	background-image: url('../../../themes/rekrutmen_pln/images/icons/icon-share.png');
}
.article-detail .share > a:hover,
.article-detail .share > a.active {
	background-color: #008db1;
}
.article-detail .share ul {
	margin: 0;
	position: absolute;
	list-style: none;
	right: 99%;
	background: #008db1;
	z-index: 10;
	top: 0;
	box-shadow: 2px 2px 2px #777;
	display: none;
}
.article-detail .share:hover ul {
	display: block;
}
.article-detail .share ul span {
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	text-shadow: 0 1px 1px #444;
}
.article-detail .share ul li a {
	display: block;
	width: 100%;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50%;
	border-top: 1px solid #036f8a;
}
.article-detail .share ul li a:hover {
	background-color: #00c8f8;
}
.article-detail .share ul li a.fb {
	background-image: url('../../../themes/rekrutmen_pln/images/icons/facebook.png');
}
.article-detail .share ul li a.twitter {
	background-image: url('../../../themes/rekrutmen_pln/images/icons/twitter.png');
}
	
.article-detail .share ul li a.g-plus {
	background-image: url('../../../themes/rekrutmen_pln/images/icons/gplus.png');
}
.article-detail .share ul li a.linkedin {
	background-image: url('../../../themes/rekrutmen_pln/images/icons/in.png');
}
.article-static.faq .answer {
	list-style: numeric
}
.article-static.faq .answer > li {
	padding: 90px 0 0 0;
	position: relative;
}
.article-static.faq .answer > li:before {
	width: 100%;
	position: absolute;
	height: 1px;
	background: #00c8f8;
	top: 45px;
	content: "";
	left: -20px;
}
/* =Responsive
-------------------------------------------------------------- */
/* Resolution 1280 */

@media only screen and (max-width:1280px) {}
/* Resolution 1024 */

@media only screen and (max-width:1024px) {
}
/* Resolution 768 */

@media only screen and (max-width:768px) {
}
/* Resolution 600 */

@media only screen and (max-width:640px) {
}
/* Resolution 480 */

@media only screen and (max-width:480px) {
}
/* Resolution 320 */

@media only screen and (max-width:320px) {}