#mbbtn{ display:none;}

@media screen and (max-width:1535px){	 
}

@media screen and (max-width:1450px){	 
.hkpf_14 .slick-arrow.slick-custom-next{ transform: translate(0,0%); right:0px;   } 
.hkpf_14 .slick-arrow.slick-custom-prev{ transform: translate(0,0%);left:0px;} 
}

@media screen and (max-width:1400px){ 
.cimg_cnt.p3{ max-width:530px;}
}
@media screen and (max-width:1279px){ 
#section_inner_cnt.hkpf_14 .main_content{  }
.cimg_cnt a.item.c4b{max-width:220px;}

.ppl_ttshw {transform: translate(-50%,0% );}
.team_cnt img {
  padding: 5% 0 0 0; 
}

 .p2_cnt .p2_item.bk2{margin:280px 0 0 0;}
 .p2_cnt .p2_item.bk4{margin:200px 0 0 0;}
 .p2_cnt .p2_item.bk6{margin:140px 0 0 0;}
 .p2_cnt .p2_item.bk8{margin:160px 0 0 0;}
 .p2_cnt .p2_item.bk14{margin:140px 0 0 0;}
 .p2_cnt .p2_item.bk16{margin:140px 0 0 0;}
 
	/*
.team_cnt{   max-width:620px;}	
.hkpf_14 .slick-arrow.slick-custom-next{ transform: translate(240px,0%) } 
.hkpf_14 .slick-arrow.slick-custom-prev{ transform: translate(-300px,0%) } */
}

@media screen and (max-width:1200px){ 
.cimg_cnt.p3{ max-width:430px;}
}



@media screen and (max-width:1024px){
.cimg_cnt a.item.c4b img{ border-radius:0;}
.cimg_cnt a.item.c4b{max-width:100%; border-radius:0;}
#section_inner_cnt.hkpf_01{ margin-top:0;}
.cimg_cnt.p3{ max-width:505px;}

.cimg_cnt_p3cnt .cimg_cnt.p3.mb-4{ margin-bottom:10px !important;}
 .hop  .content_cnt p{ padding:0;}
 
 
.lg1 .cimg_cnt_p4_cnt.base p.cimg_p {
  transform: translate(0, 0); margin-top:1em;
}
.cimg_cnt_p4_cnt.base{  transform: translate(0, 0);}

.cimg_cnt.p4_2a::before {
  max-width: 360px;
}
.cimg_cnt.p4_4a::before {
  max-width: 360px;

}
.cimg_cnt { 
margin: 40px auto 10px auto;
}
.hide_mb{ display:none;}
.show_mb{ display:block}
	/*
	.cimg_cnt {
  margin-top: 40px;
  padding: 0;
	}
	
.cimg_cnt_p4_cnt.base p.cimg_p,
  .lg1 .cimg_cnt_p4_cnt.base p.cimg_p {
	  margin:1em 0 0 0;
  transform: translate(0, 0);
}
.cimg_cnt_p4_cnt.base { padding:0;  margin: 0 auto 1.8em auto;  transform: translate(0, 0);}

.p8 .cimg_cnt.p4_2a, 
.p8 .cimg_cnt.p5,
.cimg_cnt,
.cimg_cnt.p10,
.cimg_cnt.p5,
.cimg_cnt.p4_4a,
.cimg_cnt.p4_2a,
.cimg_cnt.p4a{
	border-bottom-width:8px !important;
	border-left-width:8px !important;
	}
 */
 
.lg1 .p_cnt{margin: 0;}

body.home  #other_cnt {margin:0 15px 0 0}
body  #other_cnt {margin:0 0px 0 0}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 6px;
  padding: 9px 5px 9px 5px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#header_container .navbar-toggle .icon-bar {
  width: 30px;
}
 .home #footer{ padding:0 0 30px 0; }
 .inner #footer{ padding:0 0 90px 0; }
#lang_cnt .lang_btn:hover {
  background: #1a509b;

  color: #fff;
}
#lang_cnt .lang_btn { height:45px;  
  font-size: 14px;
}
body.home{  overflow: auto;}
.og_btn {  padding: 0 6px 0 6px;}
 
