.ph-container {
    width: 990px;
    max-width: 100%;
    margin: 0 auto;
  }

 
.ph-container * {
    box-sizing: border-box;
  }
  
.ph-container img {
    border: 0;
    display: block;
  }
  
.ph-container a {
    text-decoration: none;
  }

 
.ph-banner {
    display: flex;
    width: 100%;
    height: 155px;
  }
  
.ph-banner__left {
  width:364px;height:100%; background: url('../images/2010/head_publaw01.jpg') no-repeat center;
  background-size:100% 100%;  background-color: #1a4d8c; }
  
.ph-banner__right {
flex:1;height:100%; background: url('../images/2010/head_publaw02.jpg') no-repeat center;
  background-size:100% 100%;  background-color: #2a6ab8; }

  
/* ----- Menu bar ----- */
  
.ph-menu {
    background: url('../images/2010/bg_menu.gif') repeat-x;
    background-color: #FFFFFF;
    width: 100%;
  }
 
.ph-menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  align-items: center;
    width: 100%;
  }
  
.ph-menu__item {
    flex: 0 0 auto;
    display: block;
    line-height: 0; }
 
.ph-menu__item img {
    display: block;
  }


.ph-menu__filler-left {
   flex-grow: 1;
 flex-shrink:1;flex-basis:0;  height: 31px;
    background: url('../images/2010/bg_m_l.gif') repeat-x;
 }
  
.ph-menu__filler-right {
    flex-grow: 1;
 flex-shrink:1; flex-basis:0; height: 31px;
    background: url('../images/2010/bg_menu.gif') repeat-x;
  }



.pc-content table[width="990"] {
  width: 990px;
  max-width: 100%;
}



.pf-footer {
  width: 100%;
}

.pf-footer table[width="990"] {
  width: 990px;
  max-width: 100%;
}

.pf-footer td.footer {
  word-break: break-word;
  padding: 6px 10px;
  line-height: 1.5;
}



@media (max-width: 989px) {

.ph-banner { aspect-ratio:990/155; height:auto;}
.ph-banner__left {
  width:34.95%;flex-shrink:0;  }
    
.ph-banner__right { flex:1;  }

  
.ph-menu__filler-left,
 .ph-menu__filler-right {
      display: none;
    }
 
.ph-menu__list { justify-center:center; }
.pc-content table[width="990"] {
    width: 100% !important;
  }
  
.pc-content table[width="100%"],
  .pc-content table[width="98%"],
  .pc-content table[width="99%"] {
    width: 100% !important;
  }
  
.pc-content img {
    max-width: 100%;
    height: auto;
  }


.pf-footer table[width="990"] {
    width: 100% !important;
  }
  
.pf-footer td.thaismall {
    padding: 0 8px;
    word-break: break-word;
  }
  
.pf-footer table[width="99%"] {
    width: 100% !important;
  }

 }

@media (max-width: 767px) {
  
.ph-menu__item img {
      max-width: 100%;
      height: auto;
    }
  
.pc-content td[width="18%"] {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 20px !important;
  }

  
.pc-content tr:has(> td[width="18%"]) {
    display: block !important;
    width: 100% !important;
  }

  
.pc-content tr:has(> td[width="18%"]) > td {
    display: block !important;
    width: 100% !important;
  }

 
 .pc-content td[background*="bg_art_l"],
  .pc-content td[background*="bg_art_r"] {
    display: none !important;
  }

 
.pc-content .body {
    font-size: 14px;
    line-height: 1.7;
  }

  
.pc-content .head_article {
    font-size: 16px;
  }
.pf-footer table[width="99%"],
  
.pf-footer table[width="99%"] tbody,
  
.pf-footer table[width="99%"] tr {
    display: block;
    width: 100%;
  }
  
.pf-footer table[width="99%"] td {
    display: block;
    width: 100% !important;
    text-align: center;
    padding: 6px 0;
  }
  
.pf-footer iframe[name="counter"] {
    width: 100% !important;
    max-width: 200px;
    display: inline-block;
  }
  
.pf-footer td.footer {
    font-size: 11px;
    text-align: center !important;
    padding: 8px 10px;
  }
  
.pf-footer td.thaismall {
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.6;
  }


}