:root {
  --basecc: #426AB3;
  --navh: 160px;
  --footerh: 60px;
  --dech: 190px;
  --minw: 1024px;
  --fontcc: #000;
  --purplell: #fdedea;
  --purplebd: #DC4949;
  --bluecc: #1e417c;
	--redcc:#D71D28;
	
	--lblue:#e3ecff;
	--lblue_tt:#0050FF;
	--lred:#ffece3;
	--lred_tt:#FF3B00; 
	--lgreen:#eaf5e9;
	--lgreen_tt:#0DA700;
}



.text-blue{ color:var(--bluecc) !important;}
/*


var(--fontcc)
var(--basecc)
var(--lgreen)
*/
body{ 
min-width:360px;
min-height:100vh; 
 
margin:0; padding:0;
position: relative;
color: #000;
font-size:16px;
background: #d1d5e1;
/*
min-width:var(--minw);
 */ 
  overflow : auto;

}  
.show_mb{ display:none;}

body,p,td,th,div,span{ color:var(--fontcc); font-size:18px}
*{ border-radius:0 !important;}
a,button{ outline:0;}
.btn-link,
a{ color:var(--purplecc)}
.btn-link:hover,
a:hover{ color:var(--purplecc)}
body.inner{ 
min-height:100vh; padding-bottom:60px;
} 

 
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus,
.btn-check:focus + .btn-info, .btn-info:focus { 
  box-shadow: 0 0 0 0 !important;
   outline: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.nouline{ text-decoration:none}
.container {
    max-width: 1280px;  
}

.container.inn {
    max-width: 1140px;  
}
.container.inn2 {
    max-width: 1400px;  
}
 
.alert{margin:0 auto;border-radius: 20px !important;}
.btn{ border-radius: 0 !important;}

label.error{ border:1px solid #ffaeb2; color:#680106; background:#ffaeb2; display:block; width:100%; font-size:12px; line-height:14px; padding:5px; text-align:center}

.inner.modal-open  #nav,
.home.modal-open  #nav{z-index:900;} 


 #header_gap{ height:120px; display:block}
 #header_cnt{ height:120px; border-bottom:4px solid var(--bluecc);
  z-index:1000; width:100%;
position: fixed; left:0; top:0; background:#fff;
 
 }
#header_cnt .container{display:flex; flex-wrap: nowrap;
 justify-content:space-between; align-items:center;position: relative;
 height:100%; 
}
 #logo_v2{
	 position: relative; display:flex; flex-wrap: nowrap;
 justify-content:flex-start; align-items:center;  
 max-width:500px;
 width:50%;
 }
 .dabtn_cnt{width:100px; height:100px; overflow:hidden; }
 #dabtn{width:100px; height:100px; overflow:hidden; position: relative; display:flex; flex-wrap: nowrap;
 justify-content:center; align-items:center; background:0; border:0; outline:0; }
 #dabtn .sq{
    transition: all .3s ease-in-out;
	width:100px; height:100px; display:block;position: absolute; right:0; top:0;}
   #dabtn .sq.img2{opacity:0;}
   #dabtn:hover .sq.img2{opacity:1;}
 
   .dabtn_cnt { overflow:hidden;}
 #dabtn:not(:hover){ /*-webkit-animation: in 1s;*/}
 
   #dabtn:hover{  /* -webkit-animation: out 1s;*/ }
@-webkit-keyframes in {
    from   { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg);}
}

@-webkit-keyframes out {
    0%   { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); }
} 


 #lang_cnt{ position: absolute; right:120px; bottom:-44px;
 }
  #langbtn_cnt{
	 
	 position: relative; display:flex; flex-wrap: nowrap;
 justify-content:center; align-items:center; 
 }
 
 #lang_cnt .langbtn{   border-radius: 0 0 10px 0; display:inline-block;font-size:14px;background: var(--bluecc); color:#fff; line-height:40px; padding:0 10px 0 10px;}

 
   #lang_cnt .btnct.c1 .langbtn{ border-radius: 0 0  0 10px !important; }
   #lang_cnt .btnct.c2 .langbtn{ margin:0 5px 0 5px; }
    #lang_cnt .btnct.c3{ cursor:pointer}
   #lang_cnt .btnct .langbtn{
	  -webkit-box-shadow: 0px 4px 8px 0px rgba(255,255,255,0.4);
