.bg-white {
	background-color: white;
}
.bg-black {
	background-color: black;
}
.bg-orange {
	background-color: #FF7814;
}
.bg-orange-line {
	border: 1px solid #FF7814;
	background-color: white;
}
.bg-main {
	background-color: #333333;
}
.bg-main-line {
	border: 1px solid #333333;
	background-color: white;
}
.bg-sec-line {
	border: 1px solid #999999;
	background-color: white;
}
.bg-green {
	background-color: #28CD43;
}
.bg-sec {
	background-color: #666666;
}
.bg-light {
	background-color: #999999;
}
.bg-more {
	background-color: #E0DEDE;
}
.bg-foot {
	background-color: #e5e5e5;
}
.bg-select:hover {
	background-color: #FF7814;
}
.bg-gray {
	background-color: #F7F9FA;
}
.bg-dark {
	background-color: #F0F0F0;
}
.bg-shadow {
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.0500);
}
.color-orange {
	color: #FF7814;
}
.color-blue {
	color: #0A64C8;
}
.color-white {
	color: white;
}
.color-main {
	color: #333333;
}
.color-sec {
	color: #666666;
}
.color-nine {
	color: #999999;
}
.color-foot {
	color: #8d92a1;
}
.color-rank {
	color: #054C91;
}
.color-green {
 	color: #5ec82a;
}
.contact-color {
	color: #9fa3b0;
}
.color-red {
	color: #FF3838;
}
.contact-color:hover {
	color: #FF7814;
}
.a-mouse-over:hover {
	color: #FF7814;
}
.bg-mouse-over:hover {
	background-color: #f2f5fa;
}
.text-bold {
	font-weight: bold;
}
.b-r-4 {
	border-radius: 4px;
}
.b-r-8 {
	border-radius: 8px;
}
.b-r-10 {
	border-radius: 10px;
}
.b-r-14 {
	border-radius: 14px;
}
.b-r-22 {
	border-radius: 22px;
}
.b-r-39 {
	border-radius: 39px;
}
.pointer {
	cursor: pointer;
}
.shape-bg {
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.contact-shape {
	box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.classic-shape {
	box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.05);
}
.mouse-over:hover {
	opacity: 0.75;
	/* transform: translateY(-2.5px); */
}
.r-0 {
	right: 0;
}
.r-60 {
	right: 60px;
}
.t-24 {
	top: 24px;
}
.t-30-p {
	top: 30%;
}
.b-0 {
	bottom: 0;
}
.b-20 {
	bottom: 20px;
}
.b-32-f {
	bottom: -32px;
}
.z-998 {
	z-index: 998;	
}
.z-999 {
	z-index: 999;	
}
.text-center {
	text-align: center;
}
.text-end {
	text-align: end;
}
.u-line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
}
.u-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
}
.u-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
}
.line1 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.line2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-line-clamp: 3;
}
.line4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	-webkit-line-clamp: 4;
}
.filter_true {
	border-radius: 21px;
	background-color: white;
	border: 1px solid #FF7814;
	color: #FF7814;
}
.filter_false {
	border-radius: 21px;
	background-color: #F0F0F0;
	color: #666666;
}
.click_false {
	opacity: 0.33;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:99;
}
.dropdown-content2 {
    display: none;
    position: absolute;
    z-index:99;
}
.dropdown-content div {
    color: black;
    padding: 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}
.dropdown-content a {
    color: black;
    padding: 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}
.dropdown-content2 div {
    color: black;
    padding: 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}
.dropdown-content div:hover {background-color: #f1f1f1;cursor: pointer;}
.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown-content2 div:hover {background-color: #f1f1f1;cursor: pointer;}
.show {display:block;}
.show2 {display:flex;}