@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------------------------------------------------*/
/*  With tabs.js : 2 Tabs feature for IPO promotion						   */
/* ----------------------------------------------------------------------------------------------------*/
.cmsArea >ol >li { padding-left: 10px; } 
.cmsArea >ol >li { margin: 5px 0px 0px 0px; }
.tab_hkSel ul.menu_hkSel { padding-left: 6%; }
.tab_hkSel ul.menu_hkSel li { margin-right: 20px; padding: 0px 10px 0px 0px; width: 270px; }
.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 p, h2, h3, li { text-align: justify; }
.divBox ol { }
.divBox a { text-decoration: underline; }
.ptable1 { width:100%; border:1px solid #c1d3e0; }
.ptable1 tr { background-color: #017dbb; color: #ffffff; font-weight: bold; }
.ptable1 tr td:nth-child(odd) { width:49%; } 
.ptable1 tr:nth-child(even) { text-align: center; } 
.ptable1 tr td { vertical-align: top; }
.ptable1 tr td a { color: #ffffff; }
.ptable1 tr td a:hover { color: #f0f0f0; }
.ptable1 tr td > img { width: fit-content;  max-width: 100%; height: 500px; }
.ptable2 { width:100%; border:1px solid #c1d3e0; }
.ptable2 tr { background-color: #017dbb; color: #ffffff; font-weight: bold; }
.ptable2 tr td:nth-child(odd) { width:49%; } 
.ptable2 tr:nth-child(even) { text-align: center; } 
.ptable2 tr td { vertical-align: top; }
.ptable2 tr td a { color: #ffffff; }
.ptable2 tr td a:hover { color: #f0f0f0; }
.ptable2 tr td > img { width: fit-content; max-width: 82%; height:300px; }
.tdspace { background-color: #e3eaf2; border: 1px solid #e3eaf2; }
@media screen and (min-width:741px) and (max-width:984px ) {
.tab_hkSel ul.menu_hkSel { padding-left: 10%; }
.tab_hkSel ul.menu_hkSel li { margin-right: 20px; padding: 0px; width: 160px; }
.ptable1 tr td > img { width: fit-content; height:300px; }
.ptable2 tr td > img { width: fit-content; height: 190px; }
}
@media screen and (max-width:740px) {
.tab_hkSel ul.menu_hkSel { padding-left: 1%; }
.tab_hkSel ul.menu_hkSel li { margin-right: 10px; padding: 0px; text-align: center; width: 100%; }
.divBox p, h2, h3, li { text-align: left; }
.ptable1 tr td > img { width: fit-content; height:240px; }
.ptable2 tr td > img { width: fit-content; height: 140px; } 
}
/* ----------------------------------------------------------------------------------------------------*/