:root {
	--blue:#0066a6;
	--lblue:#3ab1dd;
	--dblue:#4f7dbf;
	--blue2:#199ca6;
	--dblue2:#227382;
	--blue3:#0065b3;
	--orange:#f5833c;
	--dorange:#c96346;
	--purple:#7768af;
	--purple2:#aa55a0;
	--purple3:#a45e73;
	--brown:#c39269;
	--brown2:#cfa676;
	--green:#6dc067;
	--dgreen:#3a7c36;
}
 .nwp{ white-space:nowrap}
 
.slash_font{ font-family:"NotoSansTC-Medium-lite" , "MingLiU","SimSun","Arial,Helvetica","Microsoft JhengHei","Microsoft YaHei" !important;}

body{ padding:0; 
	  font-size:1.2em;
  font-family: "Microsoft JhengHei",  "Microsoft YaHei",sans-serif;
  position: relative;  
  }
  body,
  html{
  max-width:1920px;
  margin:0 auto; overflow:hidden auto; }
  html{ background:#fff;  }
  body.home{
	  font-size:1.3em;
	  line-height:1.5;
	   width:100%; overflow:hidden ;
	   overflow:hidden;
background: #1A4E99;
background: linear-gradient(90deg,rgba(26, 78, 153, 1) 0%, rgba(43, 150, 204, 1) 87%);
	   min-height:100vh;
  }
  body.inner.other{
	   width:100%; overflow:hidden auto;
	   
background: #1A4E99;
background: linear-gradient(90deg,rgba(26, 78, 153, 1) 0%, rgba(43, 150, 204, 1) 87%);
	      min-height:100vh;
  }
  
  
  .loader-wrap {
  position: fixed; left:0; top:0;
  z-index: 6110;
  height: 100%;
  width: 100vw;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.loader-wrap svg#basesvg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
  z-index: 6210;
} 
.loader-wrap .loader-wrap-heading span { position: relative;
  font-size: 120px;
  z-index: 6410;
  color: #e0e0e0;
  text-transform: uppercase;
  font-weight: lighter; 
}

#slogo{ width:100px}

  #animation_container_cnt{ background:#fff}
 #animation_container{position: relative; z-index:1}
a{ text-decoration:none;}
body.open_form, 
body.menu_on{ overflow:hidden}

.deep #b2top{  opacity:1;}
#b2top{   display:flex; border-radius: 20px;
flex-wrap: wrap; 
align-items:center;
 justify-content: center; position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 800; padding:8px 15px 8px 15px;
  width: auto; font-size:0.8em;
  height:auto; color:#fff; 
  background-color:rgba(0,113,187,.9);
  border:2px solid rgba(0,113,187,.7);
  display: block !important; opacity:0;
transition: all .3s ease-in-out;}
#b2top:hover{ color:#fff; background-color:rgba(0,113,187,.7);  border-color: rgba(0,113,187,1);} 
.header-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  background-color: rgba(255,255,255,0);
  display: block !important;
  min-height: 72px;transition: all .3s ease-in-out;
}
.deep .header-bar { background-color: rgba(255,255,255,0.9);}
.header-spacer{ height:72px;}
.inner.other .header-spacer{ display:none;}
#header_container {
    display:flex;
flex-wrap: nowrap; 
align-items:center;
 justify-content: flex-end; padding:10px;
 }
 .inner #header_container { justify-content:space-between;}

 #logo img{ width:auto; height:60px; }
#header_container .navbar-toggle {
  display: block;
}
#header_container .navbar-toggle .icon-bar {
  display: block;
  width: 32px;
  height: 2px;
  border-radius: 0;
  background: #555;
}
.inner #header_container .navbar-toggle .icon-bar {  background: #0071bb }
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 7px;
}
.home #header_mbtn{ display:none}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 7px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.og_btn.head_lang{  border:0;
}

.og_btn.head_dn{transition: all .3s ease-in-out;}
.og_btn.head_dn:hover { color:#5da9dd;}

.og_btn img{ max-width:22px; }
.og_btn em.fa{ margin:0  0 0 4px; color:#5da9dd; font-size:1.3em;}
.og_btn span{ margin:0  0 0 4px;}
.og_btn span{ display:none}
.og_btn {
  display: block;
  padding: 0 12px 0 12px;
  font-size: 1.1em; 
  color: #555;
  border-radius: 10px;
  cursor: pointer; font-weight:normal;
 height:45px;
    display:flex;
flex-wrap: wrap; 
align-items:center;
 justify-content: center;
}
/*.lg1 .og_btn {  font-size: 1em; }*/
.home .og_btn {  font-size: 1em; }
  
#other_cnt{    display:flex;flex-wrap: nowrap; align-items:center; justify-content: flex-end;}
#lang_cnt{ position:relative; height:45px; overflow:visibe;}
#lang_cnt .og_btn{position:relative; z-index:18; overflow:hidden;}
#lang_inner{   border-radius: 10px 10px 0 0; transition: all .3s ease-in-out;  position: absolute; left:0; top:0; width:100%; padding:45px 0 0 0; background:rgba(255,255,255,0); z-index:8; height:45px;overflow:hidden }
#lang_cnt .lang_btn { border-top:1px solid #a7e4fe; transition: all .3s ease-in-out;
  display: block;
  padding: 0 12px 0 12px;height:45px;
  font-size: 1em; 
  color: #555;
  cursor: pointer; font-weight:bold;
    display:flex;
flex-wrap: wrap; 
align-items:center;
 justify-content: center;background:rgba(255,255,255,0); 
}
#lang_cnt .lang_btn:hover{ background:#1a509b; color:#fff; }
#lang_cnt:hover #lang_inner{ background:rgba(255,255,255,0.9); height:141px ;  overflow:visibe;} 


 #mnbtn{ transform: translate(-10px,10px);
  position: absolute;
  top: 0px;
  right: 0px;
  width:80px; height:80px; text-align:right;display:block;
background:0; border:0;padding:0 0 0 0;

}
 #mnbtn div{ position: relative; display:block; width:60px; height:60px;}
 #mnbtn span.spi{
  position: absolute;
  top: 28px;
  right: 6px;
  display: block;
  width: 40px;
  height: 4px;
  border-radius: 0;
  background: #fff;
}
 #mnbtn span.i1{ transform: rotate(45deg)}
 #mnbtn span.i2{ transform: rotate(-45deg)}


 #home_side{ position: relative; z-index:30;  padding:15px 15px 35px 15px ; z-index:110;  
 transform: translate(0, 50px);   text-align:center; 
 

 }
 
 #home_side ul li,
 #home_side ul{ list-style:none; margin:0;padding:0;}
 
 #home_side ul{
 display:flex;
flex-wrap: wrap; 
align-items:flex-start;
justify-content: center;  margin:0 auto; width:100%; max-width:1024px}
 .lg1 #home_side ul{ max-width:1380px}
 .lg3 #home_side ul,
 .lg2 #home_side ul{ max-width:980px}
  
  
 #home_side ul li{margin:0 0 0 0;  }
  #home_side ul li:last-child{border:0}
 #home_side ul a{display:block;padding:3px 6px 3px 6px; margin:4px 6px 4px 6px; color:#fff; font-size:18px;
  text-align:left; 
  border-top:1px solid #5da9dd;
border-left:2px solid #5da9dd;
border-right:2px solid #5da9dd;
border-bottom:4px solid #5da9dd;
 transition: all .3s ease-in-out; 
  border-radius:10px; text-align:center;
 font-weight:bold; text-decoration:none;}
 
 .lg1 #home_side ul a{ font-size:0.8em;}
 #home_side ul a:hover{ background:#5da9dd; color:#fff; text-decoration:none}

 #home_side ul  li.break{width:100%; height:1px; overflow:hidden; display:block;}



#sp_menu_bg{ position: fixed; top:0;right:-100%; z-index:3000; background:rgba(0,0,0,0); 
 width:100%;
 height:100vh; cursor:pointer;}
 #sp_menu{ transition: all .3s ease-in-out; position: fixed; top:0;right:-105vw; z-index:3000; background:rgba(0,114,180,0.8);  
 width:100%; max-width:480px;
 height:100vh; overflow-y:auto;
  display:flex;
flex-wrap: wrap; 
align-items:center;
 justify-content: center;
 
