/* -------------------------- s -----------------------*/
body.font-s{
	font-size:16px; 
}
body.font-s .titleFont{
	font-size: 26px;	
} 
body.font-s .subTitleFont{
	font-size: 22px;	
} 
body.font-s  .login a.link , body.font-s  .register a.link {
	font-size: 13px;
}

body.font-s input[type='text'], body.font-s input[type='password'], body.font-s textarea {
	font-size: 18px;
}
body.font-s .errMsg {
	font-size: 16px;
}
body.font-s .errMsgSpace {
	height: 36px;
}
body.font-s #mobile-top-2 ul li div {
	font-size: 12px;
	line-height: 12px;
}

body.font-s .versionDiv {
	font-size: 12px;
}
body.font-s .footerMenu a,body.font-s .footerMenu a:hover{	
	font-size: 12px !important;
}
body.font-s .popover-body {
       font-size: 14px;
}
body.font-s i.bi.tooltipBi {
	font-size: 16px !important;
}

body.font-s .closeIcon i.bi{
    font-size:25px !important;
}
body.font-s .faqTitleFont,body.font-s .faqAnswer {
	font-size:16px;
}
body.font-s .lastLoginDiv{
	font-size:12px;
}
body.font-s .penTypeDiv {
	font-size: 14px;
}
body.font-s #mobile-top .lang a{
		font-size: 12px;	
	}
	body.font-m #mobile-top .lang a{		
    	font-size: 13px;
	}
	body.font-l #mobile-top .lang a{		
    	font-size: 14px;
	}

body.font-s .editCloseDiv i.bi.bi-x{	
	top:-38%;
	left:-40%;
	margin-top:0px;
}

@media(min-width:1024px){
	body.font-s .popover-body {
        font-size: 16px;
  }
	body.font-s ,body.font-s .errMsg {
		font-size: 20px;
	}
	body.font-s .subTitle{
		font-size: 26px;
	}
	
	body.font-s .titleFont{
		font-size: 30px;
	
	}
	body.font-s input[type='text'], body.font-s input[type='password'], body.font-s textarea{
		font-size:22px;
	}
	body.font-s button{
		font-size:22px;
	}
	body.font-s .errMsgSpace{
		height: 41px;
	}
	body.font-s .cardTable td{
		font-size:20px!important;
	}
	body.font-s .login a.link , body.font-s .register a.link {
	    font-size: 16px;
	}
	body.font-s .faqTitleFont,body.font-s .faqAnswer{
		font-size:20px;
	}
	body.font-s .penTypeDiv {
	font-size: 16px;
}
}


/* -------------------------- m ----------------------- */
body.font-m{
	font-size:18px; 
}
body.font-m .titleFont{
	font-size: 28px;	
} 
body.font-m .subTitleFont{
	font-size: 24px;	
} 
body.font-m  .login a.link , body.font-m  .register a.link {
	font-size: 15px;
}

body.font-m input[type='text'], body.font-m input[type='password'], body.font-m textarea {
	font-size: 20px;
}
body.font-m .errMsg {
	font-size: 18px;
}
body.font-m .errMsgSpace {
	height: 39px;
}
body.font-m #mobile-top-2 ul li div {
	font-size: 14px;
	line-height: 14px;
}

body.font-m .versionDiv {
	font-size: 14px;
}
body.font-m .footerMenu a,body.font-m .footerMenu a:hover{	
	font-size: 14px !important;
}
body.font-m .popover-body {
       font-size: 16px;
}
body.font-m i.bi.tooltipBi {
	font-size: 18px !important;
}

body.font-m .closeIcon i.bi{
    font-size:30px !important;
}

body.font-m .faqTitleFont,body.font-m .faqAnswer{
	font-size:18px;
}

body.font-m .lastLoginDiv{
	font-size:14px;
}
body.font-m .penTypeDiv {
	font-size: 16px;
}

body.font-m .editCloseDiv i.bi.bi-x{	
	top:-45%;
	left:-40%;
	margin-top:0px;
}

@media ( min-width :460px) {
	body.font-m #mobile-top-2 ul li div {		
		font-size: 18px;
		line-height: 18px;
	}

}



