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


var(--fontcc)
var(--basecc)
var(--lgreen)
*/
body{ 
min-height:100vh; 
 
margin:0; padding:0;

  position: relative;
color: #555555;
font-size:14pt;
  background: #ffffff;
/*
min-width:var(--minw);
 */
  overflow: auto;

} 

.show_mb{ display:none;}

body,p,td,th,div,span{ color:var(--fontcc); font-size:16pt}
*{ 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;  
}

#body_all_cnt{ margin:0 auto; position: relative; padding:20px 20px 60px 20px; width:100%; max-width:1280px; background:#fff; border-radius:40px 40px  0 0 !important;
min-height:calc(100vh - var(--navh));
}


.hlsh_home #body_all_cnt{ margin:0 auto; position: relative; padding:20px 0 60px 0; width:100%; max-width:100%; background:0; border-radius:0 !important;
min-height:calc(100vh - var(--navh));
display:flex;flex-wrap:  wrap;  
 justify-content: center; align-items:center;
}


#section_footer{ position: absolute; bottom:15px; left:0; width:100%; text-align: center; }
#section_footer span{font-size:12pt;}
.hlsh_home #section_footer span{ color:#fff}
section{ margin:0; padding:0; }
.section_p{ padding:25px 25px 40px 25px; margin:0 0 0 0;
}

#home_mbox{ background:var(--basecc); border-radius:10px  !important; padding:20px; margin:0 auto; width:100%; max-width:760px;}
 #fpwd_btn,
#home_mbox .i_tt,
#home_mbox .black{ color:#fff; font-size:14pt} 
#home_mbox .btn-outline-light{ padding:5px 40px 5px 40px; white-space: nowrap }
#home_mbox .btn-light{ padding:5px 60px 5px 60px;}
#home_mbox input.form-control{ padding:3px 10px 3px 10px}
 #sb_div.home{/* display:none; margin:0 0 10px 0*/}
 #home_sgbox{  display:block; width:100%; text-align:center; background:rgba(243,113,109,0.9);margin:0 0 20px 0; padding:60px 15px 60px 15px; }
 
#home_sgbox h2,
#home_sgbox h1{ color:#fff; display:block; margin:0 auto;}

#home_sgbox h1{font-size:48pt; font-weight:900; max-width:720px; }
#home_sgbox h2{ font-size:28pt; margin:30px auto 0 auto; font-weight: normal;max-width:860px;}

#home_lgarea{ display:flex;flex-wrap: nowrap;    flex-direction: row-reverse;}
#abs_dk_img{ display:block !important}
#abs_mb_img{ display:none !important}

.btn{ border-radius: 0 !important;}

label.error{ border:1px solid #f00; color:#fff; background:rgba(255,0,0,0.3); 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;} 

#nav_gap{ display:none;}
#nav.navbar{padding:0;}
#nav .nav_cnt{display: flex;flex-wrap: nowrap; height:var(--navh); 
 justify-content: center; align-items:center; padding: 0 40px 0 40px; position: relative}


#nav .nav_cnt #logo_cnt{ width:20%; text-align:right}
#nav .nav_cnt #nav_top{ width:80%}
 
#nav_top{display: flex;flex-wrap: nowrap;  
 justify-content: flex-end; align-items:center; margin:20px 0 0 0; padding:0 40px 0 0; }

#nav_top li.li_lv1  { position: relative; list-style:none; margin:0 7px 0 7px; padding:0 7px 0 7px;}

#nav_top li.li_lv1  a{ cursor:pointer;  font-size:15pt; color:#fff; font-weight:900;}

.is_mb  #nav_top li.li_lv1  { position: relative; list-style:none; margin:0 4px 0 4px; padding:0 4px 0 4px;}
.is_mb #nav_top li.li_lv1  a{ cursor:pointer;  font-size:14pt; color:#fff; font-weight:900;}

.is_mb #nav_top { 
  padding: 0 0 0 0;
}
#mbtt_cnt{ color:#fff; font-size:14pt; font-weight:bold; position: absolute; top:40px ; right:45px; }

.ntt{ font-weight: bold; margin:0 0 10px 0;}
.nval{ font-weight: normal;margin:0 0 10px 0; white-space: normal;}


