@font-face {
font-family: JostSemiBold;
src: url('../fonts/Jost-SemiBold.ttf')
}

@font-face {
font-family: JostMedium;
src: url('../fonts/Jost-Medium.ttf')
}

@font-face {
font-family: JostRegular;
src: url('../fonts/Jost-Regular.ttf')
}

[class^="bi-"]::before, [class*=" bi-"]::before {
    vertical-align: middle;
}
:root{
--bs-main-color:#d7000c;	
}
body{ font-family:"JostRegular",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
a{ color:#333; text-decoration:none;}
a:hover{color: var(--bs-main-color); text-decoration:none;}
.btn-red{ background:var(--bs-main-color); color:#fff; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:14px;}
.btn-red:hover,.btn-red.active{ background:var(--bs-main-color); color:#fff}
.btn-primary{ background:var(--bs-main-color); border-color:var(--bs-main-color);color:#fff}
.btn-primary:hover{ background:#315299; border-color:#315299;}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--bs-main-color) !important;
}

.text-primary{color:var(--bs-main-color) !important;}
.fs-12{ font-size:12px;}
.fs-16{ font-size:16px;}
.fs-18{ font-size:18px;}
.topLanguage{ float:right; position:relative; display:inline-block; top:35px;margin-right: 176px; cursor:pointer; padding-bottom:35px;  }

.topLanguage i{ color:#888; font-size:16px; margin:0 5px;}

.innerbox{ position:absolute; top:99.9%; left:50%; margin-left:-40px; background:#fff; text-align:center; width:110px; padding:20px 15px; display:none; box-shadow: inset 0 0 10px rgba(0, 0, 0, .2); font-size:13px;}

.innerbox a.active{color: #5ba95f;}

.innerbox a,.innerbox span{ display:block;}

.innerbox a{ color:#333; white-space:nowrap;}

.innerbox span{ width:60px; height:0; border-bottom:1px solid #ccc; margin:10px auto;}

.innerbox:before{ position:absolute; top:-12px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }

.topLanguage:hover ,.topLanguage:hover i{ color:#5ba95f;}

.topLanguage:hover .innerbox{ display:block;}

.languagelink > a{ display:block; background:#555; color:#fff; line-height:1.6}

.languagelink .dropdown-menu{ left:50%; margin-left:-80px; text-align:center;}

.form-contorl{
	background:#fff;
	border-radius:5px;
	border:1px solid #ddd;
	padding:5px 8px;
	line-height:30px;
}
.denglu p{ margin:5px 0 15px 0}
.form-contorl.yourname{ width:100%; background:url(../images/icons.png) no-repeat right -25px;}
.form-contorl.yourname:active,.form-contorl.yourname:focus{ border-color:#db242b !important; box-shadow:0 0 7px #db242b; background-position:right 8px;}
.form-contorl.password{ width:100%; background:url(../images/icons.png) no-repeat right -90px;}
.form-contorl.password:active,.form-contorl.password:focus{ border-color:#db242b !important; box-shadow:0 0 7px #db242b; background-position:right -57px;}
.form-contorl.verify{ width:48%;}
.form-contorl.verify:active,.form-contorl.verify:focus{ border-color:#db242b !important; box-shadow:0 0 7px #db242b; }
.denglu input ,.denglu img{ vertical-align:middle;}

p.tijiao{ margin:25px 0 5px; text-align:center;}
.submit{
	background:#db242b;
	border-radius:5px;
	border:0 solid #ddd;
	padding:10px 50px;
	line-height:20px;
	color:#fff;
	cursor:pointer;
	transition:ease-in all 0.3s;
	width:100%;
}
.submit:hover,.submit:focus{ background:#b31d22;}

.topImgblock img{ max-height:190px; height:auto; max-width:100%; width:auto;}
	
table {
  caption-side: bottom;
  border-collapse:separate;
   border-color:#fff; line-height:1.2 !important; 
}
table p{ margin-bottom:0;}
table > :not(caption) > * > * {
  padding: 0.5rem 0.4rem;
}
table thead tr td,table thead tr th{ font-weight:bold; font-size:15px;}
.table-green tbody > tr > * {
	background-color:#e9f1e8;  
}
.table-green tbody > tr:nth-child(2n) > * {
	background-color:#d0e1cd;  
}
.table-green tbody > tr:hover > * {
	background-color:#fff3cd;  
}
.bg-success {
  background-color: #4ea72e !important;
}
.bg-info {
  background-color: #0b76a0 !important;
}
.sidebar{ width:230px; border-right:1px solid #eee; font-size:14px;}
.main{ width:calc(100% - 231px);}
.sidebar ul li{ border-bottom:1px solid #ddd; margin-bottom:1px;}
.sidebar ul li a{ color:#666; display:block;}
.sidebar ul li a:hover{ color:var(--bs-main-color); background:#fff;}
.sidebar ul li.active a{ color:var(--bs-main-color); display:block; background:#fff3cd; }