html {
    color: #404040;
    background-color: #f5f5f5;
}
body{ 
	font-family: "PingFang SC",tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
	font-size: 1rem; 
    padding-top: 56px;
}   
a {
    color: #000;
    text-decoration: none;
} 
a:focus,a:hover{text-decoration:none;color:#f40}
/*a:link,a:visited {
	color:#003598; 
} */

.w100{
	width:100% 
}
.p0{
	padding:0;
}
.m0{
	margin:0;
} 

.cboth,.clearfix {
	clear:both;
}
/*large hidden, mobile display*/
.lhid{
	display: none !important;
} 
@media (max-width: 991.98px) {
/* top menu start */
/* offcanvas-collapse */
  .offcanvas-c { 
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #f8f9fa;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-c.open {
    visibility: visible;
    transform: translateX(-100%);
  }
/* top menu end */
/*hidden in devices of mobile */
.hid{
	display: none !important;
} 
/*large hidden, mobile display*/
.lhid{
	display: block !important;
} 
}
template{
	display: none !important;
}