body
{
	overflow-x:hidden;
}
.camp-title
{
	width:100%;
	float:left;
	margin-top:15px;
	margin-bottom:0;
	padding:25px;
}
.camp-tilte-left img
{
	width:180px;
	border-right:3px solid #f36c24;
	padding-right:10px;
}	
.camp-tilte-right
{
	font-size:30px;
	font-weight:700;
	color:#06559F;
	margin-top:10px;
	margin-left:-15px;
}
@media screen and (max-width: 460px) 
{
	.camp-tilte-left
	{
		margin-top:15px;
	}
	.camp-tilte-left img
	{
		width:160px;
	}
}
@media screen and (max-width: 380px) 
{
	.camp-tilte-left img
	{
		width:140px;
	}
	.camp-tilte-right
	{
		font-size:24px;
		margin-left:0;
	}
}
.camp-title p 
{
	margin-top:20px;
} 
.camp-promote
{
	width:100%;
	float:left;
	margin-bottom:25px;
}
.camp-promote-item
{
	width:25%;
	float:left;
	padding:5px;
}
.camp-promote-item img
{
	border-radius:5px;
}
@media screen and (max-width: 991px) 
{
	.camp-promote-item
	{
		width:50%;
	}
}
.promote-img-1
{
	width:33.33%;
	float:left;
	padding:5px;
}
.promote-img-2
{
	width:33.33%;
	float:left;
	padding:5px;
}
.promote-img-3
{
	width:33.33%;
	float:left;
	padding:5px;
}
.promote-img-4
{
	width:50%;
	float:left;
	padding:5px;
}
.promote-img-5
{
	width:50%;
	float:left;
	padding:5px;
}
@media screen and (max-width: 991px) 
{
	.promote-img-1
	{
		width:49.5%;
	}
	.promote-img-2
	{
		width:50%;
	}
	.promote-img-3
	{
		width:49.5%;
	}
	.promote-img-4
	{
		width:50%;
		padding:4px;
	}
	.promote-img-5
	{
		width:100%;
		float:left;
	}
}
.promote-img
{
	border-radius:5px;
}
.margin-5
{
	margin:5px auto;
}
.margin-10
{
	margin:10px auto;
}
.margin-15
{
	margin:15px auto;
}
.margin-25
{
	margin:25px auto;
}
.margin-35
{
	margin:35px auto;
}
.margin-50
{
	margin:50px auto;
}
.margin-bottom-50
{
	margin-bottom:50px;
}
.font-12
{
	font-size:12px;
}
.font-13
{
	font-size:13px;
}
.font-14
{
	font-size:14px;
}
.font-16
{
	font-size:16px;
}
.font-18
{
	font-size:18px;
}
.font-20
{
	font-size:20px;
}
.text-blue
{
	color:#06559F;
}
.text-red
{
	color:red;
}
.border-top
{
	border-top:1px solid #CCC;
}
.main-camp
{
    display:table;
	width:100%;
	float:left;
}
.main-camp-body
{
	float: left;
	width: 33.33%;
	padding:5px;
}
@media screen and (max-width: 991px) 
{
	.main-camp-body
	{
		width: 50%;
	}
}
@media screen and (max-width: 640px) 
{
	.main-camp-body
	{
		width: 100%;
	}
}
.main-camp-item
{
	width:100%;
	float:left;
	border-radius:5px;
	box-shadow:0 3px 3px 0 rgb(0,0,0,0.16);
	margin-bottom:25px;
	position:relative;
	cursor:pointer;
}
.badge-inverse 
{
	background-color: black;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
}
.badge-inverse:hover 
{
	background-color: #1a1a1a;
}
.cnt-regis
{
	position:absolute;
	right:5px;
	top:5px;
}
.main-camp-item img
{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.main-camp-item .topic
{
	font-size:20px;
	overflow: hidden;
	display: -webkit-box; 
	height: 85px;     
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align:center;
	position:absolute;
	top:20%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
}
.main-camp-detail
{
	padding:10px;
}
.main-camp-detail .detail
{
	font-size:13px;
	margin:15px auto;
	overflow: hidden;
	display: -webkit-box; 
	height: 50px;     
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.table>thead>tr>td, .table>thead>tr>th
{
	vertical-align: middle;
    border-top: 0px;
}
.table>tbody>tr>td, .table>tbody>tr>th
{
	border-top: 0px;
}
.btn-auto
{
	width:auto;
	font-size:12px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
}
.btn-camp
{
	position:absolute;
	left:5px;
	top:5px;
}
.width-100
{
	width:100%;
}
.camp-price
{
	background:#F7F5F4;
	padding:25px;
}
.modal-body
{
	max-height: calc(100vh - 100px - 100px);
	overflow-y: auto; 
	overflow-x: hidden;
}
.modal-body::-webkit-scrollbar 
{
	width: 10px;
}
.modal-body::-webkit-scrollbar-track 
{
	background: #f1f1f1; 
}
.modal-body::-webkit-scrollbar-thumb 
{
	background: #888; 
}
.modal-body::-webkit-scrollbar-thumb:hover 
{
	background: #555; 
}
.loader
{
	margin:50px auto;
	text-align:center;
	color:#f36c24;
	font-size:26px;
}
.form-control
{
	border-radius:25px;
	font-size:13px;
	margin:15px auto;
}
input[type="radio"] 
{ 
	display: none; 
}
input[type="radio"] + label 
{
	font-weight: 400; 
	font-size: 12px;
	color: #333;
	cursor:pointer;
} 
input[type="radio"] + label span 
{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #ffffff; 
}
input[type="radio"] + label span 
{
	background-color: #fff; 
	border-color: #707070;
} 
input[type="radio"]:checked + label 
{ 
	color: #ff8800; 
	font-weight: 700; 
}
input[type="radio"]:checked + label span
{
	background-color: #ff8800;
	border: 2px solid #ffffff;
	box-shadow: 2px 2px 2px rgba(0,0,0,.1); 
} 
input[type="radio"] + label span, input[type="radio"]:checked + label span 
{ 
	-webkit-transition: background-color 0.24s linear; 
	-o-transition: background-color 0.24s linear; 
	-moz-transition: background-color 0.24s linear; 
	transition: background-color 0.24s linear; 
}
.email-error
{
	position:absolute;
	bottom:-15px;
	left:15px;
	font-size:10px;
	width:auto;
	background:#E92B0B;
	color:white;
	padding-left:25px;
	padding-right:25px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	display:none;
}
.arrow-up 
{
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #E92B0B;
	position:absolute;
	bottom:8px;
	left:25px;
	display:none;
}
.border-bottom-blue
{
	border-bottom:5px solid #06559F;
}
.border-bottom-orange
{
	border-bottom:5px solid #F36F24;
}
.border-bottom-yellow
{
	border-bottom:5px solid #f0bd3b;
}
.border-bottom-blue h4,.border-bottom-orange h4,.border-bottom-yellow h4
{
	margin-bottom:20px;
}
.camp-menu
{
	cursor:pointer;
	color:#CCC;
}
.camp-menu.active h4
{
	color:#707070;
	font-weight:700;
}
.camp-menu.active h3
{
	color:#f0bd3b;
}
.circular--portrait 
{
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	margin:auto;
	margin-top:15px;
}
.circular--portrait img 
{
	width: 100%;
	height: auto;
}
.btn-sicky
{
	position:fixed;
	bottom:15px;
	right:15px;
	width:auto;
	z-index:2;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:50px;
	padding-right:50px;
}
.cursor-pointer
{
	cursor:pointer;
}
.blink
{
	color:red;
	font-size:30px;
	animation:blink_animation .5s infinite;
}
@keyframes blink_animation 
{
	50%
	{
		color:red;
	}      
	100% 
	{
		color:blue;
	}
}