@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------------------------------------------------*/
/*  19/08/25 : tabs_push > Add tabs feature etc for push notificiation pages 								    */
/* ----------------------------------------------------------------------------------------------------*/
.cmsArea >ol >li { padding-left: 10px; } 
.cmsArea >ol >li { margin: 5px 0px 0px 0px; }
.tab_hkSel {  margin-bottom: 20px; } 
.tab_hkSel ul.enTab { padding-left: 0px; }
.tab_hkSel ul.cnTab { padding-left: 0px; }
.tab_hkSel ul.enTab li { margin-right: 0px; width:50%;  text-align: center; }
.tab_hkSel ul.cnTab li { margin-right: 0px;  width:50%;  text-align: center; }
.tab_hkSel ul.enTab li:first-child { border-right: 1px solid lightblue; }
.tab_hkSel ul.cnTab li:first-child { border-right: 1px solid lightblue; } 
.tab_hkSel ul.enTab li:last-child { border-left: 1px solid lightblue; }
.tab_hkSel ul.cnTab li:last-child { border-left: 1px solid lightblue; }
.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; }
.divBox { }
.divBox p, h2, h3, li { text-align: justify; }
.divBox h4 {  text-decoration: none;  color: black; font-weight: normal;  }  
.divBox ol { }
.divBox ol li {  padding-left: 10px; }
.divBox a { text-decoration: underline; }
.divBoard {  font-size:16px;  }
.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;}
.divBoard > div > div:nth-child(3) > img { width: 80%;  height: auto;  }
.divBoard > div > div:last-child > img { width: 80%;  height: auto;   }
.divSpace { display: block; visibility: hidden; }
.tinyFont { font-size: 11px; }
.divAward > p > img {  width : 60%;  }
.divDwnload > p > img { width : 60%; }
@media screen and (min-width:741px) and (max-width:984px ) {
.tab_hkSel {  margin-bottom: 20px; } 
.tab_hkSel ul.menu_hkSel li {  }
.divBoard > div { grid-template-columns:49% 49%; margin-bottom:20px; }
.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 {  }
.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; }
.divBoard > div > div:nth-child(3) > img { width:90%; }
.divBoard > div > div:last-child > img { width:90%; }
.divSpace { display: none; visibility: hidden; }
.divAward > p > img {  width : 100%;  }
.divDwnload > p > img { width : 100%; }
}
/* ----------------------------------------------------------------------------------------------------*/