.og_btn img {
  max-width: 18px;
}
 .ppl_ttshw{  width:24px; 
  height:24px; top:2%;     color:#fff;  }
  
  
  .ppl_ttshw em{width:24px; height:24px;   }
  
  .ppl_ttshw em{  height:12px; line-height:12px;  font-size:12px; }
  .ppl_ttshw em strong{  height:12px; line-height:12px;  font-size:12px; }

.team_cnt  .ppl_ttbtn.t4,
.team_cnt  .ppl_ttbtn.t5,
.team_cnt  .ppl_ttbtn.t6,
.team_cnt  .ppl_ttshw.t4,
.team_cnt  .ppl_ttshw.t5,
.team_cnt  .ppl_ttshw.t6{top:7%;   }



.team_cnt.tm3  .ppl_ttbtn.t4,
.team_cnt.tm3  .ppl_ttbtn.t5,
.team_cnt.tm3  .ppl_ttbtn.t6,
.team_cnt.tm3  .ppl_ttshw.t4,
.team_cnt.tm3  .ppl_ttshw.t5,
.team_cnt.tm3  .ppl_ttshw.t6{top:6%;   }


.team_cnt_outer {
  transform: translate(0,0);
}
.team_cnt{   
/*max-width: calc(100% - 60px);*/ 
max-width:500px;
}	
 
 .ppl_ttbtn{ display:none;}


.hkpf_14 .slick-arrow{ left:50%; top:25%;  bottom:auto}
.hkpf_14 .slick-arrow.slick-custom-next{ transform: translate(0,-50%) ;left:auto;  right:5px;} 
.hkpf_14 .slick-arrow.slick-custom-prev{ transform: translate(0,-50%); left:5px; } 

.team_cnt{flex-wrap:wrap; flex-direction:column-reverse}
  .ppl_cnt{min-width:120px; position: static; top:0%; right:0;  /*transform: translate(0,-40px);  */width:auto; }

  .home .ppl_cnt{  padding:0;  }
.team_cnt_outer{width:100%;position: relative; overflow:hidden;}

 #hg_cnt .ppl_cnt img{
 }
#hg_cnt .ppl_cnt{margin:0; height:auto;}

#hg_cnt .logo_cnt{margin-top:160px;}
#hg_cnt {margin-top:-160px;}
/*
.team_cnt.tm1.tm4{padding:50px 0 70px 0 ;}
.team_cnt.tm3{padding:0 0 50px 0 ;}
.team_cnt.tm2{padding:20px 0 50px 0 ;}
.team_cnt.tm1{padding:0 0 50px 0 ;}*/
/*
.team_cnt p.ppl_tt{ opacity:1; border:0px solid #f0f; font-size:1em;}

.team_cnt.tm1 p.ppl_tt.t1{left:22%; }
.team_cnt.tm1 p.ppl_tt.t2{left:52%; }
.team_cnt.tm1 p.ppl_tt.t3{left:79%; }

.team_cnt.tm1 p.ppl_tt.t4{top:auto; bottom:5%; left:35%; }
.team_cnt.tm1 p.ppl_tt.t5{top:auto; bottom:5%;  left:65%; }


.team_cnt.tm2 p.ppl_tt.t1{left:20%; }
.team_cnt.tm2 p.ppl_tt.t2{left:46%; }
.team_cnt.tm2 p.ppl_tt.t3{left:75%; }

.team_cnt.tm2 p.ppl_tt.t4{top:auto; bottom:5%; left:32%; }
.team_cnt.tm2 p.ppl_tt.t5{top:auto; bottom:5%;  left:62%; }


.team_cnt.tm3 p.ppl_tt.t1{left:20%; }
.team_cnt.tm3 p.ppl_tt.t2{left:44%; }
.team_cnt.tm3 p.ppl_tt.t3{left:68%; }

.team_cnt.tm3 p.ppl_tt.t4{top:auto; bottom:5%; left:32%; }
.team_cnt.tm3 p.ppl_tt.t5{top:auto; bottom:5%;  left:55%; }
.team_cnt.tm3 p.ppl_tt.t6{top:auto; bottom:5%;  left:81%; }

*/
.aplist li a ,
h2,h3{ text-align:left}
  table.p12_table th{ width:160px; min-width:160px}
  
.p5_2img_cnt{  position: relative; }
.p5_2img_cnt .cimg_p{ margin:70px 0 0 0; transform: translate(0, 0);}


