body{margin:0px; background:unset!important;}
  .sidenav{display: none;}
  .connectionPR{width: 100%;float: left;background: #cb0303;
    margin-top: 10px;}
  .co-1{width: 30%;
    float: left;
    padding: 6px 6px;}
    .ln{background: #00c854;}
    .fbc{background: #3c5a99;}
    .yo{background: #cb0303;}
    .bgcolormar{background: #73c052!important;}
    .datejob{color: #3a6b00;}
    .img-moble-newws{height: 37%;
    overflow: hidden;
    border-radius: 10px;}
@media screen and (min-width: 320px){
.imgShownew{width: 100%}
    .bgmoble{background: #2196f3!important;}
.logopc{display: none;}
.logomoble{display: block;}
.text-job{font-family: 'Kanit';border-bottom: 1px solid rgba(0,0,0,.04);
    padding: 15px 15px;
    color: #004881;}
.topnav {
  overflow: hidden;
  background-color: #f1f6f9;
}
    .t-num{color: #f44336;}
    .t-d-e{color: #3f51b5}
    .det-t{color: #2196f3;
    font-size: 13px;cursor: pointer;}
.previweJob{width: 100%;float: left;}
.previweJob-r{width: 100%;float: right;}
.imgLogoJob{width: 325px;}
.t-mo{    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.img-moble-ig{width: 60%;
    height: 42%;
    margin: auto;}
/*.topnav a {
  float: left;
  display: block;
  color: #197727;
  text-align: center;

  text-decoration: none;

}*/
.t-histoy{display: none;}

.active {
  background-color: #f1f6f9;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}



/*.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
*/
.content-listUser{
  width: 95%;
    box-shadow: 0px 0px 9px 4px rgb(212 202 202 / 30%);
    padding: 10px;
}
/*.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}*/

.topnav a:hover, .dropdown:hover .dropbtn {
  
}

/*.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}*/

/*.dropdown:hover .dropdown-content {
  display: block;
}*/

.topnav a.icon{padding: 5px;    color:#2d5812;font-size: 1.4em;}

.boxmassage{
      background: #f6fafd;
    width: 90%;
    margin: auto;
    padding: 0px;
    box-shadow: 0px 1px 4px 0px #b1b1b1;
    border-radius: 8px;
    margin-top: 13px;
}
.from-news-list{padding: 3px 6px;
    color: #002645;
    border-top: 1px solid #dfdfdf;
    }

.f-new{display: none;}
/* ---------------------------------------------------------------------------- */
.mySlides {display: none;}
.imgShow{vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  height: 200px;
  border-bottom: 1px solid #2196f3;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {

}
.menuMoob{border-bottom:  1px  dotted}

.t-histoy{    width: 100%;
    background: #457fe6;
    color: #f7eeee;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}
.f-n{}
.t-n{width: 20%;
    float: right;
    font-size: 12px;
    margin: 7px;
    text-align: right;}

/*------------------------------------------css รพ ราม---------------------------------------------------------*/

.disline{width: 100%;
    border-bottom: 5px solid #388acc;}
.hm-m{    background-color: #ffffff;}
.mta{background-color: #ffffff;}
.rom-c{background-color: #ffffff;}
.search{border-radius: 0px!important;}
.listCovidrom{width: 100%;}
.l-vid{width: 94%;
   
    text-align: center;
   }
.linesen{border-bottom: 3px solid;}
.c-vid{width: 97%;text-align: center;}
  .c-full{width: 97%; text-align: center;}
  .tser{border-bottom: 5px solid #388acc!important;}
  .popup1{width: 93%;
    border-radius: 1px;
    box-shadow: 0px 0px 6px 3px rgb(212 206 206 / 50%);
    /* margin-top: 14px; */
    margin: auto;
    margin-top: 10px;
    padding: 5px;}
  .listCovidrom{width: 100%}
  .img-pop{width: 100%}
  .pop-i-i{width: 40%;
    margin: auto auto;
    display: block;}

/*------------------------------------------css รพ ราม---------------------------------------------------------*/
/* Fading animation */


@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
.sezeimg{width:50px;height: 50px;}
.co-text{width: 100%;
    padding: 10px;
    text-align: center;
    text-decoration: underline 3px;
    font-size: 1.2em;
    font-weight: 700;
    color: #3198e2;
  }
  .co-t{width: 97%;
    padding: 5px;
    border-bottom: 1px dotted;}
.t-Covid{width: 97%;
    padding: 5px;
    color: #f2f6f9;
    background: #3198e2;
    text-align: center;margin-top: 10px;}
    .f-covid{width: 100%;float: left;}
    .t-f-covid{width: 100%;
    float: left;
    text-align: center;margin-top: 5px;}
    .setcss{width: 100%;
    background: #e7eef3;
    float: left;
    }
    .recover{background: #358741;
    color: #f7f5f5;
    box-shadow: 0 50px 50px #f6f7f6, 0 4px 15px #c5e6ca, 0 0 5px;}
    .treat{    background: #279a95;
    color: #f7f5f5;
    box-shadow: 0 50px 50px #ffffff, 0 4px 15px #fbfbfb, 0 0 5px;}
    .drade{background: #ff7540;
    color: #f7f5f5;
    box-shadow: 0 50px 50px #ffffff, 0 4px 15px #fbfbfb, 0 0 5px;margin-bottom: 10px;}
   /* .menuMoobol{    padding: 5px;
    border-bottom: 1px dotted;}*/

    /* ---------------------------------------------------------------------------- */
.f-message{width: 100%;}
.T-message{
 padding: 5px;
    text-align: left;
    font-size: 1.2em;
    background: #8bc34a;
    margin: auto;
    width: 97%;
    margin-top: 15px;
    margin-bottom: 4px;
    color: #ffffff;
    border-radius: 2px;

}
.imglanguage{width: 50px;height: 50px}
.menulanguage{
  width: 100%;
  float: left;
  display: none;
  padding: 5px;
}
.f-search{width: 100%;margin: auto;border-bottom: 1px solid #2a9ff3;margin-bottom: 0px;}
.mi-f-search{width: 95%;margin: auto;margin-bottom: 10px;margin-top: 10px;}
input[type=text] {
      width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 16px;
    background-color: white;
 
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 6px 6px 6px 30px;
    background-size: 13px;
    font-family: 'Kanit';
}
.box-message{width: 25%;
    border: 1px dotted #333;
    padding: 118px;}
.listicom{

  width: 100%;
    padding: 10px;
    background: linear-gradient( 
135deg
 ,rgb(235 242 247),rgb(235 242 247) 15%,rgba(119,134,146,.15) 25%,rgb(32 140 226 / 5%) 32%,rgba(119,134,146,.05) 42%,rgba(119,134,146,.25) 52%,rgba(119,134,146,.15) 60%,rgb(47 144 222 / 45%) 75%,rgba(119,134,146,.15) 80%,rgba(119,134,146,.05) 85%,rgba(119,134,146,.15) 90%,rgb(56 111 156 / 88%) 120%);
    background-size: 220% 220%;
    box-shadow: 0 50px 50px rgb(0 4 12 / 5%), 0 4px 15px rgb(0 0 0 / 5%), 0 0 5px rgb(0 4 12 / 5%);
    margin-top: 14px;

}
.language{   
 float: left;
    padding: 5px;
    color: #2d5812;
    font-size: 1.4em;
    position: absolute;
    right: 36px;
    top: 0;}


   .d-Detail{
    text-decoration: underline 2px;text-align: right;cursor: pointer;} 
    .s-f{    text-align: right;
    font-size: 14;
    font-weight: 700;
    text-decoration: underline 2px;}
    .Package{width: 100%;
    padding: 5;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: underline 8px #fde25b;
    color: #457fe6;}
    .img-pkl{width: 93%;
    border: 1px solid #ecf3f8;
    padding: 5px;
    margin-top: 10px;
    }
    .pk-t{    width: 100%;
    margin-bottom: 15px;}
    .pk-img-po{width:160px; margin: auto;margin-bottom: 10px;}

    .fo-logo{width: 30%; float: left;}
   
    .logo-img-foo{width:15px;}
    .confrom{width: 100%;margin: auto;color: #358741;}
/* On smaller screens, decrease text size */
.imgLogo{ width: 300px; }
.listcanimg{width: 100%;}
.from-mobie{display: block;}
.from-pc{display: none;}

.f-covidmo{width: 100%;margin:auto;}
.img-co{width: 100%}


}
.vedioHR{    width: 100%;
    height: 212px;}
.from-covid{width: 100%;
    background: #8bc34a;

    margin-top: 3px;
    padding: 0px;
    border: 1px solid#86e31a;}
.imgShow{width: 100%;height: 200px;}

  .text {font-size: 11px}


.mini-new{display:block;}

  


@media screen and (max-width: 600px) {
/*  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }*/
  .topnav a.icon {
    float: right;
    display: block;
  }
}


  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
/*  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }*/

.covid19text{    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #f20000;}
     .imgresizeHR{height: 260!important;width: 215px!important;}
@media screen and (min-width: 768px){
  .from-text-del{    padding: 7px;
    color: #2196f3;}
  .fromsliswes{height: 20%;
    overflow: hidden;}
  .t-heder05{width: 100%;}
  .slideshow-container{height:unset;}
.setcss{width: 100%}
.t-f-covid{padding: 0px; width: 100%}
.from-mobie{   
    width: 100%;
    overflow: hidden;}
.f-covidmo{    width: 100%;
    overflow: hidden;}
  .text-job{font-size:23px;}
  .imgresizeHR{width: 100%!important;height: unset!important;}
  .fromresize{    height: 37%!important;}
  .fromresizeimg{height: 75%!important;}
  .formimgRH{width: 100%!important;
    height: 100%!important;}
  .covid19text{    text-align: center;
    font-size: 33px;
    font-weight: 600;
    color: #f20000;}
  .vedioHR{width:100%; height:315;}
  .connectionPR{display: none;}
  .sidenav{display: block;}
/*  #mySidenav a {
  position: fixed;
  right: -50px;
  transition: 0.3s;
  padding: 15px;
  width: 100px;
  text-decoration: none;
  font-size: 18px;
  color: white;
  border-radius: 0 5px 5px 0;
  margin-top: 35%;
}*/

#mySidenav a:hover {
  right: 0;
}

#about {
  top: 25px;
  background-color: #00c854;
}

#blog {
  top: 95px;
  background-color: #3c5a99;
}

#projects {
  top: 165px;
  background-color: #d31414;
}

#contact {
  top: 235px;
  background-color:#ff7a7a;
}
  .sezeimg{width:40px;height: 40px;}
  #mySidenav a{right: -75px;}
  .logopc{display: block;}
  .imgShow{height: unset;}
  .imgLogoJob{width: 270px;}
 
  .det-t{font-size: 20px}
  .list-job-previwe{font-size: 22px;}
 .logomoble{display: none;}
  #activelogo{width: 100%;text-align: left; }
  .imgLogo {width: 440px;}
  .menuMoobol{padding: 2px;border-bottom: none;margin-left: 1px;}
  .menuMoob{border-bottom: none;margin-right: 0px;margin-left: 14px;}
  .f-search{margin: 0px;width: 97%;}
  
  .confrom{width: 60%;margin: auto;}
  .activeHome{background: #fde25b;padding: 8px;}
  .at{padding: 8px}

 .topnav{border-bottom: 1px solid #d8d4d4;}
 .confrom{width: 100%}
 .listCovid{width: 100%; float: left;}
 .co-text{float: left;background: #55c235;color: #ffffff;margin-bottom: 15px;}
 .img-co{width: 41%;margin: auto auto;display: block;}
  .co-t{font-size: 1.5em;padding: 20px}
  .co-t{border-bottom: 1px solid #b3b0b0;}
  .boxmassage{width: 60%}
  .s-f{font-size: 20px;} 
  .img-pkl{width: 96%;padding: 10px;}
  .T-message{width: 100%;border-radius: 4px;}
  .img-pkl{border-top: 2px solid #c6c9cc;}
  .language{display: none;}
.mini-new{display: none;}
.f-search{display: none;}
.f-new{display: block;}
.fimg{ display: block;margin-left: auto;margin-right: auto;width: 100%;}
.fimg1{ display: block;margin-left: auto;margin-right: auto;width: 27%;}
.t-f-covid{box-shadow:none;}
.d-f-img{width: 100%;margin: auto;text-align: center;margin-top: 11px;}

.logocovid{width: 35%;z-index: 0;position: relative;left: 129px; top: -97px;background: #64b4e4;border-radius: 50%;}

.logomain{width: 35%;z-index: 0;position: relative;left: 129px; top: -97px;background: #64b4e4;border-radius: 50%;}
.f-new{width: 100%;margin-top:25px}
.f-full-new{width: 100%;float: left;}
.f-nn{width: 50%;float: left;}
.co-t{border-bottom: unset;}
.T-message{margin: unset;margin-left: 4px;width: 97%}
.imgShowNews1{    width: 100%;}
    .from-img-news{width: 100%;
    border-radius: 10px;
    overflow: hidden;
    height: 60%; }
.t-news{font-size: 1.8em;line-height: 125%;text-decoration: underline 3px; color: #457fe6;}
.from-news{border: 1px solid #e8e8e8;
    height: 26%;
    margin-top: 13px;width: 93%!important;    margin-left: 9px;border-radius: 10px;}
.frosli{padding: 0px;}
.slinews .draggable .slick-track .slick-active{margin-top: -5px}
.from-csr{width: 100%;float: left;}
.t-csr{ width: 99%;background: #fde25b; padding: 6px;font-size: 1.2em;margin-top: 25px;}
.t-csr1{ background: #1798ff;
    padding: 20px;
    font-size: 23px;
    margin-top: 25px;
    color: #fdfdfd;
    box-shadow: 1px 1px 3px 0px #646464;}
.f-t-csr{width: 100%; border-bottom: 2px solid; float: left;}
.img-csr{width: 20%;margin-top: 10px;float: left;margin-bottom: 10px}
.Package{float: left;}
.f-message{float: left;}
.t-csr-t{width: 50%;float: left;margin-top: 60px}
.imgShowcsr{height: 25%; width: 155px}
.t-histoy{float: left;}
.listicom{float: left;}
.img-pkl{width: 100%}
.tas-t{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.t-p{padding: 3px}
.d-Detail{padding: 5px; float: right;}
.imgShowNews{   width: 180px;
    height: 136px;
    background-position: center center;
    background-repeat: no-repeat;border-radius: 5px;padding: 5px 0px;}

 .menuMoob:hover{ background: #fde25b;}
 .menuMoobol:hover{ background: #fde25b;}
 
 .r-img{width: 99%;}
 .t-covsrl{width: 100%;
    background: #fde25b;
    float: left;
    padding: 10px;
    margin-top: 19px;}
  
  .from-news:hover{-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); }
}
@media screen and (min-width: 1024px){
  .fromresizeimg {
    height: 60%!important;
}
  .fromresize{height: 55%!important}
.from-img-news{    height: 100%;}
.covid19text{font-size: 24px;}
.from-pc{display: block;}
.from-mobie{display: none;}

  .from-ram{border: 2px solid #3f51b5;
    background: #f0f2fc;
    padding: 20px;
    border-radius: 5px;margin-bottom: 10px;}
    .from-mar{border: 2px solid #8bc34a;
    background: #eeefed;
    padding: 20px;
    border-radius: 5px;margin-bottom: 10px;}
  .slideshow-container{height: unset;}
  .d-Detail{font-weight:unset;}
  .co-text{float: unset;}
  .co-t{font-size: 1em;padding: 0px;}
  .s-f {font-size: 14px;}
.list-job-previwe{width: 97%}
.f-search{border-bottom:none;}
.listcanimg{width: 100%;height: 50%;}
.f-search{width: 100%}
.mi-f-search{width: 100%}
.menuMoobol {margin-left: 0px;text-align: left;margin-right: 1px;}
.menuMoob{    margin-left: 0px;margin-right: 1px;}
.imgLogo {width: 440px;margin-left: -5px}
.confrom{width: 70%}
.co-text{ color: #f8f8f9;background: #3198e2;border-radius: 20px;width: 95%;text-decoration: none;font-weight: unset;padding: 5px;font-size: 16px;position: relative;}
.from-mobie{display: none;}
.from-pc{width: 100%; height: 340px;display: block;margin-bottom: 46px;}
.t-from-pc{width: 99%;
    float: left;
    z-index: 9;
    padding: 8px 4px;
    border: 2px solid #8bc34a;
    border-radius: 5px;
    background: #2d9600; }
  .bast{background: #004067!important;}
.pc-1{    width: 44%;
    float: left;
    background: #64b4e4;
    margin-top: 0px;
    padding: 15px;
    margin-left: 6px;
    height: 325px;border-radius: 5px;}
.pc-2{    width: 44%;
    float: right;
    background: #64b4e4;
    margin-top: 0px;
    padding: 15px;
    margin-left: 6px;
    height: 325px;border-radius: 5px;}
.fimg{ display: block;margin-left: auto;margin-right: auto;width: 100%;}
.fimg1{ display: block;margin-left: auto;margin-right: auto;width: 27%;}
.t-f-covid{box-shadow:none;}
.d-f-img{width: 100%;margin: auto;text-align: center;margin-top: 11px;}
.co-t{color: #fbfafa;}
.logocovid{width: 35%;z-index: 0;position: relative;left: 129px; top: -97px;background: #64b4e4;border-radius: 50%;}
.t-Covid{position: relative;}
.logomain{width: 35%;z-index: 0;position: relative;left: 129px; top: -97px;background: #64b4e4;border-radius: 50%;}
.f-new{width: 100%;margin-top:25px}
.f-full-new{width: 100%;float: left;}
.f-nn{width: 50%;float: left;}
.co-t{border-bottom: unset;}
.T-message{margin: unset;margin-left: 4px;width: 97%}
.t-news{font-size: 1.8em;line-height: 125%;text-decoration: underline 3px; color: #457fe6;}
.from-news{
  width: 85%!important;
    height: 40%;
    border-radius: 6px;
    margin-top: 12px;
    margin-left: 22px;
    margin-bottom: 1px;
        border-bottom: 1px solid #e3e4ed;
    border-left: 1px solid #e3e4ed;
    border-right: 1px solid #e3e4ed;
}
.slinews .draggable .slick-track .slick-active{margin-top: -5px}
.from-csr{width: 100%;float: left;}
.t-csr{  width: 98%;
    background: #8bc34a;
    padding: 0px 12px;
    font-size: 2em;
    margin-top: -27px;
    font-weight: 600;
    border-radius: 5px;
    color: #f8f8f8;}
.t-csr1{     width: 98%;
    background: #3f51b5;
    padding: 0px 12px;
    font-size: 2em;
    margin-top: -27px;
    font-weight: 600;
    border-radius: 5px;
    color: #f8f8f8;}
.f-t-csr{width: 100%; border-bottom: 2px solid; float: left;}
.img-csr{width: 20%;margin-top: 10px;float: left;margin-bottom: 10px}
.Package{float: left;}
.f-message{float: left;}
.t-csr-t{width: 50%;float: left;margin-top: 60px}
.imgShowcsr{height: 25%; width: 155px}
.t-histoy{float: left;}
.listicom{float: left;}
.img-pkl{width: 100%}
.tas-t{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.t-p{padding: 4px 5px;color: #0063b1;}
.t-p1{padding: 4px 5px;color: #498205;}
.ct{color: #498205!important;}
.d-Detail{padding: 5px; float: right; color: #468bc2;}
.imgShowNews{ width: 180px;
    height: 136px;
    background-position: center center;
    background-repeat: no-repeat;border-radius: 5px;}

 .menuMoob:hover{ background: #fde25b;}
 .menuMoobol:hover{ background: #fde25b;}
 
 .r-img{width: 100%;
    height: 50%;
    border: 1px solid #1196ff40;
    background: #e3e4ed;
    border-radius: 5px}
 .t-covsrl{width: 100%;
    background: #fde25b;
    float: left;
    padding: 10px;
    margin-top: 19px;}





.f-text{float: right;
    font-size: 17px;
    padding: 10px 0px;cursor: pointer;}
.f-text:hover{    color: #96deff;}
.loadnews{width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0px;
    background: #87aecc;
    box-shadow: 4px 0px 0px 2px #d3f1ff;
    margin-top: 15px;
    color: #fff;}
  }
@media screen and (min-width: 1280px){
.r-img {height: 65%;}
.fromresizeimg{height: 75%!important;}
  .from-news{height: 30%;}
}

@media screen and (min-width: 1400px){

  .logocovid{width: 31%;left: 167px;}
  .logomain{    width: 30%;left: 171px;}
  .pc-1{margin-left: 10px;}
  .pc-1{width: 45%;}
  .imgLogoJob{width: 400px} 
  .fromresizeimg{height: 70%!important;}
}

@media screen and (min-width: 1600px){
.logocovid{width: 27%;left: 196px;}
.logomain{width: 27%;left: 196px;}
.pc-1 {
    margin-left: 16px;width: 46%;
}
.list-job-previwe{width: 98%}
.logo-img-foode{width: 15%;}

}
@media screen and (min-width: 1800px){
.logocovid{    width: 23%;
    left: 252px;}
.logomain{    width: 23%;
    left: 252px;}

}