@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600&display=swap');

.dxbButton{
	background-image:none !important;
	font-size:18px;
	font-family:font-family: 'Prompt', serif !important;
	}
.dxflGroupBoxCaption_iOS
{
	font-size:16px!important;
	font-family: 'Prompt', serif !important;
	font-weight:400 !important
}
/*background*/
.Bg-Home
{
background:#fff url(/Portals/0/Images/Background/bg-home3.png) no-repeat center;
background-size:100% 100%;
padding-bottom:50px;
padding-top:80px;

}
/*y2022m05d05*/
.body_blue
{
	background:#00006c url(/Portals/0/Images/Background/bg_blue.png) no-repeat fixed top center;

}
.body_gray
{
	background:#fff url(/portals/0/Church/left-cloud.png) no-repeat left top ;

}
/*y2022m05d06*/
.ms-container b, strong {
  font-weight: 400 !important;
}
.dxbButton_Material,.dxbButton_Office365
{
font-family: 'Prompt', serif !important;

}
.dxflGroupBoxCaption_MaterialCompact
{
	font-family: 'Prompt', serif !important;	
	  background-color:#eee !important;
	  color:#333 !important;
	  font-size:17px !important;
	  font-weight: 600 !important;
	  border:solid 1px #dfdfdf;
	  border-radius:4px;
	  top:-15px
}
.dxflGroup_MaterialCompact
{
	padding: 0 !important
}
.dxflGroupBox_MaterialCompact
{
	margin:15px 0;
}
.btn
{
	font-family: 'Prompt', serif !important;
	padding: .18rem .75rem !important;
}
.btn-warning
{
	background-color: #ed9c28 !important;
	color:#fff !important;
	border-color:#d57f04 !important;
}
.btn-warning:hover
{
	background-color: #000 !important;
	color:#fff !important;
	border-color:#000 !important;
}
.dxbButton div.dxb {
	padding: 0px 8px 0px !important;
}

/*secton*/
.section-gray
{
	background:url(/Portals/0/Images/Background/bg-section-gray.png) bottom center !important;
	background-size:100%;
	border-bottom:solid 2px #dbdbdb ;

}
.section-darkcolor{
	background-color:#391145
}
/*Y2022M05d31*/
/*Button*/
.dxbButton
{
font-family: 'Prompt', serif !important;
border-radius:4px
}
/*Group Cation*/
.dxflGroupBoxCaption_Material {
  font-family: 'Prompt', serif !important;
  background-color: #eee !important;
  color: #333 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
  top: -15px;x;
  font-size: 1em;
}
/*y2022m06d13*/
/*width container*/
  @media (min-width: 1200px){
.width-container
{
	width:90% !important;
}
}

.thumb-info-caption h2 span {
	font-family: 'Prompt', sans-serif !important;
}

.call-to-action p
{
	font-size:1em !important
}
.call-to-action.with-full-borders
{
	border:0 !important
}
/*table*/
.dxgvHeader_MaterialCompact
{
	padding:4px 10px 4px !important;
	background-color: #eee !important;
	font-family: 'Prompt', sans-serif !important;
	font-size:15px !important;
	color: #333 !important;
	line-height:20px !important;
	font-weight:600 !important
}
.dxgvEditFormDisplayRow_MaterialCompact td.dxgv, .dxgvDetailCell_MaterialCompact td.dxgv, .dxgvAdaptiveDetailCell_MaterialCompact td.dxgv, .dxgvDataRow_MaterialCompact td.dxgv, .dxgvAdaptiveDetailRow_MaterialCompact td.dxgvAIC
{
	padding:2px 10px 2px !important;
	color:#666 
}
.dxgvHeader_Material
{
	padding:4px 10px 4px !important;
	background-color: #fff!important;
	font-family: 'Prompt', sans-serif !important;
	font-size:15px !important;
	color: #333 !important;
	font-weight:600 !important
}
/*links*/
.dxeHyperlink,.dxeHyperlink:hover,.dxeHyperlink:visited,.dxeHyperlink:active {
  font: 12px Tahoma, Geneva, sans-serif !importan;
 

}
/*caption*/
.dxflFormLayout_MaterialCompact .dxflCaption_MaterialCompact, .dxflCaption_Material {
  color: #333 !important;
  font-weight:400 !important;
  font-family: 'Prompt', sans-serif !important;
  font-size:16px !important
}
/*btn*/
.dxbButton.dxb-outline {
  background: #fec !important;
  border: 1px solid #fc0 !important;
  color: #333 !important;
    font-family: 'Prompt', sans-serif !important;
  font-size:15px !important;
   transition: background-color 0.5s ease;
}
.dxbButton.dxb-outline:hover {
  background: #fc0 !important;
  border: 1px solid #f90 !important;
  color: #000 !important;
    font-family: 'Prompt', sans-serif !important;
  font-size:15px !important
}
/**/
.box-warning
{
	background-color:#fde68a;
	padding:10px;
	display:inline-block;
	color:#f00;
	border-radius:6px;
	margin-bottom:15px;
}
/*hide item*/
.social-icons,.userMessages,.userNotifications,.userProfileImg,.search,.DnnModule-419,.DnnModule-420,.DnnModule-421,.DnnModule-422,.DnnModule-423,.DnnModule-424,.DnnModule-426
{
display: none !important;
}
.body > #footer{
    margin-top:0 !important;
}

/*custom box link*/
.isotope-item {
    margin-bottom: 10px !important;
}
.isotope-item .h-topic {
 font-family: 'Prompt', sans-serif !important;
  font-size:17px !important;
  color:#000;
  margin: auto;
}



/* 27-10-2568 ปรับ Theme ขาวดำแบบไม่กระทบ element fixed 
html, body {
    -webkit-filter: grayscale(100%); /* สำหรับ Chrome, Safari, Opera */
    filter: grayscale(100%); /* สำหรับ Firefox, Edge */
    filter: gray;
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    }
*/