-moz-box-shadow: 0px 4px  8px 0px rgba(255,255,255,0.4);
box-shadow: 0px 4px 8px 0px rgba(255,255,255,0.4);
}

   #lang_cnt #lgul_cnt .langbtn{ border-radius: 0  0 10px  0  !important; }
  #lang_cnt .langbtn.langulcnt{   display:flex; flex-wrap: nowrap;
 justify-content:center; align-items:center; 
  color:#fff;   background:#bcbec0;width:46px; height:40px; padding:0; text-align:center}
 
   #lang_cnt .langbtn.langulcnt img.lgico{margin:0 auto; width:26px; height:26px;}
  
  
   #lgul_cnt   #lg_ul{
	   position: absolute; top:0; right:0; margin:0;  padding:45px 0 0 0; width:46px;
	   opacity:0;  visibility:hidden; }
	     
   #lgul_cnt.on   #lg_ul{  opacity:1; visibility: visible}
 #lg_ul li{ list-style:none; padding: margin:0;  width:1px;}
  #lg_ul li .lgulbtn{ margin:0 0 0 0;  display:inline-block;font-size:14px;background:#bcbec0; color:#fff; line-height:20px; padding:5px 0 5px 0 ; width:46px; text-align:center; }
    #lg_ul li:first-child .lgulbtn{ padding:10px 0 5px 0;  border-radius:   10px 10px 0 0    !important; }
    #lg_ul li:last-child .lgulbtn{  padding:5px 0 10px 0;  border-radius:  0 0   10px 10px   !important; }

  /*
   #lgul_cnt   #lg_ul{
	   position: absolute; top:0; right:0; margin:0;  padding:45px 0 0 0; width:46px;
	   opacity:0;  visibility:hidden }
	     
   #lgul_cnt.on   #lg_ul{  opacity:1; visibility: visible}
 #lg_ul li{ list-style:none; padding: margin:0;  width:46px;}
  #lg_ul li .lgulbtn{border-radius:   10px    !important;  margin:0 0 5px 0; border-radius: 0 0 10px 0; display:inline-block;font-size:14px;background:#bcbec0; color:#fff; line-height:40px; padding:0 ; width:46px; text-align:center; }
  */
  
  
   #lang_cnt li:nth-child(2) .lgulbtn,
   #lang_cnt li:nth-child(3) .lgulbtn{ font-size:18px; }
   /*
  #lg_ul li .lgulbtn:hover, 
  #lg_ul li .lgulbtn:hover, 
  #lg_ul li .lgulbtn.cr{ background: var(--bluecc); color:#fff; }
  */
  
  #lg_ul li .lgulbtn:hover, 
  #lg_ul li .lgulbtn:hover, 
  #lg_ul li .lgulbtn.cr{ color: var(--bluecc) }
  
 #bg_base{ position: absolute;
	 display:block;
  top: 110px;
  left: 0%; 
  width:100%;height:100%;  width:100%; z-index:2;

  }
 
  #bg_base_cnt{position: relative; width:100%; padding:0px; height:100%; max-height:1600px; overflow:hidden}
  
  #bg_base_cnt.inner{min-height:calc(100vh - 160px);}
  
    #bg_base_cnt .img-fluid{
   min-width:1420px; 
   position: absolute;
	 display:block;
  top: 0;
  left: 50%;
  width:100%;
  transform: translate(-50%, 0%);
	}
	 #logo_cnt{ z-index:200;
	 position: relative;
	 display:block;margin:0 auto;
  width:100%; max-width:1100px; 
  /*padding:40px 0 0 0;*/
 padding:  140px 15px 30px 15px; 
	 
 }

 #logo{  width:100%; max-width:840px; margin:0 auto;}
 #leaf_cnt{
	  z-index:100;
	 position: absolute;
	 display:block;
  top: 120px;
  left: 0;
  width:160px; 
	 
	 
 }
 .bg_ovx{
	  z-index:400;
	  margin:0 auto;
	 position: relative;  
  width:100%; max-width:900px;  justify-content:flex-start; align-items:center;
 
  }
 .bg_ovx .tt{text-align: justify;
	  font-size:20px !important;; }
 .bg_ovx .tt.tt1{ padding-right:20px}
 .bg_ovx .tt.tt2{ padding: 0 0 0 40px}
 
 