backdrop-filter: blur(4px);
 }
 .menu_on  #sp_menu_bg{ right:0;}
 .menu_on  #sp_menu{ right:0;}
 

 #sp_menu ul li,
 #sp_menu ul{ list-style:none; margin:0;padding:0;}
 #sp_menu ul li{margin:0 40px 0 40px; border-bottom:1px solid #0072bc;}
 #sp_menu ul{  margin:35px 5px 35px 5px; width:100%;}
 #sp_menu ul a{display:block;padding:2px 8px 2px 8px; margin:4px 0 4px 0; color:#fff; font-size:1em;
  text-align:center;
 font-weight:bold; text-decoration:none;}
 #sp_menu ul a:hover{ color:#a6d5f3; text-decoration:none}
 

 
 
 .content_cnt p{margin:0 0 1.35em 0;}
 .content_cnt h2{ margin:0 0 1em 0;font-size:1.35em; color:#6658a6; font-weight:bold; }
 .content_cnt h3{  margin:0 0 1em 0; font-size:1.35em; color:#6658a6; font-weight:bold; }
  .content_cnt p.cimg_p {margin:0 0 0 0; }
  .content_cnt p.cimg_p.p7_4a {margin:30px  auto 0 auto }
.container.content_cnt.hkpf_03{ margin-top:-100px;}
  
 .main_content .mt-4 {
  margin-top: 1em !important;
}

  table.p12_table{}
  table.p12_table th{ width:30%; min-width:220px}
  table.p12_table tr th{color:var(--dgreen)}
  table.p12_table tr td{ text-align:left}
  table.p12_table tr:nth-child(even) th,
  table.p12_table tr:nth-child(even) td{
  background-color: #cbd4c9;
}
/*
  table.p12_table tr:nth-child(odd):hover th,
  table.p12_table tr:nth-child(odd):hover td{
  background-color: #90af72;
}*/

 .hkpf_07   .content_cnt h3,
 .hkpf_07   .content_cnt h2{ color:#6658a6; }
 
 
 .hkpf_03   .content_cnt h3,
 .hkpf_03   .content_cnt h2{ color:var(--dorange); }
 
 
 .hkpf_05   .content_cnt h3,
 .hkpf_05   .content_cnt h2{ color:var(--lblue); }
 
 .hkpf_03.p4   .hkpf_05 .content_cnt h3,
 .hkpf_03.p4   .hkpf_05 .content_cnt h2{ color:var(--dorange); }

 
  .p12.hkpf_03   .content_cnt h3.h2,
 .p12.hkpf_03   .content_cnt h2{ color:var(--dgreen); }
  .p12.hkpf_03   .content_cnt h3{ color:#6c6e71; }
  .p12.hkpf_03   .content_cnt h3.tp2{ color:#527896; }
  
  
  .p10.hkpf_03   .content_cnt h3.h2,
 .p10.hkpf_03   .content_cnt h2{ color:var(--brown2); }
  .p10.hkpf_03   .content_cnt h3{ color:var(--brown2); }
 
  .p8.hkpf_03   .content_cnt h3.h2,
 .p8.hkpf_03   .content_cnt h2{ color:var(--blue2); }
  .p8.hkpf_03   .content_cnt h3{ color:var(--dblue2); }
  
  
  .p11.hkpf_03   .content_cnt h3.h2,
 .p11.hkpf_03   .content_cnt h2{ color:var(--green); }
  .p11.hkpf_03   .content_cnt h3{ color:var(--dgreen); }
 
  .p9.hkpf_03   .content_cnt h3.h2,
 .p9.hkpf_03   .content_cnt h2{ color:var(--orange); }
  .p9.hkpf_03   .content_cnt h3{ color:var(--orange); }
 
 
 .main_content{ text-align:justify}
 .content_cnt p{ color:#000;}

  .hkpf_05 .cimg_cnt,
  .hkpf_03 .cimg_cnt,
  .hkpf_02 .cimg_cnt,
  .hkpf_07 .cimg_cnt{transition: all .3s ease-in-out;}

  .hkpf_05 .cimg_cnt:hover,
  .hkpf_02 .cimg_cnt:hover,
  .hkpf_03 .cimg_cnt:hover,
  .hkpf_07 .cimg_cnt:hover{ transform:  translate(0, -2%) scale(1.03);  }
 .item{ display:block}
 .cimg_cnt img{ border:0; border-radius: 0 30px 0 0 ;  overflow: hidden;}
 .cimg_cnt.right img{ border:0; border-radius: 0 0 0 0 ;  overflow: hidden;}
 /*
 .cimg_cnt a.item::before{ content:""; width:120px; height:0; border-bottom:2px solid #57b0e3 ; position: absolute; bottom:-2px; left:100%;}
 .cimg_cnt a.item::after{ content:""; width:8px; height:8px;background: #57b0e3 ; border-radius:50%; position: absolute; bottom:-4px; left:calc(100% + 118px);}
 */
 
 .cimg_cnt::before{ content:""; position: absolute; background:url(./images/p7_frame.svg) no-repeat  0 100% ; 
 width:380px; height:30px; display:block; 
 left:0; top:0;  transform: translate(0, -100%);}
 .cimg_cnt{ position:relative; background:#57b0e3; width:100%; max-width:600px; margin:60px auto 10px auto;  padding:0; border-radius:0 30px 0 0 ; overflow: visible; 
 border-left:10px solid #6658a6;
 border-bottom:10px solid #6658a6;
 }
  .cimg_cnt.p5{ margin-top:50px;}
 
 
 .cimg_cnt_2img{ display:flex;flex-wrap: nowrap; align-items:center;justify-content: space-between;}
  .cimg_cnt_2img .cimg_cnt{margin:2px auto 10px auto; width:48%;border-left:4px solid #6658a6; border-bottom:4px solid #6658a6;}
  .cimg_cnt_2img .cimg_cnt::before{  width:150px; height:22px; } 
  .cimg_cnt_1img {padding:15px 25px 20px 25px;}
  .cimg_cnt_1img .cimg_cnt::before{  width:250px; height:22px; } 
  .cimg_cnt_1img .cimg_cnt{margin:2px auto 10px auto; width:100%;border-left:4px solid #6658a6; border-bottom:4px solid #6658a6;}
  
  
 .cimg_cnt.p1.right{ position:relative; background:0; width:100%; max-width:800px; margin:50px auto 10px auto;  padding:0; border-radius:0 0 0 0 ; overflow: visible; 
 border-left:0;
 border-right:10px solid var(--blue);
 border-bottom:10px solid var(--blue);
 }
 .main_content  .mb-3{margin-bottom:1.8em !important;}
 .cimg_cnt.p1.right.mb-4{margin-bottom:1.8em !important;}
 
 .cimg_cnt.p1.right::before{ content:""; position: absolute; background:url(./images/p1_frame.svg) no-repeat  0 100% ; 
 width:380px; height:30px; display:block; 
 right:-1px; top:0; left:auto; transform: translate(0, -95%) scale(-1,1);}
 
 .cimg_cnt_p3cnt{ display:flex;flex-wrap: nowrap; align-items:center;justify-content: space-between; margin:0 0 1.8em 0;}
  .cimg_cnt.p3{ position:relative; background:0; width:auto;  margin:60px auto 10px auto;  padding:0; border-radius:0 0 0 0 ; overflow: visible; 

 border-left:10px solid var(--orange);
 border-bottom:10px solid var(--orange);
 }

  .cimg_cnt.p3 .item{ width:auto; height:auto;}
  .cimg_cnt.p3.right{ position:relative; background:0; margin:60px auto 10px auto;  padding:0; border-radius:0 0 0 0 ; overflow: visible; 
 border-left:0;
 border-right:10px solid var(--orange);
 border-top:10px solid var(--orange);
 border-bottom:0;
 }
 /*
 .hkpf_03 .cimg_cnt  img{ border-radius:0 0 0 0 ;}*/
 .cimg_cnt.p3::before{ content:""; position: absolute; background:url(./images/p3_frame1.svg) no-repeat  0 100% ; 
 width:380px; height:30px; display:block; 
 left:0; top:0;  transform: translate(0, -100%);}
 .cimg_cnt.p3.right::before{ content:""; position: absolute; background:url(./images/p3_frame1.svg) no-repeat  0 100% ; 
 width:380px; height:30px; display:block;  top:auto;
 right:-1px; bottom:0; left:auto; transform: translate(0, 95%) scale(-1,-1);}
 
  .cimg_cnt.p3b{ position:relative; background:0; width:100%; max-width:640px; margin:30px auto 10px auto;  padding:0; border-radius:0 0 0 0 ; overflow: visible; 
 border-left:0;
 border-right:10px solid var(--lblue);
 border-bottom:10px solid var(--lblue);
 }
 
 .cimg_cnt.p3b::before{ content:""; position: absolute; background:url(./images/p3b_frame.svg) no-repeat  0 100% ; 
 width:380px; height:30px; display:block; 
 right:-1px; top:0; left:auto; transform: translate(0, -95%) scale(-1,1);}
 
 
   .cimg_cnt.p3c{ position:relative; background:0; margin:30px auto 10px auto;  padding:0; border-radius:0 0 0 0 ; overflow: visible; 
 border-left:0;
 border-right:10px solid var(--purple);
 border-top:10px solid var(--purple);
 border-bottom:0;
 }
 .cimg_cnt.p3c::before{ content:""; position: absolute; background:url(./images/p3c_frame.svg) no-repeat  0 100% ; 
 width:380px; height:30px; display:block;  top:auto;
 right:-1px; bottom:0; left:auto; transform: translate(0, 95%) scale(-1,-1);}
 
 
  
   .cimg_cnt.p3c.pp{
 border-right:10px solid var(--purple3);
 border-top:10px solid var(--purple3);
 }
 .cimg_cnt.p3c.pp::before{   background:url(./images/p3c2_frame.svg) no-repeat  0 100% ;  }
 
 
    .cimg_cnt.p3d{ position:relative; background:0; margin:30px auto 10px auto;  padding:0; border-radius:0 0 0 0 ; overflow: visible; 
 border-left:10px solid var(--purple2);
 border-top:10px solid var(--purple2);
 border-bottom:0;
 }
 .cimg_cnt.p3d::before{ content:""; position: absolute; background:url(./images/p3d_frame.svg) no-repeat  0 100% ; 
 width:380px; height:30px; display:block;  top:auto;
 right:auto; bottom:0; left:0; transform: translate(0, 95%) scale(1,-1);}
 
 
   .cimg_cnt.p3e{ 
 border-left:10px solid var(--brown);
 border-bottom:10px solid var(--brown);
 }
  .cimg_cnt.p3e::before{ background:url(./images/p3e_frame.svg) no-repeat  0 100% ; }
 
 
 
   .cimg_cnt.p3f{ 
 border-left:10px solid var(--dblue);
 border-bottom:10px solid var(--dblue);
 }
  .cimg_cnt.p3f::before{ background:url(./images/p3f_frame.svg) no-repeat  0 100% ; }
  
  
 
   .cimg_cnt.p11{ 
 border-left:10px solid var(--green);
 border-bottom:10px solid var(--green);
 }
  .cimg_cnt.p11::before{ background:url(./images/p11_frame.svg) no-repeat  0 100% ; }
 
 
 
  
 .right .cimg_cnt.p3c img {border-radius: 0 0 0  70px  ; overflow: hidden} 
  .cimg_cnt.p3b img {border-radius:70px 0 0   0 ; overflow: hidden} 
  .cimg_cnt.p3 img {border-radius:0 70px 0 0 ; overflow: hidden} 
  .cimg_cnt.p3.right img {border-radius:0  0 0 70px ; overflow: hidden} 
  .cimg_cnt.p3d img {border-radius:0  0 70px 0 ; overflow: hidden} 
  .cimg_cnt.p3c.pp img {border-radius:0  0 0 70px ; overflow: hidden} 
  
.cimg_cnt_p4_cnt.p11 .cimg_p {
  transform: translate(0, 0);
}
 
  
 .cimg_cnt_p4_cnt{width:100%; position: relative; max-width:800px; padding:10px 0 40px 0;margin:0 auto 0 auto; display:flex;flex-wrap:wrap; align-items:center; justify-content: flex-start; transform: translate(0, 0);}
 .cimg_cnt_p4_cnt.pc2.pc3{  align-items:flex-start; justify-content: flex-start;  }
 
 .cimg_cnt_p4_cnt.base{transform: translate(0, -20px);} 
 .cimg_cnt_p4_cnt.pc2.p11{ padding:0 0 100px 0; margin-bottom: 70px;}
 .cimg_cnt_p4_cnt.base p.cimg_p{ transform: translate(-10px, -40px);} 
.lg1 .cimg_cnt_p4_cnt.base p.cimg_p{ transform: translate(-20px, -80px);} 
 
 .cimg_cnt_p4_cnt  .cimg_p{ background:0;  width:42%; text-align:justify;}
 .cimg_cnt_p4_cnt .p4_2a{ background:0;  width:45%; text-align:justify;}
 .cimg_cnt_p4_cnt .p4_2b{ width:51%; position: absolute; right:0; bottom:0;  transform: translate(0, 0);
border-radius:30px 0  0 0 ; background:#fff 
  }
 .cimg_cnt_p4_cnt.pc2 .p4_2b,
 .cimg_cnt_p4_cnt.base .p4_2b{
	  border:0;
	 border-top:10px solid #fff;
	 border-left:10px solid #fff;
 }
 .cimg_cnt_p4_cnt.pc2 .p4_2b img,
 .cimg_cnt_p4_cnt.base .p4_2b img{border-radius:30px 0  0 0 ; overflow:hidden;
 border:0;
 border-right:6px solid var(--dorange);
 border-bottom:6px solid var(--dorange);}
 
 .p8 .cimg_cnt_p4_cnt.pc2 .p4_2b img,
  .p8  .cimg_cnt_p4_cnt.base .p4_2b img{ 
 border:0;
 border-right:6px solid var(--blue2);
 border-bottom:6px solid var(--blue2);}
 
 
  .cimg_cnt_p4_cnt .p4_2b::before{ display:none;}
  /*
 .cimg_cnt_p4_cnt.pc2{ padding:0 0 60px 0; margin-bottom:0;}*/
 .cimg_cnt_p4_cnt.pc2 .p4_2a{width:55%; margin-top:40px; text-align:justify;}
 .cimg_cnt_p4_cnt.pc2 .p4_2b{ width:45%; position: absolute; right:0; bottom:1em;  transform: translate(0, 20%);
 }
 /*
 .cimg_cnt_p4_cnt.pc2 .p4_2b { 
 border:0;
 border-top:10px solid var #fff ;
 border-left:10px solid var#fff ;  }
 .cimg_cnt_p4_cnt.pc2 .p4_2b img,
 .cimg_cnt_p4_cnt.pc2 .p4_2b{background:0;border-radius:30px 0  0 0 ; }
  .cimg_cnt_p4_cnt.pc2 .p4_2b{
 border-right:10px solid var(--dorange);
 border-bottom:10px solid var(--dorange);
	  
  }*/
 
 
 
 .cimg_cnt_p4_cnt.pc2  { padding-bottom:70px; margin-bottom:60px;}
 .cimg_cnt_p4_cnt.pc2  .cimg_p {width:40%; text-align:justify; padding-left:30px; transform: translate(-20px, -40px);} 
 .cimg_cnt_p4_cnt.pc2.pc3  .cimg_p { padding-left:0;  } 
  
    /*
.cimg_cnt_p4_cnt.pc2.p11{ padding:0 0 100px 0;}*/
 .cimg_cnt_p4_cnt.pc2.p11 .p4_2a{width:55%; text-align:justify;}
 .cimg_cnt_p4_cnt.pc2.p11 .p4_2b{ width:50%; position: absolute; right:0; bottom:0;  transform: translate(0, 20%);}
 /*
 border:8px solid #fff;}
 
  .p11 .cimg_cnt_p4_cnt.pc2.p11 .p4_2b{   border:0 solid #fff;}
 */
 
 .p11_img3{width:80px; position: absolute; right:50%; bottom:0;  transform: translate(-30px, 0%);}
 .cimg_cnt_p4_cnt.pc2.p11 .p4_2b img,
 .cimg_cnt_p4_cnt.pc2.p11 .p4_2b{background:#fff;   border-radius:30px 0  0 0 ; }
 .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_p { /*width:40%; text-align:justify; margin:20px 0 0 20px*/
 margin-left:10px;}
  
.cimg_cnt_p4_cnt.pc2.p11 .p4_2a{  
 border-left:6px solid var(--green);
 border-bottom:6px solid var(--green);
 }
 
.cimg_cnt_p4_cnt.pc2.p11 .p4_2b { border:0;
 border-top:10px solid #fff;
 border-left:10px solid #fff; }
.cimg_cnt_p4_cnt.pc2.p11 .p4_2b img{ 
 border-left:0;
 border-right:6px solid var(--green);
 border-bottom:6px solid var(--green);
 }
 
.cimg_cnt_p4_cnt.pc2.p11 .p4_2a::before{ background:url(./images/p11_frame.svg) no-repeat  0 100% ; }
.cimg_cnt_p4_cnt.pc2.pc3{padding-top:0; transform: translate( 0%,-10px); padding-bottom:0; margin-bottom:32px;}
.cimg_cnt_p4_cnt.pc2.pc3.pc4{padding-top:0;  padding-bottom:0; margin-bottom:32px;}
  /*
 .p8 .cimg_cnt_p4_cnt.pc2.pc3 { padding-bottom:80px; margin-bottom:1.8em;}
.lg1 .cimg_cnt_p4_cnt.pc2.pc3.p11{ padding-bottom:110px}
*/
 .p11 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p {width:65%;  margin-top:1em;}
 .p8 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p {width:49%; }
 .lg1.p8 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p {width:65%;}
 
 .p8 .cimg_cnt_p4_cnt.pc2.pc3 .cimg_p.full {width:65%; margin-top:1em;}
/*
 .cimg_cnt_p4_cnt.pc2.pc3 { padding-bottom:60px}
.lg1 .cimg_cnt_p4_cnt.pc2.pc3 { padding-bottom:80px}
*/

 .cimg_cnt_p4_cnt.pc2.pc3  .p4_2a{width:50%; text-align:justify; margin-left:0;}
 
  .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b{ width:50%; position: absolute; right:0; bottom:0;  transform: translate(0,10%);
  border:0;
  border-top:10px solid #fff;
  border-left:10px solid #fff;
 }
  .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b.lg_img{   transform: translate(0,3%);}
 
  .cimg_cnt_p4_cnt.pc2.pc3.pc4 .p4_2b{   transform:translate(0,5%);}
 
   .p8 .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b:hover,
 .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b:hover{  
	   transform: scale(1.05) translate(0, 8%) !important
   }
 .cimg_cnt_p4_cnt.pc2 .p4_2b:hover{  
	   transform: scale(1.05) translate(0, 15%) !important
   }
   
 .cimg_cnt_p4_cnt.pc2.pc3.pc4 .p4_2b:hover{  
	   transform: scale(1.05) translate(0, 5%) !important
   }
   
    
   .p11 .cimg_cnt_p4_cnt.pc2.p11 .p4_2b:hover{
	   transform: scale(1.05) translate(0, 13%) !important
   }
  .cimg_cnt_p4_cnt.pc2.pc3 .p4_2b.lg_img:hover{
	   transform: scale(1.05) translate(0, 3%) !important
   }
   
       
 .cimg_cnt_p4_cnt.pc2.pc3.p11 { padding-bottom:0}
  .cimg_cnt_p4_cnt.pc2.pc3.p11  .cimg_cnt{margin:40px auto 0 auto;}
  .cimg_cnt_p4_cnt.pc2.pc3.p11 .p4_2b{ width:45%; position: static; right:0; bottom:0;  transform: scale(1.05) translate(0, 20%);}
 
 
  .cimg_cnt_p4_cnt.pc2.pc3.p11  .p4_2b { }
  .cimg_cnt_p4_cnt.pc2.pc3.p11  .p4_2b img{  /* border:6px solid #fff; */ transform:  translate(0, 0); } 
 .cimg_cnt_p4_cnt.pc2.pc3  .cimg_p {width:60%; padding-right:20%; text-align:justify; position: static; left:0; margin:1em 0 0 0 ; clear:left; transform: translate(0, 0%);}
 
 
 .cimg_cnt_p4_cnt.pc2.pc3.p11 .p11{ 
 border-left:6px solid var(--green);
 border-bottom:6px solid var(--green);
 }
 .cimg_cnt_p4_cnt.pc2.pc3.p11 .p11::before{ background:url(./images/p11_frame.svg) no-repeat  0 100% ; }
     .p8 .cimg_cnt_p4_cnt.pc2.pc3.p11  .p4_2b:hover,
   .cimg_cnt_p4_cnt.pc2.pc3.p11  .p4_2b:hover{  
	   transform: scale(1.1) translate(0, 20%) !important
   }
   
   
  
  .cimg_txt_cnt{width:100%; max-width:600px; margin:0 auto; margin-bottom:32px ; text-align:justify;}
  .cimg_txt_cnt.c2{width:100%; max-width:800px; margin:0 auto; text-align:justify;}
   .cimg_txt_cnt .cimg_p{ text-align:justify;}
   .cimg_cnt.p4a{ 
   border-radius:0 30px 0 0 ; 
 border-left:10px solid var(--dorange);
 border-bottom:10px solid var(--dorange);
 }
 .cimg_cnt.p4a::before{ background:url(./images/p4_frame.svg) no-repeat  0 100% ;  }
 
   .cimg_cnt.p4_2a{ margin-top:40px;
   border-radius:0 30px 0 0 ; 
 border-left:10px solid var(--dorange);
 border-bottom:10px solid var(--dorange);
 }
 
   .pc2 .cimg_cnt.p4_2a,
   .base .cimg_cnt.p4_2a{ margin-top:30px;
   border-radius:0 30px 0 0 ; 
 border-left:6px solid var(--dorange);
 border-bottom:6px solid var(--dorange);
 }
 
 .p8 .cimg_cnt.p4_2a { 
  border-left-color: var(--blue2);
  border-bottom-color: var(--blue2);
}

 .cimg_cnt.p4_2a::before{  max-width:380px; background:url(./images/p4_frame.svg) no-repeat  0 100% ;  }
  
 .pc2 .cimg_cnt.p4_2a::before,
 .base .cimg_cnt.p4_2a::before{  max-width:240px;   }
  
 .cimg_cnt_p4_5cnt{width:100%; position: relative; max-width:800px; padding:0 0 0 0;margin:0 auto 0 auto; display:flex;flex-wrap:wrap; align-items:flex-start; justify-content: center;}
 
 .cimg_cnt_p4_5left{width:60%; position: relative; max-width:800px; padding:40px 0 120px 0;margin:0 auto 0 auto; display:flex;flex-wrap:wrap; align-items:center; justify-content: flex-end;}
 
 .cimg_cnt_p4_5right{width:40%; position: relative; max-width:800px; padding:40px 0 40px 0;margin:0 auto 0 auto; display:flex;flex-wrap:wrap; align-items:center; justify-content: center;}
 
    .cimg_cnt.p4_4a{ background:0;
   border-radius:0 0  0 0 ; 
 border-top:0px solid var(--dorange);
 border-left:10px solid var(--dorange);
 border-bottom:10px solid var(--dorange);
 } 
 
  .cimg_cnt_p4_5cnt  .cimg_cnt.p4_4a{ 
 border-top:0px solid var(--dorange);
 border-left:6px solid var(--dorange);
 border-bottom:6px solid var(--dorange);
 } 
 
 .cimg_cnt.p4_4a::before{    background:url(./images/p4_frame.svg) no-repeat  0 100% ;  }
 
  .cimg_cnt_p4_5cnt  .cimg_cnt.p4_4a::before{ max-width:220px;} 
 .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  30px  0 ;
  border-left:6px solid #fff;
 border-bottom:6px solid #fff;
 transform: translate(-20px, -70px); }
 .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  
 } 
  .cimg_cnt.p4_4b{  background:0; margin:0; position: absolute; right:0; bottom:0;
   border-radius: 0 0    0  30px;  
 border-top:0 solid #fff;
 border-left:0 solid #fff;
 border-bottom:0 solid #fff; max-width:260px;
 } 
 .cimg_cnt.p4_4b img{  border-left:6px solid #fff; border-top:6px solid #fff;   border-radius:30px 0  0    0  ;transform: translate(10px, 0); }
 

  .cimg_cnt.p4_4d img{    border-radius: 30px 0  0   0 ; transform: translate(20px, -50px);
 border-right:6px solid var(--dorange);
 border-bottom:6px solid var(--dorange);
 }
 .cimg_cnt.p4_4d{ margin:0 0 0 0;  background:0; 
   border-radius: 0 0  0  0 ;  
 border-top:0px solid var(--dorange);
 border-left:0 solid #fff;
 border-bottom:0 solid #fff
 } 
 
 
    .cimg_cnt.p9{
   border-radius:0 30px 0 0 ; 
 border-left:10px solid var(--orange);
 border-bottom:10px solid var(--orange);
 }
 .cimg_cnt.p9::before{ background:url(./images/p3_frame1.svg) no-repeat  0 100% ;  }
 
 
 
    .cimg_cnt.p10{
		margin:20px auto 10px auto;
   border-radius:0 30px 0 0 ; 
 border-left:10px solid var(--brown2);
 border-bottom:10px solid var(--brown2);
 }
 .cimg_cnt.p10::before{ background:url(./images/p10_frame.svg) no-repeat  0 100% ;  }
 
 .hkpf_00 ul{ margin-bottom:30px}
 
.p5_2img_cnt{  position: relative; }
.p5_2img_cnt .cimg_p{ margin:70px 0 0 0 !important; transform: translate(0, 0);}
    .cimg_cnt.p5{
   border-radius:0 30px 0 0 ; 
 border-left:10px solid var(--blue2);
 border-bottom:10px solid var(--blue2);
 }
 
  .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::before{  transform: scale(0.8,1)   translate(-13%, -100%); background:url(./images/p5_frame.svg) no-repeat  0 100% ;  }
.cimg_cnt.p5.abs img{ border:6px solid #fff;;} 
.cimg_cnt.p5.abs{  background:0; margin:0; position: absolute; left:-20px; bottom:70px;
   border-radius: 0 0    0  0;  
 border:0; max-width:260px;
 } 
 .cimg_cnt.p5.abs::before{ display:none}
 
  
.p5_2img_cnt2{ max-width:800px; display:flex;flex-wrap: wrap; align-items:center;justify-content: space-between;}
    .cimg_cnt.p5.left{width:54% ; margin-top:20px; margin-bottom:0}
    .cimg_cnt.p5.right{width:43%; margin-top:20px; margin-bottom:0}
	
 .cimg_cnt.p5.left::before,
 .cimg_cnt.p5.right::before{  }
.p5_2img_cnt2 .cimg_p{ margin:15px 0 0 0 !important; width:100%; }
.hkpf_05  .p5_2img_cnt2 .cimg_p{ margin:15px 0 0 5px !important; width:100%; }
 
.p9 .p5_2img_cnt2{ max-width:1024px;}
.cimg_cnt.p9.left{width:48%; margin-top:32px; margin-bottom:0; }
.cimg_cnt.p9.right{width:48%; margin-top:32px; margin-bottom:0;}
 .cimg_cnt.p9.left::before,
 .cimg_cnt.p9.right::before{   }
 
 
 
.cimg_cnt.p9.p9_3{margin:10px 0 0 0 }
.p9 .p5_2img_cnt2 .cimg_p{  max-width:1280px; margin-top:0; padding:0 10px 0 10px; width:100%;  text-align:justify}
 
 .ptext_cnt{ display:flex;flex-wrap: nowrap; align-items:center;justify-content: space-between;}
 .p_cnt{ width:60%;}
 .hkpf_03  .left  .p_cnt{ padding:20px 20px  20px 60px}
 .hkpf_03  .right  .p_cnt{ padding:20px 60px 20px  20px }

 .hop  .content_cnt p{ padding:0 20px 0 20px;}
 
.lg1 .p_cnt{margin:10px 0 10px 0;}
 .ptext_cnt .cimg_cnt{ max-width:500px}
 
  .mfp-custom-height .mfp-img {
  max-height: 70vh !important; /* vh stands for viewport height */
  width: auto; /* Keeps the aspect ratio intact */
}

.mfp-bottom-bar .mfp-counter{ visibility:hidden !important;}
.img_cnt{ max-width:1024px; width:100%; margin: 0 auto;}


  
 
 
.p8  .cimg_cnt.p4_2a::before,
.p8  .cimg_cnt.p5::before{  background:url(./images/p8_frame.svg) no-repeat  0 100% ;  }
 
   .p8  .cimg_cnt.p5.left{width:calc(50% - 8px);  margin-left:0; margin-right:0; }
   .p8  .cimg_cnt.p5.right{width:calc(50% - 8px); margin-left:0; margin-right:0; }
	

.mfp-content img.mfp-img{padding:0 0 40px 0;}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer !important; right:0 !important;  padding-right:0;
}
 button.mfp-close {font-size:42px;}
.mfp-content {
    background: #ffffff !important;
    color: #000000 !important;
  
 
}
 
.mfp-content h1, 
.mfp-content h2, 
.mfp-content h3, 
.mfp-content p, 
.mfp-content div,
.mfp-title {
    color: #000000 !important;
}
.mfp-content{  transform: translate(0, 40px);}
.mfp-content .mfp-close { 
     transform: translate(0, -40px); color:#fff;
}
.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close,
.mfp-close {
    color: #fff !important;
}

 
.mfp-close:hover {
    color: #eee !important;
}
figure {
    display: flex;
    flex-direction: column;  
}
.mfp-figure::after{ background:#fff;}
.mfp-bottom-bar{ background:#fff;}
figcaption {
    flex-shrink: 0;  
    min-height: auto; 
}
figcaption { height: auto !important; display: block !important; } 
.mfp-counter{ transform: translate(-20px, 0%); }
.mfp-content figcaption{display:block;}
.mfp-content figcaption::after{display:block; clear:both; content:"";}





  .hkpf_05,
  .hkpf_03,
  .hkpf_07,
  .hkpf_02{
			.mfp-ready .mfp-container {
				align-items: flex-start !important;  
				padding-top: 5vh !important;     
			  }
			.mfp-ready .mfp-container .mfp-content {
			  vertical-align: top;
			}
			 .mfp-bottom-bar{padding:10px;}
			  .mfp-content img.mfp-img {
			  width: auto;
			  max-width:800px}
			.mfp-content .mfp-title {padding:10px  5px 10px 0;
			  text-align: justify;
			  line-height: 1.3;
			  font-size:0.8em;
			}
  }

 .cimg_cnt a.item.c4b{  border:12px solid #fff;   transform: translate(90%, 10%); position: absolute; bottom:0; right:0; width:260px;}
 .cimg_cnt a.item.c4c{   border:12px solid #fff;  position: absolute; bottom:0; left:0;  transform: translate(-50%, 70%);  width:300px;}
  .cimg_cnt a.item.c4c img{ border:0;  border-radius: 0  0   0 30px; overflow: hidden;}
 .cimg_txt_cnt.c2{ font-size:0.8em; color:#555; font-weight:normal ; padding-bottom:0.8em;}
 .cimg_p{ text-align:center; margin:8px auto  0 auto; max-width:800px; font-size:0.8em; color:#555; font-weight:normal }
 
 .cimg_p.p7_4a{ margin:60px auto 0 auto;  transform: translate(130px, 0%); max-width:480px; text-align:justify; }
 #footer{ position: relative; z-index:130;
 display:flex; 
flex-wrap: wrap; 
align-items:center;
justify-content: center; margin:55px 0 0 0; padding:0 0 35px 0; 
}
.home  #footer{margin:35px 0 0 0;  padding:0 0 0 0; }
 
.inner.hkpf_14  #footer{margin:10px 0 0 0; }

 #footer a{padding:0 15px 0 15px; color:#fff; font-size:14px;}
 #footer a:nth-child(2){  border-right:1px solid #eee;  border-left:1px solid #eee; }
 
 #footer a:hover{ text-decoration:underline}
 
.inner.other   #footer a:nth-child(2){  border-right:1px solid #eee;  border-left:1px solid #eee; }
.inner.other #footer a{ color:#fff;  }
.inner #footer a{ color:#000;  }
.inner   #footer a:nth-child(2){  border-right:1px solid #222;  border-left:1px solid #222; }
  
  
#section_banner_cnt .pc{ display:block }
#section_banner_cnt .mb{ display:none}

  #section_inner_cnt.hkpf_02,
 .container.hkpf_02{max-width:1400px;}
 .p2_cnt{width:100%; max-width:1400px; display:block; overflow:hidden; position: relative; /*
 display:flex;
flex-wrap: wrap; 
align-items:flex-start;
justify-content: space-between;*/ clear:both;}
 .p2_cnt::after {
  content: "";
  display: table;
  clear: both;
}
 .p2_cnt .p2_item {position:relative; width: 40%;}
 .p2_cnt .p2_item h2{ margin:0 0 15px 0;}
 .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;}
 .p2_cnt .p2_item  .date_cnt.left{ right:-5%; top:20%;   transform: translate(100%, 0%);}
 .p2_cnt .p2_item.bk1 .date_cnt.left{  top:0%}
 
 .p2_cnt .p2_item  .date_cnt.left .date_cntcnt::after{  z-index:6; position: absolute; top:50%; right:50%; content:""; display:block; width:100%; border:1px solid #f0f;}
 .p2_cnt .p2_item  .date_cnt.right .date_cntcnt::after{  z-index:6; position: absolute; top:50%; left:50%; content:""; display:block; width:100%; border:1px solid #f0f;}
 .p2_cnt .p2_item  .date_cnt.right{left:-5%;  top:20%;  transform: translate(-100%, 0%);}
 .p2_cnt .p2_item  .date{ position:relative; z-index:100;}
 .p2_cnt .p2_item  .date.dd1{ width:140px; }
 .p2_cnt .p2_item  .date.dd2{ width:280px; }
 .p2_cnt .p2_item  .date  strong{ position: absolute; display:inline-block; left:50%; top:50%;  transform: translate(-50%, -50%); font-size:1em; }
 .p2_cnt .p2_item { margin:10vh 0 0 0;}
 .p2_cnt .p2_item:first-child{ margin:0 0 0;}
 .p2_cnt .p2_item.even{float:right; clear:right;    display:flex;flex-wrap: wrap; align-items:flex-start;justify-content: flex-end;} 
 
 .p2_cnt .p2_item.even{ margin:140px 0 0 0}
 .p2_cnt .p2_item.odd{ float:left; clear:left ;  display:flex;flex-wrap: wrap; align-items:flex-start;justify-content: flex-start;}
 .item_content{width:90%}
 
 
 .p2_cnt .p2_item.bk2{margin:380px 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:200px 0 0 0;}
 .p2_cnt .p2_item.bk16{margin:200px 0 0 0;}
 
 
 .p2_cnt .p2_item .item_content{position: relative; z-index:100; background:#fff; border:1px solid #f0f; padding:2px; border-radius:15px;}
 .p2_cnt .p2_item .item_content .item_ttcnt{  padding:13px 13px 7px 13px; }
 
 .p2_cnt .p2_item h2{font-size:1em;}
 .p2_cnt .p2_item p{ font-size:0.8em; line-height:1.2; display:none}
 
	.p2_cnt{  margin-bottom:60px;}
	.p2_cnt::after{content:""; width:18px; height:auto; aspect-ratio: 1 / 1; position: absolute; left:50%; bottom:0; display:block; border-radius:50%;  transform: translate(-50%, 0%);
	background:#428f52;}
 
	.p2_cnt::before{content:""; width:6px; height:calc(100% - 20px); position: absolute; left:50%; top:10px; margin-left:-3px; 
background: #698d64;
background: linear-gradient(180deg,#698d64 16%, #698d64 36%, #428f52 54%, #428f52 77%, #428f52 100%);
}
  .p2_cnt .p2_item.type1  .cimg_cnt_2img .cimg_cnt,
  .p2_cnt  .p2_item.type1  .cimg_cnt_1img .cimg_cnt,
  .p2_cnt  .p2_item.type1   .date_cnt.right .date_cntcnt::after,
  .p2_cnt  .p2_item.type1   .date_cnt.left .date_cntcnt::after,
  .p2_cnt  .p2_item.type1  .item_content{ border-color:#698d64;}
  .p2_cnt	.p2_item.type1   h2,
  .p2_cnt  .p2_item.type1   .date{color:#698d64;}
  .p2_cnt  .p2_item.type1  .cimg_cnt_2img .cimg_cnt::before,
  .p2_cnt  .p2_item.type1  .cimg_cnt_1img .cimg_cnt::before{  background:url(./images/p2_1_frame.svg) no-repeat  0 100% ; }
 
  
  .p2_cnt .p2_item.type2  .cimg_cnt_2img .cimg_cnt,
  .p2_cnt  .p2_item.type2  .cimg_cnt_1img .cimg_cnt,
  .p2_cnt  .p2_item.type2   .date_cnt.right .date_cntcnt::after,
  .p2_cnt  .p2_item.type2   .date_cnt.left .date_cntcnt::after,
  .p2_cnt  .p2_item.type2  .item_content{ border-color:#698d64;}
  .p2_cnt	.p2_item.type2   h2,
  .p2_cnt  .p2_item.type2   .date{color:#698d64;}
  .p2_cnt  .p2_item.type2  .cimg_cnt_2img .cimg_cnt::before,
  .p2_cnt  .p2_item.type2  .cimg_cnt_1img .cimg_cnt::before{  background:url(./images/p2_1_frame.svg) no-repeat  0 100% ; }
 
 
 
  .p2_cnt .p2_item.type3  .cimg_cnt_2img .cimg_cnt,
  .p2_cnt  .p2_item.type3  .cimg_cnt_1img .cimg_cnt,
  .p2_cnt  .p2_item.type3   .date_cnt.right .date_cntcnt::after,
  .p2_cnt  .p2_item.type3   .date_cnt.left .date_cntcnt::after,
  .p2_cnt  .p2_item.type3  .item_content{ border-color:#428f52;}
  .p2_cnt	.p2_item.type3   h2,
  .p2_cnt  .p2_item.type3   .date{color:#428f52;}
  .p2_cnt  .p2_item.type3  .cimg_cnt_2img .cimg_cnt::before,
  .p2_cnt  .p2_item.type3  .cimg_cnt_1img .cimg_cnt::before{  background:url(./images/p2_2_frame.svg) no-repeat  0 100% ; }
 
 
 
  .p2_cnt .p2_item.type4  .cimg_cnt_2img .cimg_cnt,
  .p2_cnt  .p2_item.type4  .cimg_cnt_1img .cimg_cnt,
  .p2_cnt  .p2_item.type4   .date_cnt.right .date_cntcnt::after,
  .p2_cnt  .p2_item.type4   .date_cnt.left .date_cntcnt::after,
  .p2_cnt  .p2_item.type4  .item_content{ border-color:#2c7454;}
  .p2_cnt	.p2_item.type4   h2,
  .p2_cnt  .p2_item.type4   .date{color:#2c7454;}
  .p2_cnt  .p2_item.type4  .cimg_cnt_2img .cimg_cnt::before,
  .p2_cnt  .p2_item.type4  .cimg_cnt_1img .cimg_cnt::before{  background:url(./images/p2_3_frame.svg) no-repeat  0 100% ; }
 
 
 
 
  .p2_cnt .p2_item.type5  .cimg_cnt_2img .cimg_cnt,
  .p2_cnt  .p2_item.type5  .cimg_cnt_1img .cimg_cnt,
  .p2_cnt  .p2_item.type5   .date_cnt.right .date_cntcnt::after,
  .p2_cnt  .p2_item.type5   .date_cnt.left .date_cntcnt::after,
  .p2_cnt  .p2_item.type5  .item_content{ border-color:#2c7454;}
  .p2_cnt	.p2_item.type5   h2,
  .p2_cnt  .p2_item.type5   .date{color:#2c7454;}
  .p2_cnt  .p2_item.type5  .cimg_cnt_2img .cimg_cnt::before,
  .p2_cnt  .p2_item.type5  .cimg_cnt_1img .cimg_cnt::before{  background:url(./images/p2_3_frame.svg) no-repeat  0 100% ; }
 
 
 
 
 
 
  .p2_cnt  .p2_item.bk14  .cimg_cnt,
  .p2_cnt  .p2_item.bk13  .cimg_cnt{ width:80%; }
  .p2_cnt  .p2_item.bk5  .cimg_cnt,
  .p2_cnt  .p2_item.bk7  .cimg_cnt,
  .p2_cnt  .p2_item.bk11  .cimg_cnt{ width:50%; }
  .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:150px; height:22px; } 
  
  .p2_cnt  .p2_item.bk11 .cimg_cnt::before{ display:none}
 
   .p2_cnt  .p2_item.bk15 svg,
   .p2_cnt  .p2_item.bk14 svg,
   .p2_cnt  .p2_item.bk12 svg,
   .p2_cnt  .p2_item.bk10 svg,
   .p2_cnt  .p2_item.bk9 svg,
   .p2_cnt  .p2_item.bk7 svg,
   .p2_cnt  .p2_item.bk5 svg,
   .p2_cnt  .p2_item.bk4 svg,
   .p2_cnt  .p2_item.bk2 svg{transform: rotate3d(1, 0, 0, 180deg); }
 
 
 .pf1_cnt{ display:flex;
flex-wrap: nowrap; 
align-items:flex-start;
justify-content: flex-start;;}
 .pf1_cnt .pf1_left { width:75%}
 .pf1_cnt .pf1_left p{  margin-bottom:1em;}
 .lg1 .pf1_cnt .pf1_left p{  margin-bottom:1em;}
 .pf1_cnt .pf1_left strong small{font-size:1em; }
 .pf1_cnt .pf1_left strong{color:var(--blue); font-size:1.1em; width:100%; display:block; margin-top:45px; text-align:left}
 .pf1_cnt .pf1_right{ width:25%; display:flex;
flex-wrap: nowrap; 
align-items:flex-start;
justify-content: flex-end;} 
 .pf1_cnt .pf1_right img{ max-height:80vh; height:100%; width:auto;}
 
 .hkpf_01  h2,
 .hkpf_01  h3{ color:var(--blue);}
 
  .hkpf_00  h2,
 .hkpf_00  h3{ color:var(--blue);}
 
 .hkpf_13 h3,
 .hkpf_13 h2{ padding:90px 0 0 0;}
 
  .aplist{ margin:0; padding:0 0 0 }
  .apimg_cnt{ display:flex;
flex-wrap: nowrap; 
align-items:center;
justify-content: center;}
  .aplist li{ list-style:number;margin:0 0  0 20px; padding:0 5px 0 5px;}
  .aplist li a,
 .aplist li{color: var(--blue); font-size:1em; font-weight:bold;}
  .aplist li a{display:block; padding:0 0 12px 0;}
  #hg_cnt  .mb_base{ display:none}
 #hg_cnt{ position: relative; z-index:60;}
 #hg_cnt .baseimg{ position: relative; z-index:1;}
 
 #hg_cnt .logo_cnt h1{ position: absolute;  overflow:hidden; z-index:12; width:0p%;  height:0px ; left:0; top:0;  opacity:0;
 }
 
 #hg_cnt .logo_cnt{ position: absolute; display:block; z-index:12;   width:12.5%;  height:auto ; left:50%; top:6%;
 transform: translate(-50%, -15px); opacity:0;
 }
 
 #hg_cnt .ppl_cnt{ position: absolute; display:block; z-index:12; width:100%; height:100%; left:0; bottom:0;
 transform: translate(0, 0%); opacity:0; padding:0;
 }
 #hg_cnt .line_cnt{ position: absolute; display:block; z-index:10; width:100%; height:100%; left:0; bottom:0;
 /*clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);*/opacity:0;;
 }
 #hg_cnt .text_pc_cnt{ position: absolute; display:block; z-index:10; width:100%; height:auto; left:0; bottom:0;
/* clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);*/  transform: translate(0, 70px);opacity:0;;
 }
 #hg_cnt .text_pc_cnt{ display:block; }  
 .text_mb_cnt{ display:none; margin:0 0 0 0; opacity:0;
  position:  relative;   z-index:10; width:100%; height:auto; left:0; bottom:0;
 /*clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);*/} 
 
 .text_mb_cnt img,
 #hg_cnt .text_pc_cnt img,
 #hg_cnt .ppl_cnt img,
 #hg_cnt .line_cnt img{
    object-fit: cover;
    height: 100%;
    width: 100%;}
#section_inner_cnt{
	   width: 100%; min-height:30vh; display:block; margin:0 auto;
	   max-width:1280px; position: relative; z-index:300;
		
	}
	
	#section_banner_cnt h1{ position: absolute; width:0; height:0; overflow:hidden; left:0; top:0; opacity:0;}
	#section_banner_cnt{ position: relative; z-index:1;
	   width: 100%;  display:block; margin:0 auto 32px auto; 
}

#section_banner_cnt.hkpf_01{ margin-bottom:0;}
#section_inner_cnt.hkpf_01{ margin-top:-50px;}

#inner_baner{ position: relative;
 display:flex;
flex-wrap: wrap; 
align-items:flex-end;
justify-content: center;
}
#inner_baner .banner_cnt{ position: relative;  z-index:1; opacity:1;
width:100%;  aspect-ratio: 1920 / 470;

background-size: contain;
background-position:50% 100%;  
}
#inner_baner h1{  position: absolute; display:inline-block; z-index:10;   left:50%; top:50%;
transform: translate(-50%, -50%); font-size:4vw; font-weight:bold; color:#fff;
text-shadow:0 0 4px #444,0 0 8px #666;
}
	
	
.inner.other	.section_body h2{ font-size:2em; font-weight:bold;}
.inner.other	.section_body{ display:flex; position: relative;
	color:#fff;
	padding:35px 15px 35px 15px;
}
.inner.other	.section_body a{ 	color:#fff; text-decoration:underline}
#section_inner_cnt.hkpf_14{max-width:100%; 
background: #FFFFFF;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 11%, #caeaf7 30%, #eaf4fc 55%, #ffffff 75%);}
#section_inner_cnt.hkpf_14 .main_content{max-width:1400px; margin:0 auto;}
.hkpf_14  .slick-list{z-index:100;}
.hkpf_14 .slick-arrow{z-index:300; position: absolute;  bottom:60%; width:40px; height:40px; font-size:40px;background:0;  color:rgba(255,255,255,0.9);
text-shadow:0 0 4px #444,0 0 8px #666;}
.hkpf_14 .slick-arrow.slick-custom-next{ transform: translate(0,0%); right:-45px;   } 
.hkpf_14 .slick-arrow.slick-custom-prev{ transform: translate(0,0%);left:-45px;} 

.hkpf_14 .slick-arrow.slick-custom-next.slick-disabled,
.hkpf_14 .slick-arrow.slick-custom-prev.slick-disabled{ opacity:0;} 


 .team_cnt_outer{width:100%; position: relative; overflow:hidden;  
 /*transform: translate(0,-20px);*/
  text-align:center; margin:0 0 0 0;
 }
 
 .mitems{ opacity:0; transition: all 0.3s ease-in-out;   margin-top:-30px; }
 
 
 .mitems   .slick-slide.team_cnt_outer .team_cnt{    transition: all 0.3s ease-in-out; }
 .mitems   .slick-slide.team_cnt_outer {
 width:100%;
 /*
  height:610px;
  perspective: 800px;
  width: 200px;*/
  transition: all 0.3s ease-in-out;  
}

/*
 .mitems   .slick-slide.target-right  .ppl_cnt{   opacity: 0.5; }
.mitems   .slick-slide.target-center .ppl_cnt{ opacity:1 }
 .mitems   .slick-slide.target-left  .ppl_cnt{    opacity: 0.5;}
 .mitems   .slick-slide.target-left  .team_cnt{ 
   opacity: 0.5;
 }
 
.mitems   .slick-slide.target-center .team_cnt  {
   opacity: 1;
}

 
 .mitems  .slick-slide.target-right .team_cnt{
   opacity: 0.5;
}
 */
 
 
 .mitems   .slick-slide  .team_cnt,
 .mitems   .slick-slide  .ppl_cnt{   opacity: 0.5 }
 
 .mitems   .slick-slide.target-right  .ppl_cnt{   opacity: 0.5; }
.mitems   .slick-slide.target-center .ppl_cnt{ opacity:0.5 }
 .mitems   .slick-slide.target-left  .ppl_cnt{    opacity:1;}
 .mitems   .slick-slide.target-left  .team_cnt{ 
   opacity: 1;
 }
 
.mitems   .slick-slide.target-center .team_cnt  {
   opacity: 0.5;
}

 
 .mitems  .slick-slide.target-right .team_cnt{
   opacity: 0;
}

.team_cnt{ width:100%;  margin:0 auto 0 auto;  position: relative;

  display: flex; 
  align-items: center;
  justify-content: flex-start; flex-wrap:wrap;flex-direction:column-reverse
}
.team_cnt img{padding:0 0 0 ;  } 
  .ppl_cnt{ position: static;   padding:0 15px 5px 15px;/* transform: translate(0%,-65px );*/
  margin:-20px auto 0 auto;
  display:inline-block;  
  }
  p.ppl_tt{   line-height:1.1;  
font-size:0.9em;color:var(--blue3);   font-weight:bold; 
 text-align:left; 
   display:block; padding:0  0 0 33px; position: relative;   
   margin:0 0 10px 0;
} 
.lg1 t p.ppl_tt{   line-height:1.1;  
font-size:0.9em;
}
 p.ppl_tt em{  font-family: Arial; font-size:1em; color:var(--blue3); font-style:normal; font-weight:bold;width:30px; clear:left;display:block; margin:0 0 0 0;
position: absolute; top:1px; left:0; }
.team_cnt .img-fluid{ position: relative; z-index:10; }
.ppl_ttbtn{ position: absolute;   z-index:20; width:15%; border:0px solid #f00;  
  height:70%;top:13%; display:block; cursor:pointer ;  transform: translate(-50%,0% );}	
.tm3 .ppl_ttbtn{ width:12%; }
.tm4 .ppl_ttbtn{ width:12%; }
.ppl_ttshw{ position: absolute; border-radius:100%;   z-index:3; 
width:24px; border:0px solid #f00;
  height:24px; border-radius:50%; top:30px; display:block;  background:#0066b3;   opacity:1;
   display:flex;
flex-wrap: wrap; 
align-items:center;
justify-content: center;  transform: translate(-50%,-60% );
   transition: all .3s ease-in-out;}
  .ppl_ttshw em{width:24px; height:24px; position: relative; }
  .ppl_ttshw em strong{ font-style:normal;  transform: translate(-50%,-50% ); display:inline-block; text-align:center;
  position: absolute; left:50%; top:50%;
  height:14px; line-height:14px;color:#fff; font-size:14px; overflow:hidden; border:0px solid #f0f;
  font-family: Arial}
  
  .team_cnt p.ppl_tt.on{  opacity:1;}
.ppl_ttshw.on{  height:30px; margin:-6px 0 0 0; width:30px;font-size:16px; }


.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:15%;   }


.team_cnt.tm1 .ppl_ttshw.t1,
.team_cnt.tm1 .ppl_ttbtn.t1{left:20%; }
 
.team_cnt.tm1 .ppl_ttshw.t4,
.team_cnt.tm1 .ppl_ttbtn.t4{left:35%;  }
.team_cnt.tm1 .ppl_ttshw.t2,
.team_cnt.tm1 .ppl_ttbtn.t2{left:50%;   }
.team_cnt.tm1 .ppl_ttshw.t5,
.team_cnt.tm1 .ppl_ttbtn.t5{left:63%;    }

.team_cnt.tm1 .ppl_ttshw.t3,
.team_cnt.tm1 .ppl_ttbtn.t3{left:77%; }

 

.team_cnt.tm2 .ppl_ttshw.t1,
.team_cnt.tm2 .ppl_ttbtn.t1{left:21%; }
 
.team_cnt.tm2 .ppl_ttshw.t4,
.team_cnt.tm2 .ppl_ttbtn.t4{left:33%;  }
.team_cnt.tm2 .ppl_ttshw.t2,
.team_cnt.tm2 .ppl_ttbtn.t2{left:46%;   }
.team_cnt.tm2 .ppl_ttshw.t5,
.team_cnt.tm2 .ppl_ttbtn.t5{left:59%;    }

.team_cnt.tm2 .ppl_ttshw.t3,
.team_cnt.tm2 .ppl_ttbtn.t3{left:74%; }

 
 

.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:13%;   }


.team_cnt.tm3 .ppl_ttshw.t1,
.team_cnt.tm3 .ppl_ttbtn.t1{left:20%; }
 
.team_cnt.tm3 .ppl_ttshw.t4,
.team_cnt.tm3 .ppl_ttbtn.t4{left:30%;  }

.team_cnt.tm3 .ppl_ttshw.t2,
.team_cnt.tm3 .ppl_ttbtn.t2{left:44%;   }

.team_cnt.tm3 .ppl_ttshw.t5,
.team_cnt.tm3 .ppl_ttbtn.t5{left:55%;    }

.team_cnt.tm3 .ppl_ttshw.t3,
.team_cnt.tm3 .ppl_ttbtn.t3{left:68%; }

.team_cnt.tm3 .ppl_ttshw.t6,
.team_cnt.tm3 .ppl_ttbtn.t6{left:81%;    }
 



.team_cnt.tm4 .ppl_ttshw.t1,
.team_cnt.tm4 .ppl_ttbtn.t1{left:25%; }
 
.team_cnt.tm4 .ppl_ttshw.t4,
.team_cnt.tm4 .ppl_ttbtn.t4{left:35%;  }
.team_cnt.tm4 .ppl_ttshw.t2,
.team_cnt.tm4 .ppl_ttbtn.t2{left:48.5%;   }
.team_cnt.tm4 .ppl_ttshw.t5,
.team_cnt.tm4 .ppl_ttbtn.t5{left:60%;    }

.team_cnt.tm4 .ppl_ttshw.t3,
.team_cnt.tm4 .ppl_ttbtn.t3{left:72%; }



#p12_ppl{ position: relative;}
.p12ppl{ position: absolute; display:block; border:0px solid #f0f; cursor:default}
.p12ppl em{opacity:0;}
.p12ppl.cp{ width:20%; height:27%; left:50%; top:3%;  transform: translate(-50%,0);}
.p12ppl.DCP_OPS{ width:20%; height:25%; left:5%; top:31%;  transform: translate(0%,0);}
.p12ppl.DCP_MAN{ width:20%; height:25%; left:50%; top:31%;  transform: translate(-50%,0);}
.p12ppl.DCP_NS{ width:20%; height:25%; right:5%; top:31%;  transform: translate(0%,0);}


.p12ppl.D_OPS{ width:12%; height:19%; left:2%; top:61%;  transform: translate(0%,0);}
.p12ppl.D_CS{ width:12%; height:19%; left:15%; top:61%;  transform: translate(0%,0);}
.p12ppl.DPT{ width:12%; height:19%; left:31%; top:61%;  transform: translate(0%,0);}
.p12ppl.DMS{ width:12%; height:19%; left:44%; top:61%;  transform: translate(0%,0);}
.p12ppl.DFAP{ width:12%; height:19%; left:58%; top:61%;  transform: translate(0%,0);}
.p12ppl.DNS{ width:12%; height:19%; right:7%; top:61%;  transform: translate(0%,0);}


.p12ppl.HKAPF{ width:12%; height:19%; left:2%; bottom:1%;  transform: translate(0%,0);}
 

body.inner #inner_cnt #section_inner_cnt .cimg_cnt::before {
  width: 200px !important;
}
    
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3::before{top:1px}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3.right::before{top:auto; bottom:0;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3f,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3e,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3{ border-left-width:6px; border-bottom-width:6px;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3.right{ border-right-width:6px; border-top-width:6px;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3b{ border-right-width:6px; border-bottom-width:6px;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3c{ border-right-width:6px; border-top-width:6px;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.p3d{ border-left-width:6px; border-top-width:6px;}
 
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.right.p5 img{ border-radius:0 30px 0 0;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.right.p9 img{ border-radius:0 30px 0 0;}
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.right.p9,
body.inner #inner_cnt #section_inner_cnt .cimg_cnt.right.p5{ border-right-width: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.p4a{ border-left-width:6px; border-bottom-width:6px;}
body.inner.hkpf_07 #inner_cnt #section_inner_cnt .cimg_cnt{ border-left-width:6px; border-bottom-width:6px;}


body.inner  #inner_cnt #section_inner_cnt .cimg_cnt.p9,
body.inner  #inner_cnt #section_inner_cnt .cimg_cnt.p5,
body.inner  #inner_cnt #section_inner_cnt .cimg_cnt.p10,
body.inner  #inner_cnt #section_inner_cnt .cimg_cnt.p11{ border-left-width:6px; border-bottom-width:6px;}


 
@media all and (max-width:1279px){	 
 #hg_cnt .logo_cnt{   max-width:14%;top:3vh; }	
}


.home  .head_dn.homebtn{ display:none}


@media all and (max-width: 1024px){ 
body {
  font-size: 1em;
}
#inner_baner{ min-height:30vh; }
#inner_baner .sp_bg{ position: absolute; top:0; left:0; width:100%; height:90%; display:block; z-index:1; background-color:	#aee7fa}
#logo img {
  width: auto;
  height: 36px; margin-left:10px;
}
#inner_baner h1 {
  font-size: 2em; white-space:wrap; text-align:center;
}

.header-bar{height:56px; min-height:56px;}
.header-spacer{ height:56px;}

.inner.other .section_body h2 {
  font-size: 1.4em;
  font-weight: bold;
}


 #sp_menu  {  align-items: flex-start;  }
 #sp_menu ul{  transform: translate(0, 80px); }
 #home_side ul  li.break{ display:none;}
 
   
 #sp_menu ul a {
  display: block;
  padding: 2px 8px 2px 8px;
  margin: 2px 0 2px 0;
  color: #fff;
  font-size: 20px;
 }
 #hg_cnt .logo_cnt{ top:40px;  width:100px; max-width:80%;
 transform: translate(-50%, 0%); opacity:1;
 }
 #hg_cnt .logo_cnt img{
 transform: translate(0%,-10px);
	 height:auto; width:130px;
 }
 #hg_cnt{margin:0 0 0 0; }
 #hg_cnt::before{ position:absolute; top:-15vh; left:0; height:15vh; content:""; width:100%; display:block; background:#a7e4fe;}
  
 
 #hg_cnt .text_pc_cnt{ display:none}  
  .text_mb_cnt{ display:block;  transform: translate(0, 0px); } 
 
  #home_side{   padding:5px 15px 15px 15px ; z-index:110;  
 transform: translate(0, 0);   text-align:center; 
 }
  
 #header_container{padding:0;}
.og_btn span{ display:none}
}
@media all and (max-width: 820px){ 
 #hg_cnt .logo_cnt{ top:20px;}

}
@media all and (max-width: 1025px){ 
  #hg_cnt  .mb_base{ display:block}
 #hg_cnt .pc_base{  display:none} 
 #hg_cnt .logo_cnt img{width:100%}
 #hg_cnt .logo_cnt{ top:3vh; width:35vw; max-width:200px;}
}