.cimg{
width:100%;
height:210px;
background-color:#3c8ddc;
background-image:url("../img/topimg_l.jpg");
background-position:center 75%;
background-repeat:no-repeat;
background-size:cover;
position:relative;
}

.cimg > h2{
font-size:300%;
width:100%;
line-height:120%;
margin:0 auto;
padding:5px 5px;
color:#333;
box-sizing:border-box;
display:inline-block
width:100%;
height:210px;
background-color:rgba(255,255,250,0.5);
text-align:center;
line-height:210px;
text-shadow:0px -2px 3px rgba(255,255,255,0.5),0px 2px 3px rgba(0,0,0,0.5);
}

header > h1{
font-size:180%;
width:960px;
margin:0 auto;
padding:15px 10px 13px;
box-sizing:border-box;
text-shadow:1px 1px 2px rgba(100,100,100,0.5);
}

.nvpd > ul > li {
display:inline-block;
width:auto;
background:#01a3c6;
}

.nvpd > ul li > a{
display:inline-block;
width:135px;
height:40px;
line-height:35px;
padding:5px;
text-align:center;
text-decoration:none;
font-size:15pt;
color:#FFF;
background:#01a3aa;
-webkit-transition:all 0.3s linear;
transition:all 0.3s linear;
position:relative;
}

.nvpd > ul li > span{
display:inline-block;
width:135px;
height:40px;
line-height:35px;
padding:5px;
text-align:center;
text-decoration:none;
font-size:15pt;
color:rgba(50,50,50,1);
background:#01a3aa;
position:relative;
}
.nvpd > ul li > span:before{
display:inline-block;
background-color:rgba(50,50,50,0.2);
width:135px;
height:40px;
position:absolute;
top:0px;
left:0px;
content:"";
}

.nvpd > ul li > a:before{
display:inline-block;
background-color:rgba(255,255,255,0.3);
width:0px;
height:40px;
position:absolute;
top:0px;
left:0px;
content:"";
-webkit-transform-origin:left center;
transform-origin:left center;
-webkit-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.nvpd > ul li > a:hover:before{
width:135px;
}

article{
border:1px solid #FFF;
width:960px;
height:auto;
margin:0 auto;
padding:50px 0 0;
}

section{
padding:0 0 40px;
}

.ctbx{
padding:10px 10px 20px;
}

.ctbx p{
line-height:1.5;
margin:0 0 15px;
padding:0;
}

section > h2{
margin:0 0 10px 0;
border-bottom:3px solid #bbb;
color:#666;
font-size:120%;
font-weight:bold;
}

footer{
width:100%;

background-color:#01a3c6;
color:#fff;
text-align:center;
padding:5px 0;
position:relative;
bottom:0;
}

/* officers */
.officers{
width:100%;
border-collapse:separate;
border-spacing:0;
}

.officers th:first-child{
border-radius:5px 0 0 0;
}

.officers th:last-child{
border-radius:0 5px 0 0;
border-right:1px solid #666;
}
.officers th{
text-align:center;
color:#FFF;
background-color:#093;
background:linear-gradient(#6ea,#093);
border-left:1px solid #666;
border-top:1px solid #666;
border-bottom:1px solid #666;
min-width:100px;
padding:10px 0;
box-sizing:border-box;
}

.officers td{
text-align:center;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:none;
box-shadow:0px -2px 5px 2px #eee inset;
padding:10px 0;
}

.officers td:last-child{
border-right:1px solid #ccc;
}

.officers tr:last-child td:first-child {
border-radius:0 0 0 5px;
}

.officers tr:last-child td:last-child {
border-radius:0 0 5px 0;
}

/* officers 202203 new*/
td.opg_lt{
text-align:left !important;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:none;
box-shadow:0px -2px 5px 2px #eee inset;
padding:10px 0 10px 15px;
}


.t_nl{
display:block;
width:100%;
text-align:center;
padding:10px;
}

.tnlsp{
display:inline-block;
text-align:left;
width:180px;
padding:5px 0px 5px 0px;
text-align:justify;
}

.bg_gr{
background-color:#eee;
height:5px;
}
.tb_vam{
vertical-align:middle;
}

.ac_mbx1{
width:100%;
max-width:515px;
max-height:347px;
}
.ac_mbx2{
width:100%;
max-width:410px;
max-height:450px;
}
.ac_mbx3{
width:100%;
max-width:693px;
max-height:1058px;
}

/* about 202203 new*/

.abp_ibx{
float:right;
display:block;
text-align:center;
width:300px;
}

.abp_ibx2{
display:none;
}

.brc{
clear:right;
}