.lg_zh  .bg_ovx .tt.tt1 { }
.lg_zh  .bg_ovx .tt.tt1 ,
.lg_zh  .bg_ovx .tt.tt2 {  text-align:  center;  font-size:26px !important;;}
 
 .bg_ovx	.img1{ padding:40px 40px 40px 40px;}
 .bg_ovx.ovx2{flex-direction: row-reverse}
 .bg_ovx.ovx3{padding-top:20px ;}
 
	 #footer_cnt{
 
	  z-index:400;
	 position: relative;
	 }
	 #footer_nav{ 
	 position: relative;
	 display:block;  
  width:100%; max-width:800px; 
	 display:flex; flex-wrap: nowrap;margin:0 auto;
 justify-content:center; align-items:center; padding:10px 0 15px 0;
	 }
 #footer_nav div{ width:25%; font-size:13px; text-align:center; }
 #footer_nav i.fa{ color:#aaa}
 #footer_cp{ padding:30px 15px 30px 15px;
	 border-top:4px solid var(--bluecc);
	  position: relative; display:flex; flex-wrap: nowrap;
 justify-content:center; align-items:center;
 font-size:13px; color:#58595b; text-align:center;
 }
 #fff_form_cnt{ position: relative;
	 	 display:flex; flex-wrap: nowrap;margin:0 auto;
 justify-content:flex-end; align-items:center;
 }
 
 .fkk{ position: absolute; z-index:300;  left:0; width:100%; height:50%; display:block; border:0px solid #f00; }
 #link1{ top:0; height:45%;}
 #link2{ bottom:0;height:55%;}
 
 #fff_form_link_cnt{ position: absolute;top:30px; left:0;
 }
 #fff_form_link{ width:330px; height:260px; position: relative; display:block; margin:0;}
 #fff_form_link .img-fluid{top:0;right:0; position: absolute; display:block;  width:100%; }
 
 
 #fff_form_link .img-fluid.p1{ z-index:200; opacity:1; }
 #fff_form_link .img-fluid.p2{z-index:20;   opacity:1; }
 #fff_form_link .img-fluid.p2b{z-index:20; opacity:1; }
 
 #fff_form_link.tp2 .img-fluid.p1, 
 #fff_form_link.tp1 .img-fluid.p1{  opacity:0; }
 #fff_form_link.tp1 .img-fluid.p2{ }
 #fff_form_link.tp1 .img-fluid.p2b{visibility:hidden  }
 #fff_form_link.tp2 .img-fluid.p2{visibility:hidden  }
 #fff_form_link.tp2 .img-fluid.p2b{ }
 /*
#fff_form_link:hover .img-fluid.p2{ opacity:1; }
 
 #fff_form_link:hover .img-fluid{ opacity:0.4; }*/
 
 	/*
  .vtg_btn_cnt {z-index:500;position: absolute;  top:50%; left:50%;
	 transform: rotate(90deg); margin:-20px  0 0 20px; }
.vtg_btn {
 width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 0 0 0;
   border-color: transparent transparent #fff transparent;
   opacity:0;
    transition: all .3s ease-in-out;
  
}
 #fff_form_link:hover .vtg_btn{  border-width: 0 36px 78px 36px; opacity:1}*/

 #fff_form{ background:0; width:212px; height:260px; position: relative; display:block; margin:33px -10px 0 0;}
 #fff_form .img-fluid{top:0;right:0; position: absolute; display:block;  width:100%; }
 #fff_form .img-fluid.p2{ opacity:0; }
 #fff_form:hover .img-fluid.p2{ opacity:1; }
 
 /*
  #fff_form_cnt{ background:0; outline:0; border:0; display:inline-block;
 margin:0; 
  z-index:118;position:relative; width:105%; float:right;
 
 }
  #fff_form_link,
  #fff_form{z-index:200;	 position: absolute; display:block; height:100%; background:rgba(255,255,255,0.5);
  }
  
  #fff_form_link{width:52%; left:0; top:0;}
  #fff_form{width:46%; right:0; top:0;}
  #fff_form_cnt img.fluid{ position:relative; z-index:100;	}
  #fff_form_bg{  position: absolute;  z-index:40;
  
  transform: translate(-100%, -50%);
  top:50%; left:50%; background:#000; width:30%; height:60%;}
 #fff_form.collapsed{opacity:1} 
 #fff_form{opacity:0.8} 

#fff_form:hover {opacity:0.8 
}*/

   #inner_content{
	  
	 max-width:1100px; margin:0 auto;
 
	 position: relative;
	 display:block; 
 width:100%; padding:30px 0 10px 0; min-height:200px;
	  
	 
 }


 #collapseForm{  z-index:218;
	 position: relative;
	 width:100%;
  left: 50%;
  transform: translate(-50%, -0%); 
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,17,48,0.35);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,17,48,0.35);
box-shadow: 0px 0px 18px 0px rgba(0,17,48,0.35);
border-radius:20px !important; overflow:hidden;
padding:20px; background:#fff;; text-align:center;
 ;}
 
 
 
 
 
 
 
 
 
 
 
 