.cimg_cnt::before {
  width: 100%;
  max-width:370px;
}
.cimg_txt_cnt {
  margin-bottom: 1.8em;
}

 
.cimg_cnt.p9.right img{  border-radius:0 0 0 0;}
.cimg_cnt.p9.right{margin-top:10px !important;   
 
 
   border-radius: 30px 0  0  0 ;  overflow:hidden;
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--orange); 
 border-bottom:6px solid  var(--orange);  
 }
 .cimg_cnt.p9.right::before{   display:none;}

body.inner #inner_cnt #section_inner_cnt .cimg_cnt.right.p5 img{ border-radius:30px 0  0 0;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.right.p9 img{ border-radius:30px 0  0 0;}


.p9 .p5_2img_cnt2 .cimg_p{  margin:1em 0 0 0  !important; padding:0; }

.p9 .p5_2img_cnt2,
.cimg_p.p7_4a,
.cimg_txt_cnt,
.cimg_txt_cnt.c2 ,
.cimg_p ,
    .cimg_cnt{max-width:420px;}
	
	.p9 .p5_2img_cnt2 .cimg_p,
	.cimg_p{ text-align:justify}
	
.hkpf_06 .cimg_cnt.p5{
   border-radius:0 30px 0 0 ; 
 border-left:10px solid var(--lblue);
 border-bottom:10px solid var(--lblue);
 }
    .cimg_cnt.p5{
   border-radius:0 30px 0 0 ; 
 border-left:10px solid var(--blue2);
 border-bottom:10px solid var(--blue2);
 }
 .hkpf_05 .cimg_cnt.p5.right::before{ display:none;}
 .hkpf_05 .cimg_cnt.p5.right{ margin-top:0;
   border-radius:0 0 0 0 ; 
 border:10px solid var(--lblue);
 }
 
 
 .cimg_cnt.p5::before{  transform: scale(1,1)   translate(0%, -100%);  }
 
 .cimg_cnt.p5::before{ background:url(./images/p5_frame.svg) no-repeat  0 100% ;  }
.cimg_cnt.p5.abs img{ border:0;    border-radius: 0;} 
.hkpf_05 .cimg_cnt.p5.right,
.hkpf_05 .cimg_cnt.p5.abs{  background:0; margin:0; position: static; left:0; bottom:0;
   border-radius: 30px 0  0  0 ;  overflow:hidden;
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--lblue); 
 border-bottom:6px solid  var(--lblue);  max-width:420px;
 } 
 .cimg_cnt.p5.abs::before{ display:none}
 
.cimg_cnt_p4_5left{ justify-content: center;}
 .cimg_cnt_p4_cnt{max-width:420px;}
.p5_2img_cnt2{ max-width:420px; display:flex;flex-wrap: wrap; align-items:center;justify-content: space-between;}
    .cimg_cnt.p5.left{width:100% }
    .cimg_cnt.p5.right{width:100%; margin:20px 0 0 0; }
 .cimg_cnt.p5.left::before,
 .cimg_cnt.p5.right::before{   }
.p5_2img_cnt2 .cimg_p{ margin:1em 5px 0 0!important; width:100%; }
.hkpf_05 .p5_2img_cnt2 .cimg_p{ margin:1em 5px 0 0!important; width:100%; }

  .p8  .cimg_cnt.p5.left{width:100% }
   .p8  .cimg_cnt.p5.right{width:100%; margin:0 0 0 0;  

   border-radius: 30px 0  0  0 ;  overflow:hidden;
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--blue2); 
 border-bottom:6px solid  var(--blue2);  
 }

 .p8  .cimg_txt_cnt.p5_2img_cnt2    .cimg_cnt.p5.right{  margin:10px 0 0 0; } 

  .p8 .cimg_cnt.p5.right::before{ display:none; }

 .lg1.p8 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p,
 .p8 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p {width:100%;}
 
 