#inner_cnt{ padding:60px;
overflow-x:auto;
}

#inner_title{ font-size:48pt; font-weight:900; color: var(--bluecc); margin:0 0 30px 0; position: relative;
display: flex;flex-wrap: nowrap;  
 justify-content:flex-start ;align-items:center;
}
#inner_title.gallery a{ color: #ccc;   }
#inner_title.gallery a:hover,
#inner_title.gallery a.active{ color:var(--bluecc);  }
#inner_title.gallery span{ width:40px; text-align:center; color: #ccc;font-size:48px; display:inline-block; line-height48px;}


#arrow_cnt{ position: absolute; right:0; top:20px;
display: flex;flex-wrap: nowrap;  
 justify-content:center ;align-items:center;
}
 
#arrow_cnt i.arr{width:30px ; height:30px; display:inline-block; background:0; -moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; }
#arrow_cnt i.arr.arr_left{ background-image:url(../images/arr_left.jpg)}
#arrow_cnt i.arr.arr_right{ background-image:url(../images/arr_right.jpg)}

#arrow_cnt b{ width:20px;color: #ccc; text-align:center} 
#arrow_cnt  a{ display: flex;flex-wrap: nowrap;  
 justify-content:center ;align-items:center;;}
#arrow_cnt a span{ padding:0; margin:0 5px 0 5px; height:30px; display:inline-block; font-weight:400; line-height:30px; font-size:16pt; color:#aaa; text-decoration:none;}

#inner_msgbox{}
#inner_msgbox .table.table-sm{ border:0}
#news_ul{ margin:0; padding:0; list-style:none; font-size:24px;}

#news_ul .n_item{ margin:0 0 0 24px; padding:0; list-style: disc;}

#news_ul .n_item a{padding:10px 0 10px 0; margin: 0; font-size:16pt; line-height:19pt; display:block}
#news_ul .line{ margin:0 0 5px 0; padding:0 ; display:block; height:5px; border-bottom:1px dotted  var(--fontcc)}

#news_inner_row *{color: var(--purplecc);}
.val_cme1 .form_p,
.val_cme2 .form_p,
.val_cme3 .form_p { padding: 0 0 0 30px} 
.val_cme1 .radio_cnt,
.val_cme2 .radio_cnt,
.val_cme3 .radio_cnt { padding: 0 0 0 30px} 


.cmb_item{ position: relative; display: flex;flex-wrap: nowrap;  
 justify-content:flex-start ;align-items:center;}
