* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; }

.rowwrap { padding: 0 15px; margin: 0px auto; max-width: 1500px; }

	/* search area */
	.searchArea { padding: 40px 0; width: 100%; float: left; }
	
	/* left clomun */
	.leftClomun { padding: 10px; width: 20%; float: left; border-radius: 5px; border: 1px solid #ccc; background: #f5f5f5; }
	.leftClomun .item { width: 100%; float: left; }
    .leftClomun h3 { margin: 0; float: left; font-size: 20px; }
    .leftClomun  .input-group { float: right; }
	.leftClomun a, .leftClomun .select_btn { margin: 5px 0 0 10px;font-family: arial; padding: 0px; float: left; font-size: 12px; color: #333; font-weight: 600; text-decoration: none; border: none !important; background: none !important; }
	.leftClomun a:hover, .leftClomun .select_btn:hover { color: #006435; }
	.leftClomun .filter { margin: 10px 0 20px 0; padding: 15px; width: 100%; max-height: 225px; float: left; border: 1px solid #ccc; border-radius: 4px; overflow: auto; background: #fff; }
	.leftClomun .filter .check_item { padding: 0 0 0 26px; margin-bottom: 10px; width: 100%; float: left; position: relative; font-size: 14px; cursor: pointer; }
	.leftClomun .filter .check_item:last-child { margin-bottom: 0px; }
	.leftClomun .filter .check_item input[type="checkbox"] { position: absolute; top: 0px; left: 0px; visibility: hidden; }
	.leftClomun .filter .check_item label { display: block; }
	.leftClomun .filter .check_item label:before { width: 14px; height: 14px; position: absolute; top: 0px; left: 0px; content: "\f00c"; font-family: FontAwesome; font-size: 10px; color: #fff; text-align: center; line-height: 12px; border-radius: 2px; border: 2px solid #006435; }
	.leftClomun .filter .check_item input[type="checkbox"]:checked + label:before { background: #006435; }
	
	/* right colmun */
	.rightColmun { width: 77%; float: right; }
    .rightColmun.full_width { width: 100%;}
	.rightColmun h3 { padding-bottom: 15px; font-size: 20px; }
	.rightColmun .short { padding-bottom: 15px; width: 100%; float: left; }
	.rightColmun .short span { display: inline-block; font-size: 13px; color: #333; font-weight: 600; }
	.rightColmun .short a { padding: 0 10px; display: inline-block; font-size: 13px; color: #333; text-decoration: none; border-right: 1px solid #ccc; }
	.rightColmun .short a:hover { color: #006435; }
    .rightColmun .short a.btn_bold { font-weight: bold; }
	.rightColmun .short a:last-child { border-right: none; }
	.rightColmun .badge { float: left; }
	.rightColmun .badge a { margin: 0 5px 5px 0; padding: 7px 20px; display: inline-block; font-size: 12px; color: #fff; text-decoration: none; border-radius: 4px; background: #c1c1c1; }
	.rightColmun .badge a.active { background: #006435; }

	.rightColmun .pagination { float: right; }
	.rightColmun .pagination table {display: inline-block;vertical-align: middle;width: auto !important;overflow: visible !important;border: none !important;margin: 0 !important; }
    .rightColmun .pagination table tr td{    padding: 0;}
    .rightColmun .pagination select { padding: 5px 7px; display: inline-block; border: 1px solid #ccc; }
	.rightColmun .pagination a, .rightColmun .pagination span { margin: 0 3px; display: inline-block; font-size: 15px; color: #333; font-weight: 600; text-decoration: none; }
	.rightColmun .pagination a:hover { color: #006435; }
	.rightColmun .result { margin: 15px 0; padding: 18px 20px; width: 100%; float: left; font-size: 14px; line-height: 24px; border: 1px solid #ccc; border-radius: 8px; background: #f5f5f5; }
	.rightColmun .result h3 { padding: 0 25px 10px 0; position: relative; font-size: 26px; line-height: normal; }
	/*.rightColmun .result h4:after { position: absolute; top: 0px; right: 0px; content: "\f023"; font-family: FontAwesome; }*/
    .rightColmun .result h3 img { position: absolute; top: 0px; right: 0px; border:0px; }
	
@media only screen and (max-width: 767px) {
	
	.leftClomun { margin-bottom: 30px; width: 100%; } 
	.rightColmun .short a { margin: 5px 0; }
	
	.rightColmun { width: 100%; } 
	.rightColmun .pagination { padding: 10px 0 0 0; }
	
} 

@media only screen and (min-width: 576px) and (max-width: 767px) {
	
	.leftClomun { width: 30%; } 
	.leftClomun h3 { font-size: 18px; }
	.leftClomun a { margin: 5px 0 0 6px; font-size: 12px; }
	
	.rightColmun { width: 68%; } 
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.leftClomun { width: 30%; } 
	.leftClomun h3 { font-size: 18px; }
	.leftClomun a { margin: 5px 0 0 6px; font-size: 12px; }
	
	.rightColmun { width: 68%; } 
	
}