body{
  letter-spacing: 1.5px;
  font-family: 微软雅黑;	
  font-size: .6rem;
  background: #F6F6F6;
}

label{
  font-weight: 500;
  color: #888;
  letter-spacing: 1.5px;
}

h1, h2, h3, h4, h5, h6{
  font-family: 微软雅黑;	
  line-height: 1.5;
}

h1{
  margin-bottom: 1.5em;
}

h2{
  font-size: .75rem;	
  font-weight: 800;
  color: #F5A1A8;
  margin-bottom: 5px;
}

h3{
  font-size: 18px;
  color: #2196F3;
}

h6{
  font-size: .6rem;
  font-weight: 400;
  margin-bottom: 2em;
}

p{
	color: #333 !important;
}

a{
  cursor: pointer;
}

.small-container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.logo-panel{
  position: fixed;
  top: 0;
  width: 200px;	
  z-index: 999;
}

.content-panel{
  width: 50%;
  margin-top: 6em;
  padding: 0 3em 3em 3em;
  border-radius: 5px;
}

.full-panel{
  width: 100%;
}

.card{
  border-radius: 8px;
  box-shadow: 0 0 10px #CCC;
  background: #fff;
  overflow: hidden;
}

.content-card{
  padding: 2em;
}

.shadow{
  box-shadow: 0 0 10px #DDD;	
}

.form-group{
  margin-bottom: 1.3em;
}

.form-group label{
  text-align: right;
  line-height: 1.3;	
}

.form-group .col-md-3{
  text-align: right;
}

.form-control{
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.float-left{
  float: left;	
}

.float-right{
  float: right;	
}

.clear{
  clear: both;	
}

.btn{
  min-width: 100px;
  height: 35px;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  margin-top: 1em;
  letter-spacing: 2px;
  margin-left: .5em;
  margin-right: .5em;
}

.btn-danger{
	background: #2196F3;
}

.btn-danger:hover{
	background: #2196F3;
}

.btn-default{
	border: 1px solid #CCC;
}

.btn-default:hover{
	background: transparent;
}

.btn-full{
  width: 100%;
  margin-left: 0;
  margin-right: 0;	
}

.btn1{
	background: #2196F3;
}

.btn-primary{
	background: #F5A1A8;
}

.btn-primary:hover{
	background: #2196F3;
}

.btn-second, .btn-second:hover, .btn-second:active, .btn-second:focus{
	background: #4CAF50;
	color: #FFF;
}

.demargin{
	margin: 0;
}

.btn1:hover{
  background: #2196F3;
}


.btn-sm{
  min-width: 30px;
  height: 35px;	
  font-size: 3px;
}

.text-center{
  text-align: center; 	
}

.message-box{
	width: 90%;
	max-width: 500px;
	font-weight: 800;
    padding: 3em 1em;
    text-align: center;
    border-radius: 15px;
    margin: 1em auto 1.5em auto;
    box-shadow: 0 0 15px #ccc;
    letter-spacing: 3.5px;
    position: fixed;
    bottom: 0;
    padding: 2em 1em;
    left: 0;
    right: 0;
    z-index: 999;
}
.success{
  background: #81C784;
  border-radius: 5px;
  color: #FFF;
}

.error{
  background: #ef5350;
  color: #FFF;
}
.form-grp{
  margin-bottom: 1em;
}

.fit-bg{
  background-size: cover !important;
  background-position: 100% 100% !important;	
}

.fit-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contain-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.parsley-errors-list{
	margin-top: 10px;
	font-size: 18px;
	color: red;
}

#tawkchat-minified-wrapper{
	display: none !important;
}

.header-top-area{
	background: #F5A1A8;
}

.logo-panel{
	display: flex;
	height: 60px;
	background: #F5A1A8;
	align-items: center;
}

.main-logo{
	width: 85px;
	margin-left: 3em;
}

.medium-panel{
	width: 95%;
	max-width: 1500px;
}

.fa-action{
	font-size: 22px;
	margin-bottom: 5px;	
}

.modal-body{
	padding: 2em;
}

.delete-modal{
	text-align: center;	
}

.form-panel{
	width: 90%;
	background: #FFF;
	margin-bottom: 3em;
	padding: 2.5em;
	max-width: 1000px;
}

.remarks{
 	font-size: 14px;
 	font-weight: 800;
}

.remarks::before{
	content: '* ';
	position: relative;	
}

.dumb{
	width: 65px; 
	margin: 1em 0;
}

input[type=file]{
	margin-bottom: 1em;
}

.header-right-info .nav>li>a>img{
	width: 24px !important;	
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
	padding: 15px;
	text-align: center;
	cursor: pointer;	
}

.datepicker table tr td.active.active, .datepicker table tr td span.active.active{
	background: #2196F3;
	border-radius: 5px;
	color: #FFF;
}

.col-action{
	padding-left: 10px;
	padding-right: 10px;	
}
.col-action a{
	font-size: 15px;
}

.line-ecllipsis-1{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;	
}

.line-ecllipsis-2{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.note-editing-area{
	letter-spacing: 0;
}

@media (min-width: 768px)
.modal-dialog {
    width: 450px;
}

@media only screen and (max-width: 1350px) {
	.logo-panel{position: relative; width: 100%; height: 50px; display: block; padding-top: 20px;}
	.main-logo{width: 80px; margin-left: 1em}
	.header-top-area{top: 50px; left: 0}
	.res-dis-nn{display: block !important}
}


@media only screen and (max-width: 1000px) {
	.header-top-area{top: 0}
	.logo-pro{display: block; background: transparent}
	.mai-top-nav .nav-item{float: none}
	.content-panel{margin-top: 1.5em}
	.mean-container .mean-bar::after{display: none}
	.mobile-menu-area{z-index: 999;}
	.meanmenu-reveal{position: absolute !important; top: -55px !important}
	.mobile-menu-area{background: transparent !important;}
	.mean-container{padding: 0 !important; width: 100% !important;}
	.mean-container .mean-nav ul li a{background: #FFF !important}
}