@media(min-width:1024px){
	body.font-m .popover-body {
        font-size: 18px;
  }
	body.font-m ,body.font-m .errMsg {
		font-size: 22px;
	}
	body.font-m .subTitle{
		font-size: 28px;
	}
	
	body.font-m .titleFont{
		font-size: 32px;
	
	}
	body.font-m input[type='text'], body.font-m input[type='password'], body.font-m textarea{
		font-size:24px;
	}
	body.font-m button{
		font-size:24px;
	}
	body.font-m .errMsgSpace{
		height: 45px;
	}
	body.font-m .cardTable td{
		font-size:22px!important;
	}
	body.font-m .login a.link , body.font-m .register a.link {
	    font-size: 18px;
	}
	body.font-m .faqTitleFont,body.font-m .faqAnswer{
		font-size:22px;
	}
	body.font-m .penTypeDiv {
	font-size: 18px;
}
}


/* ----------------------- L --------------- */
body.font-l{
	font-size:22px; 
}
body.font-l .titleFont{
	font-size: 32px;	
} 
body.font-l .subTitleFont{
	font-size: 28px;	
} 
body.font-l .login a.link , body.font-l  .register a.link {
	font-size: 20px;
}

body.font-l input[type='text'], body.font-l input[type='password'], body.font-l textarea {
	font-size: 24px;
}
body.font-l .errMsg {
	font-size: 22px;
}
body.font-l .errMsgSpace {
	height: 46px;
}
body.font-l #mobile-top-2 ul li div {
	font-size: 18px;
	line-height: 18px;
}

body.font-l .versionDiv {
	font-size: 18px;
}
body.font-l .footerMenu a,body.font-l .footerMenu a:hover{	
	font-size: 18px !important;
}
body.font-l .popover-body {
       font-size: 20px;
}
body.font-l i.bi.tooltipBi {
	font-size: 22px !important;
}

body.font-l .closeIcon i.bi{
    font-size:34px !important;
}
body.font-l .faqTitleFont,body.font-l .faqAnswer{
	font-size:20px;
}
body.font-l .lastLoginDiv{
	font-size:16px;
}
body.font-l .penTypeDiv {
	font-size: 18px;
}


body.font-l .editCloseDiv i.bi.bi-x{	
	top:-55%;
	left:-40%;
	margin-top:0px;
}
@media ( min-width :460px) {
	body.font-l #mobile-top-2 ul li div {		
		font-size: 22px;
		line-height: 22px;
	}
	
}


@media(min-width:1024px){
	body.font-l .popover-body {
        font-size: 22px;
  }
	body.font-l ,body.font-l .errMsg {
		font-size: 26px;
	}
	body.font-l .subTitle{
		font-size: 32px;
	}
	
	body.font-l .titleFont{
		font-size: 36px;
	
	}
	body.font-l input[type='text'], body.font-l input[type='password'], body.font-l textarea{
		font-size:28px;
	}
	body.font-l button{
		font-size:28px;
	}
	body.font-l .errMsgSpace{
		height: 51px;
	}
	body.font-l .cardTable td{
		font-size:24px!important;
	}
	body.font-l .login a.link , body.font-l .register a.link {
	    font-size: 22px;
	}
	body.font-l .faqTitleFont,body.font-l .faqAnswer{
		font-size:24px;
	}
	body.font-l .penTypeDiv {
	font-size: 22px;
}
}



/* --- top bar ---- */
@media(max-width:1199.9px){
	body.font-l .penTypeDiv {
		top: 28px;
	}
}
@media (min-width:450px) and (max-width:1199.9px){
	body.font-s #mobile-top .lang a{
		font-size: 16px;	
	}
	body.font-m #mobile-top .lang a{		
    	font-size: 16px;
	}
	body.font-l #mobile-top .lang a{		
    	font-size: 16px;
	}
	body.font-l .penTypeDiv {
		top: 37px;
	}
}
@media ( min-width :550px) and (max-width:1199.9px){
	body.font-s #mobile-top .lang a{
		font-size: 16px;	
	}
	body.font-m #mobile-top .lang a{		
    	font-size: 18px;
	}
	body.font-l #mobile-top .lang a{		
    	font-size: 20px;
	}
	body.font-l #mobile-top #menuBtn {
		vertical-align: middle;
	    padding-bottom: 4px;
	}
	body.font-l .penTypeDiv {
		top: 46px;
	}
	
}
@media(max-width:374px){
	body.font-l .penTypeDiv {
		top: 20px;
	}
}