body,p,* {
    
    font-family: 'Sarabun', sans-serif;
	font-weight:bold;
    /*font-family: 'Noto Sans Thai', sans-serif;*/
  }
  i { margin-right:20px} 

  .element {
    width: 100%;
    height: 200px;
    background-image: url("../images/pic1.png"), url("../images/pic2.png"), url("image3.png");
    background-repeat: no-repeat, no-repeat, repeat; /* Control repeat for each image */
    background-position: left top, right bottom, center;
    background-size: 50px 50px, contain, auto; /* Control size for each image */
  }
  .content-box {
            padding: 20px;
            margin-bottom: 15px;
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 4px;
   }
   .img-wrapper {
            text-align: center;
            margin-bottom: 15px;
        }
   .img-wrapper img {
       max-width: 100%;
       height: auto;
    }
	.mBtn {
		display: flex ;
		z-index: 3;
		position: relative;
		min-height: 44px;
		border: 1px solid transparent;
		background: #fff;
		box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
		border-radius: 24px;
		margin: 0 auto;
		box-sizing: border-box;
		width: auto;
		text-align:center;
		align-items: center;
   	    justify-content: center; 
	}
	.mBtn:hover {
	   background:lightblue;
	   color:white;

	}
	.shadow  {
      box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
	}
	section h1,h2,h3,h4,h5,h6 { 
	 margin-top:25px;
	 color: cornflowerblue ;  
	 font-family: 'Noto Sans Thai', sans-serif;
	 font-weight:bold;
	 color:blue;
	}

    section { padding:20px; background:white ; box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);}
    .imgContainer { text-align:center;}

	p {
    
    font-family: 'Sarabun', sans-serif;
	font-weight:bold;
    /*font-family: 'Noto Sans Thai', sans-serif;*/
  }

.container-archa {
     margin-top:60px;
	 background:whitesmoke;
	 min-height:500px;
	 padding:20px;
	 /*border:2px solid red;*/
}

section > ul {
  margin-left:50px;
} 

.pdf-viewer {
     display:block;   
}

.pdf-viewer-mobile {
     display:none;   
}

.postCard {
  height:300px;
}

/* CSS สำหรับหน้าจอขนาดเล็กกว่า 600px */
@media screen and (max-width: 600px) {
    .container {
        width: 95%;
        flex-direction: column;
    }
	.container-archa {
     margin-top:38px;
	 background:whitesmoke;
	 min-height:500px;
	 padding:20px;
	 /*border:2px solid red;*/
   }
   section > ul {
    margin-left:0px;
   } 
   .imgContainer {
     padding:8px;
   }
   h4 { font-size:18px;}

   .contact { 
     padding:0px;
   }

   .pdf-viewer {
     display:none;   
   }

   .pdf-viewer-mobile {
      display:block;   
   }
   .pdf-container {
      height:auto;
   }
   .postCard {
     max-width:100%;
     height:auto;
   }
}