/* MAIN CONTENT */
#main_content{	
	min-height:500px;
	background:#fff;
}
@media screen and (max-width: 800px) {
	#main_content{min-height:auto;}
}
.submit_postback{
	text-align:center;
	font-size:16px;
	margin:50px 0 30px 0 !important;
	color:#333;
}
.submit_postback a{color:#08c;}
.submit_postback a:hover{text-decoration:underline;}

.content_holder p{margin:10px 0;}
.content_holder h1{
	color:#333;
	font-size:20px;
	margin:15px 0;
}
.content_holder h2{
	color:#333;
	font-size:18px;
	margin:15px 0;
}
.content_holder h3{
	color:#333;
	font-size:16px;
	margin:15px 0;
}
.content_block{width:800px;padding:20px 0;margin:0 auto;line-height:1.8em;text-align:justify;}
@media screen and (max-width: 800px) {
	.content_block{width:auto;padding:10px 0;}
}
.content_block img{max-width:100%;}
.content_block a{color: #08c;}
.content_block .date{font-size:12px;line-height:14px;color:#999;margin-bottom:10px;}
.content_block .date:before{content: "\f073";}

/* SEARCH */
.result_list{margin:20px 0;border-top:1px solid #eee;}
.result_list li{height:120px;padding:10px;border-bottom:1px solid #eee;overflow:hidden;}
.result_list li:hover{background:#edf8ff;}
.result_list li a{display:block;width:100%;height:100%;}
.result_list li .img_holder{width:160px;height:120px;float:left;margin-right:10px;background-position:center;background-size:cover;}
.result_list li h2{font-size:16px;line-height:16px;margin-bottom:10px;color:#333;font-weight:bold;}
.result_list li:hover h2{color:#08c;}
.result_list li p{font-size:14px;line-height:22px;color:#555;}
@media screen and (max-width: 800px) {
	#search_holder{padding:0;}
	.result_list{margin:0;border:0;}
	.result_list li{height:15vh;padding:1vh;}
	.result_list li .img_holder{width:15vh;height:15vh;margin-right:1vh;}
	.result_list li h2{font-size:14px;line-height:3vh;margin-bottom:1vh;color:#38398f;}
	.result_list li p{height:11vh;overflow:hidden;font-size:12px;line-height:4vh;margin:1vh 0;}
}

#search_holder h1{font-size:20px;margin-bottom:10px;}
#search_holder .result_num{font-size:14px;color:#999;}
#search_holder .result_num:before{content: "\f002";margin-right:3px;}
#search_result b{padding:1px;margin:0 2px;background:#fff3c0;}

/* pagination */
.pagination{
	display:table;
	margin:0 auto;
}
.pagination a,.pagination span{
	float: left;
	margin: 0 0 0 15px;
	padding: 5px 8px;
	display: block;
	line-height: 22px;
	height: 22px;
	border-bottom: 3px solid transparent;
	letter-spacing: -.5px;
	color: #aaa;
}
.pagination span{
	line-height:14px;
	letter-spacing: 1px;
	padding: 5px 0;
}
.pagination a:hover{
	color:#555;
	border-bottom: 3px solid #eaeaea;
}
.pagination a.jp-previous,.pagination a.jp-next{
	width: 36px;
	height: 36px;
	display: inline-block;
	font-size: 40px;
	line-height: 24px;	
	padding:0;
	border:0;
	text-align:center;
}
.pagination a.jp-previous{margin:0;}
.pagination a.jp-next{margin: 0 0 0 15px;}
.pagination a.jp-disabled{
	color:#ccc;
	cursor:default;
}
.pagination a.jp-current{
	color: #555;
	cursor: default;
	border-bottom: 3px solid #38398f;
}

/* DATA TABLE */
.dt_form{margin:0;}
.dt_form input[type=text] {
	display: inline-block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;	
}
.dt_form select {
	display: inline-block;
	padding: 0;
	height: 32px;
}
.dt_form input[type=radio] {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width:20px;
	height:32px;
	margin-right:5px;
}
.dt_form input[type=checkbox] {
	display: block;
	float: left;
	padding: 0;
	margin: 6px 0;
	width: 20px;
	height: 20px;
}
.dt_form label {
	display: block;
	line-height: 32px;
}
.dt_form label input[type=checkbox]{margin-right:5px;}
.dt_form textarea {
	display: block;
	float: left;
	padding: 5px;
	width:calc(100% - 12px);
	height:50px;
}
.dt_form .alert_holder{margin:10px 0;color:#ff0000;}
.dt_form .alert_holder:before{content: "\f06a";margin-right:5px;}
.dt_form table{width:100%;}
.dt_form table td{vertical-align:top;}
.dt_form .fieldset{display:inline-block;width:100%;}
.dt_form .title {
	width: 40%;
	line-height: 22px;
	padding:5px 10px;
	position:relative;
	font-size:14px;
}
.dt_form .field_input i {
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
	display:block;
	line-height:12px;
}
.dt_form .fieldset.hidden{display:none;}
.dt_form .fieldset_title {
	line-height:22px;
	color: #333;
	border-radius: 8px;
	padding: 5px 10px;
	clear: both;
	background:#f3f3f3;
	margin:10px 0 5px 0;
}
.dt_form .field_holder{
	margin:0;
}
.dt_form .field.required .title{color:#333;}
.dt_form .field.required .title:after{content: "*";color:#ff0000;font-size:14px;position:absolute;left:0;top:-3px;}
.dt_form .field_input .opt_val.radio{float:left;margin-right:10px;}

/* dt_form */
.dt_form .field.short{
	width:15% !important;
	float:left;
}
.dt_form .field.short .title{
	width:125px;
}
.dt_form .field.short input[type=text]{
	width:150px;
}
.dt_form .field.short select{
	width:162px;
}
.dt_form .field.long{
	width:99%;
	float:left;
}
.dt_form .field.long input[type=text]{
	width:400px;
}
.dt_form .field.regular{
	width:20% !important;
	float:left;
}
.dt_form .field.table{
	width:30%;
	border-spacing:0;
}
.dt_form .field.short.table input[type=text]{
	width:100%;
}
.dt_form .field.short.table select{
	width:100%;
}
.dt_form .field.long.table input[type=text]{
	width:100%;
}
.dt_form .field_holder span.th{
	text-align:center;
	font-weight:bold;
	display:inline-block;
}
.dt_form .field_holder span.th.short{
	width:15%;
}
.dt_form .field_holder span.th.regular{
	width:20%;
}
.dt_form .field_holder span.th.long{
	width:30%;
}
.dt_form .field.short.table .field_input{
	width:15%;
}
.dt_form .field_holder span.td{
	text-align:center;
	font-weight:bold;
	float:left;
}
.dt_form .field_holder span.td.short{
	width:20%;
}
.dt_form .field_holder span.td.regular{
	width:30%;
}
.dt_form .field_holder span.td.long{
	width:40%;
}
.dt_form .field.short.table input[type=radio]{
	height:28px;
}
.dt_form .field.short.table label{
	line-height:28px;
}
.dt_form .field.short.table .opt_val{
	margin:0 5px 0 10px !important;
}
.dt_form .field.long.table .opt_val{
	margin:0 5px !important;
}
.dt_form .field.hidden{
	display:none;
}