.cimg_cnt.p9.left{width:100% }
.cimg_cnt.p9.right{width:100% ; margin:15px 0 0 0;}

 .cimg_cnt_p4_5cnt{ padding:0 0 0 0}
 
 .lg1 .cimg_cnt_p4_cnt  .cimg_p,
 .cimg_cnt_p4_cnt  .cimg_p{ transform: translate(0, 0);}
 .cimg_cnt_p4_cnt  .cimg_p,
 .cimg_cnt_p4_cnt .p4_2a{ background:0;  width:100%; text-align:justify;}
 .cimg_cnt_p4_cnt .p4_2b{ width:100%; position: static; right:0; bottom:0; margin:0 0 0 0 ; transform: translate(0, 0);
 border-radius:0; border:6px solid var(--dorange);
 } .cimg_cnt_p4_cnt .p4_2b img{ border-radius:0;}
 
 .cimg_cnt_p4_cnt.pc2.pc3.p11 .cimg_cnt.p4_2b{ margin-top:10px;}
 .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_cnt.p4_2a.p11{margin-top:15px;}
 .cimg_cnt_p4_cnt.pc2.p11 .cimg_cnt.p4_2a{ margin-top:0;}
 
  .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_p {  margin-left:0;}
 
.cimg_cnt_p4_cnt.pc2.p11 .p4_2a{width:100%; }
.cimg_cnt_p4_cnt.pc2.p11 .p4_2b img{  border-radius:0}
.p11 .cimg_cnt_p4_cnt.pc2.p11 .p4_2b,
.cimg_cnt_p4_cnt.pc2.p11 .p4_2b{ width:100%; border-radius:0; position: static; right:0; bottom:0; margin:0 0 0 0 ; 
  transform: translate(0, 0);
 
   border-radius: 30px 0  0  0 ;  overflow:hidden;
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--green); 
 border-bottom:6px solid  var(--green);  
 }
 
/*
 .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_cnt.p4_2a.p11:nth-child(3) { border-radius:0; margin-top:10px;
    border: 10px solid var(--green);
}
.cimg_cnt_p4_cnt.pc2.p11 .p4_2a {
  border-left: 10px solid var(--green);
  border-bottom: 10px solid var(--green);
}

 .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_cnt:nth-child(3)::before{ display:none;}
 */
 .cimg_cnt_p4_cnt.pc2.p11{margin:0 auto;}
 .cimg_cnt_p4_cnt.pc2.p11 .cimg_p{width:100%; margin:20px 0 1.8em 0;}
 .p11_img3 {
  width: 80px;
  position: static; margin:15px auto 0 auto;
  right: 0%; margin:
  bottom: 0;
  transform: translate(0, 0%);
}
 
.p8 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p.full {
  margin-top: 1em; width:100%; padding:0;
}

 .cimg_cnt_p4_5left{width:100%;   padding:0 0 10px 0; margin:0; }
 
 .cimg_cnt_p4_5right{width:100%; padding:0px 0 20px 0;margin:0 auto 0 auto; display:flex;flex-wrap:wrap; align-items:center; justify-content: center;}
  
    .cimg_cnt.p4_4a{ background:0; margin:30px auto 0 auto;
   border-radius:0 0  0 0 ; 
 border-top:0px solid var(--dorange);
 border-left:6px solid var(--dorange);
 border-bottom:6px solid var(--dorange);
 }  
 .cimg_cnt_p4_cnt.pc2 .p4_2b:hover,
  .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b.lg_img:hover,
    .p11 .cimg_cnt_p4_cnt.pc2.p11 .p4_2b:hover,
    .p11 .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b:hover,
    .p8 .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b:hover,
   .cimg_cnt_p4_cnt.pc2.pc3.pc4 .p4_2b:hover,
   .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b:hover{  
	   transform: scale(1.05) translate(0, 0%) !important
   }
   
   
 .p4 .base .cimg_cnt.p4_2a ,
 .cimg_cnt_p4_5cnt .cimg_cnt.p4_4a,
.base .cimg_cnt.p4_2a, .base .cimg_cnt.p4_2a ,
.pc2 .cimg_cnt.p4_2a, .base .cimg_cnt.p4_2a {
  border-left: 6px solid var(--dorange);
  border-bottom: 10px solid var(--dorange);
}
.cimg_cnt_p4_cnt.pc2 .p4_2b, .cimg_cnt_p4_cnt.base .p4_2b{
  /*border: 10px solid var(--dorange);*/
  border-right: 6px solid var(--dorange);
  border-top:0;
  border-bottom: 6px solid var(--dorange);
}
.cimg_cnt_p4_cnt.pc2.pc3.p11 .p11 {
  border-left: 6px solid var(--green);
  border-bottom: 6px solid var(--green);
}

