.headtext-fc {
  font-family: 'Prompt', sans-serif;
color:black;  
 font-size:24px; 
font-weight:bold; 
} 


.leftborder {  border-left:1px solid #000; padding-left:5px;   }

.xxforce { width:100%; } 
.xforce { float:left !important ;  width:48%;  display: block;  } 

.fctext img { text-align:center; display: block;
  margin-left: auto;
  margin-right: auto; } 

ul.fcprop li { font-size:16px; width:32%; float:left;  } 
ul.fcprop li img { height:150px;   display: block;
  margin-left: auto;
  margin-right: auto;}

@media only screen and (min-width: 360px) and (max-width: 599px) {

.red-rounded-box {  width:95%;  font-size:20px !important; padding:5px !important;  }
.headtext-fc {
  all: unset;
  /* ตั้งฟอนต์ใหม่ */
  font-family: 'Prompt', sans-serif;
color:red; 
 font-size:20px !important;
  font-weight: 500;
  line-height: 1.6;
} 

.rzone { padding-top:20px !important; } 
.ccenter { width: 100%; } 

.fctext {  font-size:16px !important; padding-top:10px; }

.container4 { 
width:99% !important;
border: 1px solid #000;
  border-radius: 10px; /* ปรับค่านี้เพื่อความโค้งมาก/น้อย */
  } 

.header1 h4 { font-size:20px !important ; }
.content { padding:5px; width:95% ;  } 
.content p { 
margin-left:-20px !important; 
padding-left:5px !important ; 
font-size:14px  !important ;  } 

img.xxp { max-width:350px; height:auto; } 

p1.main-text { font-size:14px !important;   line-height: 1.3 !important; } 
p1.regular-text { font-size:12px !important;   line-height: 1.3 !important;  } 

.text-area { clear:both !important ; width:95% !important ; } 
.leftborder { border-left: 0px; border-top:1px solid #000;  } 

.xforce { clear:both; width:100%; } 

ul.fcprop { width:95%; } 
ul.fcprop li { font-size:12px; width:30%;  } 
ul.fcprop li img { height:60px; }

}