@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------------------------------------------------*/
/*  tabs_estm > Tabs feature for eStatement							  								     */
/* ----------------------------------------------------------------------------------------------------*/
.cmsArea >ol >li { padding-left: 10px; } 
.cmsArea >ol >li { margin: 5px 0px 0px 0px; }
.tab_hkSel ul.enTab { padding-left: 0px; }
.tab_hkSel ul.enTab li { margin-right: 0px; width:50%;  text-align: center; }
.tab_hkSel ul.enTab li:first-child { border-right: 1px solid lightblue; }
.tab_hkSel ul.enTab li:last-child { border-left: 1px solid lightblue; }
.tab_hkSel ul.cnTab { padding-left: 0px; }
.tab_hkSel ul.cnTab li { margin-right: 0px;  width:50%;  text-align: center; }
.tab_hkSel ul.cnTab li:first-child { border-right: 1px solid lightblue; }
.tab_hkSel ul.cnTab li:last-child { border-left: 1px solid lightblue; }
.tab_hkSel ul.menu_hkSel li:visit { border-top:3px solid lightgreen; padding-top: 10px; }
.tab_hkSel ul.menu_hkSel { }
.tab_hkSel ul.menu_hkSel li { padding: 0px 10px 0px 0px; }
.tab_hkSel ul.menu_hkSel li:hover { color: #808080; }
.tab_hkSel ul.menu_hkSel li:first-child { background: none; }
.tab_hkSel ul.menu_hkSel li:first-child.active_hkSel { background: none; }
.tab_hkSel ul.menu_hkSel li:first-child + li { background: none; }
.tab_hkSel ul.menu_hkSel li:first-child + li.active_hkSel { background: none; }
.tab_hkSel ol { margin-left: 18px; }
.acInfo {  }
.divBox p, h2, h3, li { text-align: justify; }
.divBox ol {  }
.divBox a { text-decoration: underline; }
.divBoard {  }
.divBoard > div { display:grid; grid-template-columns:49% 49%; grid-column-gap: 2%; grid-row-gap: 0px; margin-bottom:20px; }
.divBoard > div > div a { color: #ffffff; }
.divBoard > div > div a:hover { color: #f0f0f0; }
.divBoard > div > div:first-child { padding: 10px; background-color: #017dbb;  color: #ffffff;  font-weight: bold; min-height: 40px; }
.divBoard > div > div:nth-child(2) { padding: 10px; background-color: #017dbb;  color: #ffffff;  font-weight: bold; min-height: 40px; }
.divBoard > div > div:nth-child(3) { background: #eff2fa; padding: 10px; border: 1px solid #c1d3e0; text-align: center; }
.divBoard > div > div:last-child { background: #eff2fa; padding: 10px; border: 1px solid #c1d3e0; text-align: center;  }
.con1_Board > div > div:nth-child(3) > img { width: fit-content;  max-width: 100%;  height: 800px;  }
.con1_Board  > div > div:last-child > img {  width: fit-content;  max-width: 100%;  height: 800px;  }
.con2_Board > div > div:nth-child(3) > img { width: fit-content;  max-width: 82%;  height: 260px;  }
.con2_Board  > div > div:last-child > img {  width: fit-content;  max-width: 82%;  height: 260px;  }
.divC2P2  {  overflow: hidden;   }
.divC2P2 > p > img { width: 100%;  height: auto;  max-width: fit-content; margin-top: -15px;  } 
.divSpace { display: block; visibility: hidden; }
@media screen and (min-width:741px) and (max-width:984px ) {
.divBoard > div { grid-template-columns:49% 49%; margin-bottom:20px; }
.con1_Board > div > div:nth-child(3) > img { width: fit-content;  height: 600px;  }
.con1_Board  > div > div:last-child > img {  width: fit-content;  height: 600px;  }
.con2_Board > div > div:nth-child(3) > img { width: fit-content;  height: 200px;  }
.con2_Board  > div > div:last-child > img {  width: fit-content;   height: 200px;   }
.divSpace { display: block; visibility: hidden;  }
}
@media screen and (max-width:740px) {
.divBox p, h2, h3, li { text-align: left; }
.tab_hkSel ul.menu_hkSel { padding-left: 0px; }
.tab_hkSel ul.menu_hkSel li { margin-right: 0px; padding: 0px; }
.divBoard > div { grid-template-columns:100%; margin-bottom:0px; }
.divBoard > div > div:first-child { grid-area: 1 / 1 / 2 / 2;  padding: 10px; background-color: #017dbb; color: #ffffff;  font-weight: bold;  min-height: 40px; }
.divBoard > div > div:nth-child(2) { grid-area: 3 / 1 / 4 / 2; padding: 10px; background-color: #017dbb; color: #ffffff;  font-weight: bold;  min-height: 40px; }
.divBoard > div > div:nth-child(3) { grid-area: 2 / 1 / 3 / 2; margin-bottom: 20px; padding: 10px; background: #eff2fa; border: 1px solid #c1d3e0; text-align: center; }
.divBoard > div > div:last-child { grid-area: 4 / 1 / 5 / 2; margin-bottom: 20px; padding: 10px; background: #eff2fa; border: 1px solid #c1d3e0; text-align: center; }
.con1_Board > div > div:nth-child(3) > img { width:90%; ;  height: auto;  }
.con1_Board  > div > div:last-child > img { width:90%; ;  height: auto; }
.con2_Board > div > div:nth-child(3) > img { width:90%; ;  height: auto;   }
.con2_Board  > div > div:last-child > img {  width:90%; ;  height: auto;   }
.divC2P2 > img {  width:90%; ;  height: auto;  max-width: none;  } 
.divSpace { display: none; visibility: hidden; }
}
/* ----------------------------------------------------------------------------------------------------*/