.cmb_item .cmb_data{ display:block; width:calc(100% - 180px); height:auto;}
.cmb_item .cmb_img{ position: relative; display:block; width:180px; height:180px;}
.cmb_item  .cmb_img .ppl_img ,
.cmb_item  .cmb_img .msk{ width:100%; height:100%; display:block; position: absolute; left:0; top:0;}
.cmb_item  .cmb_img .msk{ background-image:url(../images/ppl_frame.png); z-index:100 }
.cmb_item  .cmb_img .ppl_img{ animation: fadeIn 1s; z-index:1  }
 .cmb_item .cmb_data{  padding: 0 0  0 20px;}
 
 .cmb_item .cmb_data p{ color:#000; margin:0;}
 .cmb_item .cmb_data p.val_title{ line-height:22pt; font-size:18pt; color:var(--redcc); font-weight:bold;  }
 .cmb_item .cmb_data p.title1{line-height:22pt;  font-size:18pt; font-weight:bold;  }
 .cmb_item .cmb_data p.val_wp{  font-size:11.5pt; max-width:230px; }
 .cmb_item .cmb_data p.val_email{font-size:11.5pt; margin:20px 0 0 0; 
display: flex;flex-wrap: nowrap;  
 justify-content:flex-start ;align-items:center; position: relative;  padding:0 0  0 26px;
 }
 .cmb_item .cmb_data p.val_email a{font-size:11.5pt; color:#000; cursor:pointer} 
 .cmb_item .cmb_data p.val_email b{color:#fff; overflow:hidden; display:inline-block; background:var(--redcc);   padding:0px 4px 0px 4px; font-size:14px;  border-radius: 20px  !important; text-align:center; margin:0 5px 0 0;
position: absolute; left:0; top:0; }

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
h2{ font-size:18pt; font-weight:bold; color: var(--bluecc); margin:0 0 20px 0}

 .pd_bar{ width:calc(15% - 15px); margin-right:10px; float:left;}
 .pd_main{  float: right;width:85%;}
 .pd_main.full{  float:none; width:100%;}
 .pd_main img{ border:1px solid #aadaef;}
 .pd_bar .inner_cake_col {
-webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out; display:block;  border:1px solid #fff; margin:0 0 10px 0; padding:0;}
 .pd_bar .inner_cake_col.on{ border:1px solid #aadaef;}
  
  #ga_row{ margin:0 -60px 0 -60px;}
  .ga_item_cnt{ padding:0 20px 0 20px; display: flex;flex-wrap:  wrap;  
 justify-content:center; align-items:center;}
  .ga_item{ width:100% ; position: relative; display:block;}
  .ga_img{ width:calc(100% - 80px);  margin:0 auto; position: relative; display:block;}
.ga_item  .ga_img .ppl_img { width:100%; height:100%; display:block; position: absolute; left:0; top:0;z-index:1;  animation: fadeIn 1s; }   

.ga_item:hover .ga_img .ppl_img { opacity:0.7;}

 .ga_item  .ga_img .main_img{ position: relative; z-index:100;} 
 .ga_item .ga_tt{   height:100px; font-size:16pt; line-height:20pt; text-align:center; margin:0 auto;
  display:flex;flex-wrap: nowrap;
 justify-content: center; align-items:center; max-width:80%; 
 }
  
  .gdetail {   border-radius: 20px  !important;  overflow:hidden}
 
  .ga_item.video .ga_img{ z-index:10; width:100%; position: relative; height:280px; border-radius: 20px  !important;  overflow:hidden}

.icon_tg{z-index:200;  position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px;  display:inline-block; width:80px; height:80px; border:4px solid #ccc; border-radius: 40px  !important; 
  display:flex;flex-wrap: nowrap;
 justify-content: center; align-items:center;
 }
.icon_tg i { 
display:inline-block; margin:0 0 0 10px;
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; 
  
  border-left:35px solid #ccc; 
}
	 

.mybtn{ background:var(--bluecc); color:#fff; display; block; font-weight:bold; padding: 3px 50px 3px 50px; border:0}
 
 
#logo_btn{ display:inline-block; max-width:200px;margin:20px 0 0 0;}
/*------------------------------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{ /*margin-bottom:10vh;*/ padding:0 0 30px 0;
border-radius: 20px  !important; overflow:hidden;

}
 #myModal .modal-header{ padding:8px 10px 0 0; border:0;}
 #myModal .modal-header.have_tt{  background:var(--purplecc);color:#fff;  padding:0 30px 0 30px; margin:0 0 10px 0; border:0; border-radius:20px 20px  0 0 !important; }
  #myModal .modal-header.have_tt  .modal-title{padding:13px 0 12px 0; font-weight:bold;color:var(--bluecc)}}
  
 #myModal .modal-header.have_tt.del_header{ background:#cd2828; padding:0px 20px 0 20px; border:0;}
  #myModal .modal-header.have_tt.del_header  .modal-title{padding:15px 0 15px 0; font-weight: normal;color:#fff} 
  
 #myModal .modal-header.have_tt.pd0{ padding:10px 20px 0 30px; border:0;}
  /*
   #myModal .modal-header.have_tt.del_header   .btn-close:hover,
   #myModal .modal-header.have_tt.del_header  .btn-close{ color:#fff; opacity:1;}
   */
   
   #myModal .modal-header  .btn-myclose{ overflow:hidden; position:relative; background:0; width:32px; height:32px; opacity:1; display:inline-block; border:0}
   #myModal .modal-header  .btn-myclose .d2,
   #myModal .modal-header  .btn-myclose .d1{ position:absolute;  display:inline-block; width:20px; height:1px; border-bottom:1px solid var(--bluecc); background:var(--bluecc);}
 	#myModal .modal-header  .btn-myclose .d1{ top:16px; left:8px;  transform: rotate(45deg);}
	#myModal .modal-header  .btn-myclose .d2{top:16px; left:8px;   transform: rotate(-45deg);}
   #myModal .modal-header.del_header   .btn-myclose .d2,
   #myModal .modal-header.del_header   .btn-myclose .d1{ border-bottom:1px solid var(--bluecc); background:var(--bluecc); }
   
 #myModal .modal-footer{ padding:10px 0 10px 0; border:0;
 display:flex; flex-wrap: nowrap;
 justify-content:center; align-items:center;
 }
 #myModal .modal-body{ padding:0px 30px 5px 30px; border:0;max-height:80vh; overflow-y:auto;}
 #myModal #aj_table_cnt{max-height:calc(70vh - 90px); overflow:auto} 
 
 
  table.list_table.have_scl{ width:calc(100% - 19px); }
 #res_cnt #list_table_cnt.popup{ max-height:calc(70vh - 200px); overflow-y: scroll;}
/*------------------------------MOdal-------------------------------------*/
 
 
#bs-navbar-collapse-1{ opacity:0;display:none}
 #mb_cnt{ display:none}
#bs-navbar-collapse-1 ul{ position: relative}
#bcnt{ width:20px; position: absolute; top:0; left:0;}
 #mb_cc{ background:0; color:#fff; border:0; padding:0;}
 
 
.full_sub_menu{ position:absolute; width:170px; overflow:hidden;
-moz-border-radius:0;
 -webkit-border-radius: 0;right:0%;
 border-radius:0;border:0;  margin-left:0;   top:auto; z-index:600}
 

 .full_sub_menu { opacity:0; height:auto; display:block;
  -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out; overflow: visible;
	top:60px;
	visibility:hidden;  overflow:visible;
	z-index:1;  
 }
  


 .full_sub_menu{padding:20px 0 0 0;border:0; height: auto;} 

 .full_sub_menu.on{  right:0%; padding:0;  visibility: visible; opacity:1; height: auto; 	 width:170px;top:32px; z-index:1000;}
 /* .full_sub_menu{ opacity:1; height: auto; overflow: visible;}*/

 
 
ul.sub_nav{ margin-right:-85px; position:relative;  height: auto; overflow: visible; max-width:170px;

width: 170px; 
padding: 0;
height: auto;padding:10px 20px 10px 20px;
background:var(--bluecc);
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 5px 5px #283c72;
-webkit-box-shadow: 0 5px 5px #283c72;
box-shadow: 0 5px 5px #283c72;

} 
ul.sub_nav li{ 
/*
 height: auto; float: left; display:block; width: 100%; list-style:none; margin:0 0 0 0; padding:0; overflow:hidden; border-top:0px solid #eee; 
 */
 float:left;  margin:0; padding: 0;  text-align:left; border:0;  float:left; width:140px; height:auto;
 list-style:none;
 }
 
ul.sub_nav li:last-child{ border:0;}
 .is_mb #nav_top li.li_lv1 ul.sub_nav li a{font-weight: normal;}
  /*
ul.sub_nav li:nth-child(2){ margin:0;
 overflow:hidden;
}
 */
ul.sub_nav li a{ /*display:block; height: auto; line-height: normal; padding:5px 10px 5px 10px ; font-size:14px; color:#fcc869;
 background:0; 
  -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
 text-align:center;
 letter-spacing:1px;  */ 
 display:block;
 text-align: left; height:auto;  line-height:18pt; margin:0; padding:10px 0 10px 0;   text-shadow:0 0 0;
color:#fff; font-weight: normal;
} 
/*
ul.sub_nav li a:hover{ background:#9bdfff;}

 */
ul.sub_nav li.dn_file a .fa{color:#444; }
ul.sub_nav li.dn_file
{
display:flex;
flex-wrap: nowrap;
justify-content: space-between;
	
}

.radio_cnt .form-check-label  { font-size:14pt; line-height:32px}
.radio_cnt.d-flex   { position: relative}
.radio_cnt  label.error{ position: absolute; right:0; top:0; width:auto; display:inline-block}

.mb_chg_cnt{}
.mb_chg_cnt .cg1{ width:calc(100% - 120px)}
.mb_chg_cnt .cg2{width:120px; font-size:14pt; line-height:27px;}

.xdsoft_datetimepicker *{ font-size:12pt;}

#inner_cmbcnt .i_tt.bold{ margin:0 0 5px 0}