/*------------------------------form-------------------------------------*/ 
 
 #dyform{ max-width:618px;}
 
   .inner_tt_cnt{  position: relative; display:flex; flex-wrap: nowrap;
 justify-content:flex-start; align-items:flex-start; margin:40px 0 0 0; }
 .inner_tt_cnt .sq{ position: absolute; left:0; top:50%;
 transform: translate(0, -50%); margin:0 0 0 0;  border-radius:40px !important;  display:flex; flex-wrap: nowrap; z-index:10;
 justify-content:center; align-items:center; width:80px; height:80px; background:var(--bluecc);
 border:4px solid #fff; color:#fff; font-size:32px;   font-weight:bold;}
 .inner_tt{z-index:1;
 display:block;background:var(--bluecc); margin:0 0 0 40px; padding:10px  10px 10px 50px; 
  width:100%; text-align:left;border-radius:20px !important;
  font-weight:bold; color:#fff;
  }
  .ddd *{transition: all .3s ease-in-out}
  .ddd { cursor:pointer}
  .ddd .inner_tt_cnt {margin:0; display:inline-block}
  .ddd .inner_tt_cnt .sq{  width:70px; height:70px; transform: translate(-50%, -50%); }
  .ddd  .inner_tt{  margin:0 0 0 0px; padding:10px  20px 10px 50px; }
   .inner_tt_cnt .sq img{width:35px; height:35px;}
  .ddd:hover .inner_tt,
  .ddd:hover .inner_tt_cnt .sq{background:#f1c02d;}
  
 
 #da_info_cnt,
 .inner_tp{ padding:20px 10px 0 90px; text-align:left;}
 
#da_info_cnt .form-control{ font-size:14px;  }

 .amt_box_lb{ position: relative; cursor:pointer; border:2px solid #ccc; background:#f1f1f1;
 display:flex; flex-wrap: nowrap; overflow:hidden;
 justify-content:flex-start; align-items:center; 
    transition: all .3s ease-in-out
  }
  
  
 .amt_box_lb.cr{border:2px solid var(--bluecc); background:var(--bluecc);}
 .amt_box_lb  label.error{ border:1px solid #ffaeb2; color:#680106; background:#ffaeb2; display:block; width:100%;  max-width:320px; font-size:14px; line-height:14px; padding:10px; text-align:center}
   .amt_box_lb .hkd_tt{color:#000;}
 .amt_box_lb { color:#666;}
  .amt_box_lb.cr .hkd_tt,
 .amt_box_lb.cr { color:#fff;}
 
 
 .endy_box_lb_cnt {width:20% !important}
 .endy_box_lb{ position: relative; cursor:pointer; border:2px solid #ccc; background:#f1f1f1;
 display:flex; flex-wrap: nowrap; overflow:hidden;
 justify-content:flex-start; align-items:center; 
    transition: all .3s ease-in-out
  } 
  
 .endy_box_lb.cr{border:2px solid var(--bluecc); background:var(--bluecc);}
 .endy_box_lb  label.error{ border:1px solid #ffaeb2; color:#680106; background:#ffaeb2; display:block; width:100%;  max-width:320px; font-size:14px; line-height:14px; padding:10px; text-align:center} 
 .endy_box_lb { color:#666;} 
 .endy_box_lb.cr { color:#fff;}
.endy_box_lb i.fa{ padding:5px;color: #666;}
.endy_box_lb.cr i.fa{ color: #fff;}
 
 
 
 
 /* ----------------*/
 .ctp_box_lb_all_cnt{ position: relative; display:flex; flex-wrap: nowrap; overflow:hidden;
 justify-content:space-between; align-items:flex-start; 
    transition: all .3s ease-in-out;  padding: 10px 10px 40px 20px; margin-left:70px;}
	.ctp_box_lb_cnt {
		 display:flex; flex-wrap: wrap; overflow:hidden;
 justify-content:center; align-items:flex-start; 
		
	}
.ctp_box_lb{ cursor:pointer; border:1px solid var(--bluecc); background:#fff;
 display:inline-block; flex-wrap: nowrap; overflow:hidden; color:var(--bluecc);
 justify-content:center; align-items:center; margin:0 auto 10px auto;
    transition: all .3s ease-in-out;   padding:10px 20px 10px 20px;border-radius:10px !important;
	font-size:24px;
	width:100%; max-width:250px; text-align:center;
  }
  
 .ctp_box_lb_all_cnt  .ctp_box_lb label.error{transform: translate(-50%, 0%);  position: absolute; left:50%; bottom:0;}
 .ctp_box_lb.cr{border:1px solid var(--bluecc); background:var(--bluecc);}
 .ctp_box_lb  label.error{ border:1px solid #ffaeb2; color:#680106; background:#ffaeb2; display:block; width:100%;  max-width:320px; font-size:12px; line-height:14px; padding:5px; text-align:center}
 .ctp_box_lb { color:var(--bluecc)}
 .ctp_box_lb.cr { color:#fff;}

 .ctp_box_lb.ccbox.cr{color:#fff; border:1px solid var(--bluecc); background:var(--bluecc);}
 .ctp_box_lb.ccbox {  background:#ffca2c; border:1px solid #ffca2c; color:var(--bluecc)} 
 
 /* ----------------*/
 
 
 .radb{ position: absolute; clip: rect(0, 0, 0, 0);
  pointer-events: none;}
 .sub_tt{margin:0 0 0 0;
color:var(--bluecc);
border-bottom:1px solid var(--bluecc);
padding:0 0 5px 0; text-align:left;
}
 .sub_tt span{ float:right;  margin:0 0 0 0;color:var(--bluecc);
}
 .sub_tt.with_img{display:flex; flex-wrap:  wrap;
 justify-content:center; align-items:center; border:0; width:100%; }
 
 .sub_tt.with_img p{color:var(--bluecc); margin:0; font-size:14px; }
 .sub_tt.with_img .img-f{width:auto; height:30px;}
.fix_amount{ padding:10px; display:flex; flex-wrap: nowrap; overflow:hidden;
 justify-content:center; align-items:center; color:#000;  }
.fix_amount i.fa{ padding:5px;color: #666;}
.amt_box_lb.cr.fix_amount i.fa{ color: #fff;}

.amt_box_lb.isinp{ padding:10px 10px 10px 10px; margin:10px 0 20px 0;}
.amt_box_lb.isinp i.fa{padding:5px; display:inline-block;}
.amt_box_lb.isinp .hkd_tt{ display:inline-block; width:200px; margin:0 0 0 5px}
.lg_zh .amt_box_lb.isinp .hkd_tt{   width:150px; }

.form-control.amt_box{ width:100%; max-width:320px;}

 

 


.form_field{margin:0 0 15px 0;}
.form_field .ff_tt{padding:5px 0 0 0; line-height:18px; }
.datel_cnt {display:flex; flex-wrap: nowrap; overflow:hidden;
 justify-content:flex-start; align-items:center;}
.datel_cnt .form-select{ width:80px; font-size:14px;}
.datel_cnt .form-control{ width:calc(100% - 80px)}
 .sp_num{display:inline-block; margin:20px auto 20px auto;padding:20px; font-size:20px; color:var(--bluecc); border:2px solid var(--bluecc);border-radius: 20px  !important; }
.sp_num_fps{margin:0 auto; width:200px; border:2px solid #000;padding:5px; }
  #daform{position: relative; }
  .cover_oly{position:  absolute; left:0; top:0; z-index:400;  width:100%; height:100%; display:block; background:rgba(255,255,255,0.7)}
  #da2_cnt .col-12{
	  display:flex; flex-wrap:  wrap; overflow:hidden;
	justify-content:center; align-items:flex-start;
  }
  #da2btn.collapsed .on{ display:none;}
  #da2btn.collapsed .off{ display:block ;}
  #da2btn .on{ display:block;}
  #da2btn .off{ display:none;}
  #da2btn{ border-radius: 20px  !important; padding:15px;}
  
   #da2btn.collapsed span{color:var(--bluecc)}
    #da2btn.collapsed {background:#fff;   border:2px solid var(--bluecc);}
   #da2btn span{color:#666}
    #da2btn {background:#f1f1f1;   border:2px solid #666;}
	
	.ucbtn{display:inline-block; margin:5px;padding:8px 20px 8px 20px; font-size:18px; border:2px solid var(--bluecc);border-radius: 10px  !important; font-weight:bold; text-transform: uppercase  }
	/*
	{ border:2px solid var(--bluecc); background:var(--bluecc); color:#fff; }
	*/
	.ucbtn.yes,
	.ucbtn.no{ border:2px solid var(--bluecc); color:var(--bluecc); background:#fff; }
	.ucbtn:hover{border:2px solid var(--bluecc); background:var(--bluecc); color:#fff;}
	#inner_ftime_cnt{ background:#cbd7ed; border:2px solid var(--bluecc);border-radius: 10px  !important; 
		display:flex; flex-wrap: nowrap;
 justify-content:space-between; align-items:center;position: relative; margin:10px 10px 20px 10px;
 width:calc(100% - 20px); padding:8px;
	}
	#ifc_msg{padding:0; margin:0;}
	#ifc_btn{ display:inline-block}
	#myform{
		padding:20px 10px 10px 10px; margin:0 auto;
	}
	#vaild_email{ border:2px solid var(--bluecc);border-radius: 10px  !important; }
	 
 
	table.table td,
	table.table th{ font-size:16px;  padding:10px 20px 10px 20px;}
	table.table .pm_td{font-size:20px; color:#fff; background-color:var(--bluecc) !important; 
	padding:40px 20px 40px 20px;	}
	table.table	.pm_td.th{width:40%; max-width:260px;}
	.da_btn{display:inline-block; margin:5px;padding:8px 20px 8px 20px; font-size:18px; border:2px solid #f1c02d;border-radius: 10px  !important; font-weight:bold;   color:var(--bluecc);
		  background: #f1c02d;
	}
	#sb_div button.btn{ border-radius: 20px  !important; padding:10px 20px 10px 20px !important}

.note_p{ font-size:14px; line-height:17px !important;}
/*------------------------------MOdal-------------------------------------*/ 

#myModal .modal-dialog{ height:100%; width:100%; overflow-y:auto; display:flex;flex-wrap: nowrap;
 justify-content: center; align-items:center; margin:0 auto 0 auto;}
 #myModal .modal-content{   padding:0 0 30px 0;
border-radius: 20px  !important; overflow:hidden;

}
#myModal  .close{ position: absolute;  top:5px; right:10px; border:0; background:0;
 z-index:100; height:42px; width:42px;}
#myModal  .close span{color:#222; font-size:42px; height:42px;line-height:42px;}
#myModal .modal-content{ z-index:10; padding:40px 0 0 0;}
#myModal .modal-body{ max-height:calc(100vh - 120px); overflow:auto; }
#myModal_cnt{ text-align:center; font-size:32px; font-weight:bold; }
#myModal  .modal-footer{ 
	display:flex; flex-wrap:  nowrap; overflow:hidden;
	justify-content:space-between; align-items:center;
	border:0;
}