.p8 .pc2 .cimg_cnt.p4_2a,
 .base .cimg_cnt.p4_2a {
  border-left: 6px solid var(--blue2);
  border-bottom: 6px solid var(--blue2);
}


.cimg_cnt_p4_cnt.pc2 .p4_2b img, .cimg_cnt_p4_cnt.base .p4_2b img{
	border:0;
}
.cimg_cnt_p4_5cnt .cimg_cnt.p4_4a::before,
   .base .cimg_cnt.p4_2a::before, .base .cimg_cnt.p4_2a::before, 
   .pc2 .cimg_cnt.p4_2a::before, .base .cimg_cnt.p4_2a::before {
  max-width: 380px;
}
.cimg_cnt_p4_cnt.pc2.pc3 .p4_2b.lg_img,
.cimg_cnt_p4_cnt.pc2.pc3.pc4 .p4_2b{  transform:   translate(0, 0%)}

.lg1 .cimg_cnt_p4_cnt.pc2.pc3.p11{ padding-bottom:0}
 
 .cimg_cnt.p4_4b::before,
 .cimg_cnt.p4_4d::before,
 .cimg_cnt.p4_4c::before{ display:none;}
 .cimg_cnt.p4_4c img{    border-radius: 0 0  0  0 ;
  border-left:0 solid #fff;
 border-bottom:0 solid #fff;
 transform: translate(0, 0); }
 .cimg_cnt.p4_4c{  background:0; 
   border-radius: 0 0  0  0 ;  
 border-top:0px solid var(--dorange);
 border-left:0 solid #fff;
 border-bottom:0 solid #fff  ; margin:0; border:6px solid #fff
 } 
  .cimg_cnt.p4_4b{  background:0; margin:0; position: static; right:0; bottom:0;
   border-radius: 0 0    0  0;  
 border-top:0 solid #fff;
 border-left:0 solid #fff;
 border-bottom:0 solid #fff; max-width:420px; margin:10px 0 0 0; border:6px solid #fff
 } 
 .cimg_cnt.p4_4b img{  border-left:0 solid #fff; border-top:0 solid #fff;   border-radius:0 0  0    0  ;transform: translate(0, 0); }
 

  .cimg_cnt.p4_4d img{  border-left:0 solid #fff; border-top:0 solid #fff;   border-radius: 0  0   0 0; transform: translate(0, 0) }
 .cimg_cnt.p4_4d{    background:0;  margin:10px 0 0 0; overflow:hidden;
   border-radius: 30px 0  0  0 ;  
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--dorange); 
 border-bottom:6px solid  var(--dorange);  
 } 
 
 
 
 .cimg_cnt_p4_cnt.pc2{ margin:0 auto 1.8em auto; padding:0}
 .cimg_cnt_p4_cnt.pc2 .p4_2a{width:100%; text-align:left;}
 .cimg_cnt_p4_cnt.pc2 .p4_2b img,
 .cimg_cnt_p4_cnt.pc2 .p4_2b{background:0;   border-radius:0 0  0 0 ; border:0 solid #fff; }
 .cimg_cnt_p4_cnt.pc2 .p4_2b{ width:100%; position: static; right:0; bottom:0;  transform: translate(0, 0%);
   border-radius: 30px 0  0  0 ;  overflow:hidden;
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--dorange); 
 border-bottom:6px solid  var(--dorange);  }
 
 .cimg_cnt_p4_cnt.pc2  .cimg_p { transform: translate(0, 0%); width:100%; text-align:justify; margin:1em 0 0  0; padding:0; }
 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p{margin:1em 0 0  0; }
 .ptext_cnt.left{ display:flex;flex-wrap: wrap; align-items:center;justify-content: space-between; margin:0 0 0 0;}
 .ptext_cnt.right{ display:flex;flex-wrap: wrap; align-items:center;justify-content: space-between; margin:0 0 0 0;
  flex-direction:column-reverse;}
   
 .ptext_cnt .p_cnt{width:100%}
 
 
 .hkpf_03  .left  .p_cnt,
 .hkpf_03  .right  .p_cnt,

 .hkpf_03  .content_cnt p{ padding:0;}
 
 .p5_2img_cnt .cimg_p {
  margin: 1em 0 0 0 !important;
  transform: translate(0, 0);
}

  .cimg_cnt_p4_cnt.pc2.pc3 { padding-bottom:0}
 .cimg_cnt_p4_cnt.pc2.pc3  .p4_2a{width:100%; text-align:left;}
  .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b{ width:100%; position: static; right:0; bottom:0;  transform: translate(0, 0%);
   border-radius: 30px 0  0  0 ;  overflow:hidden;
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--dorange); 
 border-bottom:6px solid  var(--dorange);}
  .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b img{   border:0 solid #fff;  transform: scale(1) translate(0%, 0%); }
 .cimg_cnt_p4_cnt.pc2.pc3  .cimg_p {width:100%; text-align:justify; position: static; left:0; bottom:0;  transform: translate(0, 0%);}
  
 .cimg_cnt_p4_cnt.pc2.pc4 { padding-bottom:0}
  
   .cimg_cnt_p4_cnt.pc2.pc3.p11 { padding-bottom:0; margin-top:40px}
 /*.cimg_cnt_p4_cnt.pc2.pc3.p11  .p4_2a.p11:nth-child(3){width:100%; text-align:left;  border:6px solid  #fff; }*/
 .cimg_cnt_p4_cnt.pc2.pc3.p11  .p4_2a.p11:nth-child(3){ margin-top:30px;}
 .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_cnt.p4_2b:nth-child(2),
  .cimg_cnt_p4_cnt.pc2.pc3.p11 .p4_2b{ width:100%; position: static; right:0; bottom:0;  transform: translate(0, 0%);
   border-radius: 30px 0  0  0 ;  overflow:hidden;
 border-top:0px; 
 border-left:0px;
 border-right:6px solid  var(--green); 
 border-bottom:6px solid  var(--green);  
 }
 /*
 .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_cnt.p4_2a.p11:nth-child(3){border-radius:  0 ;   border:6px solid  #fff !important; }
 */
  .cimg_cnt_p4_cnt.pc2.pc3.p11 .p4_2b img{   border:0 solid #fff;  transform: scale(1) translate(0%, 0%); }
 .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_p {width:100%; text-align:left; position: static; left:0; bottom:0;  transform: translate(0, 0%);}
  
 .cimg_cnt_p4_cnt.pc2.p11 { padding-bottom:0}
 
 
 .p8 .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b{  border:10px solid var(--blue2);}
 
 
 .cimg_cnt.p3e{    margin:20px auto  1.8em auto !important ;}
 .cimg_cnt.p3d,
 .cimg_cnt.p3c.pp,
 .cimg_cnt.p3c{  transform: translate(0%, -20px);  margin:25px auto  40px auto !important ;}
 .left .p_cnt ,
 .right .p_cnt {
  padding: 0  0 0 0;
 }

 .cimg_cnt_p3cnt{ display:flex;flex-wrap: wrap; align-items:center;justify-content: space-between; margin:0 0 40px 0;}
 .cimg_cnt.p3.right {
  margin: 0 auto 10px auto;
 }
 .pf1_cnt{ display:flex;
flex-wrap: wrap; 
align-items:center;
justify-content: center; flex-direction:column-reverse;}
 .pf1_cnt .pf1_left { width:100%}
 .pf1_cnt .pf1_left p{ font-size:1em; margin-bottom:15px;}
 .lg1 .pf1_cnt .pf1_left p{ font-size:1em; margin-bottom:15px;}
 .pf1_cnt .pf1_left strong small{  }
 .pf1_cnt .pf1_left strong{color:var(--blue); font-size:1.1em; width:100%; display:block; margin-top:20px; text-align:center}
 .pf1_cnt .pf1_right{ width:100%; display:flex;
flex-wrap: nowrap; 
align-items:flex-start;
justify-content: center;;} 
 .pf1_cnt .pf1_right img{ max-height:50vh; height:100%; width:auto;}
 
 
  /* 1. Remove the vertical centering alignment from the flex container */
  
  .mfp-counter{ visibility:hidden  !important; }
  .hkpf_05,
  .hkpf_03,
  .hkpf_07,
  .hkpf_02{
				.mfp-gallery   .mfp-container {
				align-items: flex-start !important; /* Forces content to align to the top */
				padding-top: 10px !important;       /* Adds a small gap from the very top screen edge */
			  }

			  /* 2. Reset absolute centering if using default image popups */
			  .mfp-content {
				vertical-align: top !important;
				margin-top: 0 !important;
			  }

			  /* 3. Optional: Allow the text container to scroll smoothly on touch screens */
			  .mfp-wrap {
				overflow-y: auto !important;
				-webkit-overflow-scrolling: touch;
			  }
			 .mfp-arrow { 
			  top: 20%  !important; 
			 }
			  .mfp-content img.mfp-img {
			  width: auto;
			  max-width:100%}
  }
  
    .hkpf_07 .cimg_cnt::before {
  max-width: 80%;
  }

#section_banner_cnt .pc{ display:none}
#section_banner_cnt .mb{ display:block}
	 .cimg_cnt_2img {flex-wrap: wrap; padding: 15px 15px 10px 15px;}
  .cimg_cnt_2img .cimg_cnt{margin:2px auto 10px auto; width:100%;border-left:4px solid #6658a6; border-bottom:4px solid #6658a6;}
  .cimg_cnt_2img .cimg_cnt:last-child{margin:12px auto 10px auto;}
 
  .p2_cnt  .p2_item.bk14  .cimg_cnt,
  .p2_cnt  .p2_item.bk13  .cimg_cnt{ width:100%; }
  .p2_cnt  .p2_item.bk5  .cimg_cnt,
  .p2_cnt  .p2_item.bk7  .cimg_cnt,
  .p2_cnt  .p2_item.bk11  .cimg_cnt{ width:100%; }
  .p2_cnt  .p2_item.bk11  .cimg_cnt{  border:0}
  
  .p2_cnt  .p2_item.bk13 .cimg_cnt::before,
  .p2_cnt  .p2_item.bk5 .cimg_cnt::before,
  .p2_cnt  .p2_item.bk7 .cimg_cnt::before{  width:380px; height:22px; } 
  
  
 .p2_cnt .p2_item  .date  b{  font-size:1.1em; }
.p2_cnt .p2_item .date_cnt.right .date_cntcnt::after ,
.p2_cnt .p2_item .date_cnt.left .date_cntcnt::after ,
.p2_cnt::before {display:none;}
.p2_cnt {padding:80px 0 0 0}
 .p2_cnt .p2_item .date.dd1 {  width: 160px;}
 .p2_cnt .p2_item .date.dd2 {  width: 320px;}
.p2_cnt .p2_item .date_cnt.right { z-index:400;  left: 50%;  top: 0%;  transform: translate(-50%, -110%);}
.p2_cnt .p2_item.bk1 .date_cnt.left ,
.p2_cnt .p2_item .date_cnt.left {  z-index:400; right: auto; left:50%;  top: 0%;  transform: translate(-50%, -110%);}
.p2_cnt .p2_item .date_cnt {
  position: absolute;
  z-index: 4;
  white-space: nowrap;
  width: 40%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin:0 0 
}

.p2_cnt {
  display: flex;
  flex-wrap:  wrap;
  align-items: center;
  justify-content: center;}
.p2_cnt .p2_item {
  position: relative;
  width: 100%; max-width:600px;  
}
.p2_cnt .p2_item {
  margin: 110px 0 0 0;
}
 .p2_cnt .p2_item.even{ margin:110px 0 0 0}
.p2_cnt .item_content {  width: 100%;}
.p2_cnt .p2_item.even,
.p2_cnt .p2_item.odd {
  float: none;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
 .cimg_cnt a.item.c4b{  border:0 solid #fff;   transform: translate(0%, 0%); position: static; bottom:0; right:0; width:auto;}
 .cimg_cnt a.item.c4c{   border:0 solid #fff;  position: static; bottom:0; left:0;  transform: translate(0%, 0%);  width:auto;}
  .cimg_cnt a.item.c4c img{ border:0;  border-radius: 0  0   0 0; overflow: hidden;} 
 
 .cimg_p.p7_4a{ margin:8px auto 25px auto;  transform: translate(0, 0%);   text-align:justify; }
 .content_cnt p.cimg_p.p7_4a{ margin:1em auto 0 auto;}
 
 .p4 .cimg_cnt_p4_cnt.base p.cimg_p{transform: translate(0%, 0%); margin-top:1em;}
 .cimg_cnt_p4_cnt.pc2.pc3.p11{ margin-bottom:1em}
 .cimg_cnt_p4_cnt.pc2.pc3.p11 .cimg_p{ padding:0;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.right{ border-right-width:6px; border-bottom-width:6px;}
 
 body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3b{ margin-top:0}
 body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3d,
 body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3c{ margin-bottom:1em !important; }
 .cimg_cnt_p3cnt{ margin-bottom:1em;}
.ptext_cnt.left,
.ptext_cnt.right{ padding:1em 0 0 0}
body.inner #inner_cnt #section_inner_cnt  .cimg_cnt_p4_cnt.pc2.p11 .p4_2b img{border:0}
body.inner #inner_cnt #section_inner_cnt .p5_2img_cnt2 .cimg_cnt.p9.right,
body.inner #inner_cnt #section_inner_cnt .p5_2img_cnt2 .cimg_cnt.p5.right{margin-top:10px;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p4_4d img{border:0}
body.inner #inner_cnt #section_inner_cnt .p5_2img_cnt2 .cimg_cnt.p9.right,
body.inner #inner_cnt #section_inner_cnt .p5_2img_cnt2 .cimg_cnt.p5.right,


/* .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_cnt.p4_2a.p11:nth-child(3),*/
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p5.abs,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p4_4d,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p4_4c,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p4_4b,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p4_2b{ border-width:6px !important; }
 .p4 .base .cimg_cnt.p4_2a, .cimg_cnt_p4_5cnt .cimg_cnt.p4_4a, .base .cimg_cnt.p4_2a, .base .cimg_cnt.p4_2a, .pc2 .cimg_cnt.p4_2a, .base .cimg_cnt.p4_2a,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p4_2a,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p4a{ border-left-width:6px; border-bottom-width:6px;}

}
@media screen and (max-width: 668px) {

 
  
  .team_cnt img{padding:0% 0 0 ;  } 
  /*
	 .mitems   .slick-slide.target-right  .ppl_cnt{   opacity: 1; }
.mitems   .slick-slide.target-center .ppl_cnt{ opacity:1 }
 .mitems   .slick-slide.target-left  .ppl_cnt{    opacity: 1;}
 .mitems   .slick-slide.target-left  .team_cnt{ 
   opacity: 1;
    transform: rotateX(0deg) rotateY(0deg) translateZ(0px);
 }
 
.mitems   .slick-slide.target-center .team_cnt  {
   opacity: 0.5;
    transform: rotateX(0deg) rotateY(20deg) translateZ(-30px);
}

 
 .mitems  .slick-slide.target-right .team_cnt{
   opacity: 0.5;
    transform: rotateX(0deg) rotateY(-20deg) translateZ(-30px);
}
 */
 
  .mitems   .slick-slide.team_cnt_outer {  
  height:auto;
}

  .team_cnt {
 
max-width:70vw;
  } 
  #logo img {
    width: auto;
    height: 26px;
    margin-left: 10px;
  }
	#header_container .navbar-toggle .icon-bar {
    width: 24px;
  }
	.navbar-toggle .icon-bar + .icon-bar {
	  margin-top: 6px;
	} 
	.navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
	}
	  #sp_menu ul a {
    display: block;
    padding: 2px 8px 2px 8px;
    margin: 2px 0 2px 0;
    color: #fff;
    font-size: 0.9em;
  }
  .team_cnt p.ppl_tt {  font-size: 1em; margin-bottom:10px;}
}


@media all and (max-width: 820px){ 
#hg_cnt .logo_cnt{margin-top:0;}
#hg_cnt {margin-top:0;}
}


@media screen and (max-width: 500px) {
  .team_cnt { 
max-width:calc(100vw - 20px);
  } 
  
  
  
}

@media screen and (max-width: 360px) {
 
  .og_btn em.fa {
  margin: 0 0 0 2px;
  font-size: 1em;
}
  .og_btn img {
    max-width: 15px;
  }
  .lg1 #logo img {    height: 20px;  }
  #logo img {    height: 26px;  }
  
	#header_container .navbar-toggle .icon-bar {
    width: 18px;
  }
	.navbar-toggle .icon-bar + .icon-bar {
	  margin-top: 4px;
	} 
	.navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
	}
	 
}