*{padding:0; margin:0}
body{font-family:arial;}
a{text-decoration:none}
input,textarea, select{outline:none; border:none; font-size:15px}
td{padding:5px}
img{max-width:100%}
.wsp{white-space:pre}
.li_none{list-style:none}
.lh200{line-height:200%}
.lh180{line-height:180%}
.lh160{line-height:160%}
.lh140{line-height:140%}
.lh120{line-height:120%}
.wba{word-break:break-all}
.fl{float:left}
.fr{float:right}
.di{display:inline-block}
.dg{display:grid}
.gap5{gap:5}.gap10{gap:10} .gap20{gap:20}.gap30{gap:30}
.col-1,.col_1{grid-template-columns:auto;}
.col-2{grid-template-columns:auto auto;}
.col-3{grid-template-columns:auto auto auto;}
.col-4{grid-template-columns: auto auto auto auto;}
.col-5{grid-template-columns: auto auto auto auto auto;}
.col-6{grid-template-columns: auto auto auto auto auto auto;}
.col-7{grid-template-columns: auto auto auto auto auto auto auto;}
.col-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
.col-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
.col-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
.col-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
.col-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
.col-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
.col-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
.col_2{grid-template-columns:50% 50%;}
.col_3{grid-template-columns:33.3% 33.3% 33.3%;}
.col_4{grid-template-columns: 25% 25% 25% 25%;}
.col_5{grid-template-columns: 20% 20% 20% 20% 20%;}
.col_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
.col_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
.col_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
.col_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
.col_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
.col_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
.col_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
.col_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
.col-24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
.col12{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
.dig{display:inline-grid}
.dif{display:inline-flex}
.df{display:flex}
.fww{flex-wrap:wrap}
.dn{display:none!important}
.db{display:block}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.tj{text-align:justify}
.tu{text-transform:uppercase}
.aic{align-items:center}
.aie{align-items:end}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.ps{position:sticky}
.top-0{top:0px}
.bottom-0{bottom:0px}
.top-5{top:5px}
.top-6{top:6px}
.top-7{top:7px}
.bottom-5{bottom:5px}
.top-10{top:10px}
.top--10{top:-10px}	
.bottom-10{bottom:10px}
.top-20{top:20px}
.bottom-20{bottom:20px}
.bottom--50{bottom:-50px}
.left-0{left:0px}
.right-0{right:0px}
.left-5{left:5px}
.right-5{right:5px}
.left-10{left:10px}
.left--10{left:-10px}
.right-10{right:10px}
.left-20{left:20px}
.right-20{right:20px}
.oh{overflow:hidden}
.oc{overflow:scroll}
.wsp{white-space: pre;}
.wsnw{white-space: nowrap;}
.wspw{white-space: pre-wrap;}
.wspl{white-space: pre-line;}
#header{background:radial-gradient(#955725, #955725)}
#footer{background:radial-gradient(#de8640, #955725);}
#main{height:calc(100vh - 100px);box-shadow:inset 0 0 10px #7b7b7b;overflow:scroll}
.nav_icon,.nav_icon1{width:30px; height:30px; margin:10px}
.nav_icon1{width:50px}
.line1{width:100%; height:3px; border-radius:3px; background:#fff; margin:7px 0}
.btn_close{width:30px; height:30px; background-size:contain;}
.btn_close svg{fill:#fff}
.btn_close svg:hover{fill:#168286}
.btn[disabled],.btn2[disabled],.btn[disabled]:hover,.btn2[disabled]:hover {background:#b4b5b9; cursor:not-allowed;}
.h100,.h100\%{height:100%}
.h60p{height:60px}
.h50p,.h50{height:50px}
.h10p{height:10px}
.h5p{height:5px}
.w100,.w100\%{width:100%!important}
.w50{width:50%}
.w96{width:96%}
.w92{width:92%}
.w260p{width:260px}
.w360p{width:360px}
.w186p{width:186px}
.w86p{width:86px}
.w68p{width:68px}
.w50p{width:50px}
.w60p{width:60px}
.w70p{width:70px}
.w80p{width:80px}
.w90p{width:90px}
.w100p{width:100px}
.w110p{width:110px}
.w120p{width:120px}
.w130p{width:130px}
.w140p{width:140px}
.w150p{width:150px}
.w160p{width:160px}
.w170p{width:170px}
.w180p{width:180px}
.w190p{width:190px}
.w200p{width:200px}
.w10p{width:10px}
.w5p{width:5px}
.wh100{width:100px!important; height:100px!important}
.wh86{width:86px!important; height:86px!important}
.wh68{width:68px!important; height:68px!important}
.wh50{width:50px!important; height:50px!important}
.wh36{width:36px!important; height:36px!important}
.wh30{width:30px!important; height:30px!important}
.wh25{width:25px!important; height:25px!important}
.wh23{width:23px!important; height:23px!important}
.wh18{width:18px!important; height:18px!important}
.wh16{width:16px!important; height:16px!important}
.wh12{width:12px!important; height:12px!important}
.wh10{width:10px!important; height:10px!important}
.wh5{width:5px!important; height:5px!important}
.caret_up:before {content: "\25B2";}
.caret_down:before {content: "\25BC";}
.ml-auto{margin-left:auto}
.mr-auto{margin-right:auto}
.m-auto{margin:auto}
.m3{margin:3px}
.m5{margin:5px}
.m10{margin:10px}
.ms5{margin-left:5px}
.ms10{margin-left:10px}
.ms20{margin-left:20px}
.ms50{margin-left:50px}
.me3{margin-right:3px}
.me5{margin-right:5px}
.mt5{margin-top:5px}
.me10{margin-right:10px}
.me20{margin-right:20px}
.me50{margin-right:50px}
.mt0{margin-top:0px!important}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb0{margin-bottom:0px}
.mb3{margin-bottom:3px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb70{margin-bottom:70px}
.mb100{margin-bottom:100px}

.p2r{padding:10px 2%}
.p1r{padding:5px 1%}
.p3{padding:3px}
.p5{padding:5px}
.p6{padding:6px}
.p7{padding:7px}
.p10{padding:10px}
.p20{padding:20px}
.pt0{padding-top:0px!important}
.pb0{padding-bottom:0px!important}
.ps0{padding-left:0px!important}
.pe0{padding-right:0px!important}
.pe3{padding-right:3px}
.pe5{padding-right:5px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.ps3{padding-left:3px}
.ps5{padding-left:5px}
.ps10{padding-left:10px}
.ps20{padding-left:20px}
.ps25{padding-left:25px}
.ps30{padding-left:30px}
.pe10{padding-right:10px}
.pe20{padding-right:20px}
.pe25{padding-right:25px}
.pe30{padding-right:30px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.bg-main{background:radial-gradient(#4d70d0, #264c8e)!important}
.bg-main2{background:radial-gradient(#f1ffcf, #f1ffcf)!important}
.bg-main3{background:radial-gradient(#e26327, #ce1226)!important}
.bg-main4{ background: radial-gradient(#26af20, #15752f)!important; }
.bg-dark{background-color:#000!important}
.bg-white{background:#fff!important}
.bg-gray{background-color:#999!important}
.bg-light{background-color:#eee!important}
.bg-light-bg{background-color:#effafb!important}
.bg-blue{background-color:blue!important}
.bg-green{background-color:#93c615!important}
.bg-darkgreen{background-color:#0e5f24!important}
.bg-orange{background-color:#e58a42!important}
.bg-darkred{background-color:darkred!important}
.bg-darkgoldenrod{background-color:darkgoldenrod!important}
.bg_bg1{background-color:#1bbec4!important}
.bgn{background:none!important}
.bg333{background:#333!important},
.bg999{background:#999!important}
.bgccc{background:#ccc!important}
.bgfff{background:#fff!important}
.bg36a2ebe3{background:#36a2ebe3!important}
.ts1{text-shadow:5px 5px #0000002e}
.modal_body{max-height: calc(100vh - 100px);overflow: scroll;}
input:focus,button:focus{outline:none}
input:focus, select:focus{outline:none}

.btn,.btn2,.btn3,.btn4,.btn5,.btn6,button{cursor:pointer; border-radius:5px; background:radial-gradient(#de8640, #955725); border:none}
.btn4{background:radial-gradient(green, darkgreen);}
.btn3{background:radial-gradient(#ccc, #999);}
.btn2{background:radial-gradient(#de8640, #d9ab86);}
button{font-size:15px;padding:10px}
.bd0{border-width:0}
.bdr{border-radius:100%}
.bdr50{border-radius:50px}
.bdr3{border-radius:3px}
.bdr5{border-radius:5px}
.bdr10{border-radius:10px}
.bdr20{border-radius:20px}
.bdrl50{border-top-left-radius:50px;border-bottom-left-radius:50px}
.bdrl3{border-top-left-radius:3px;border-bottom-left-radius:3px}
.bdrl10{border-top-left-radius:10px;border-bottom-left-radius:10px}
.bdrl5{border-top-left-radius:5px;border-bottom-left-radius:5px}
.bdrl20{border-top-left-radius:20px;border-bottom-left-radius:20px}
.bdrr50{border-top-right-radius:50px;border-bottom-right-radius:50px}
.bdrr3{border-top-right-radius:3px;border-bottom-right-radius:3px}
.bdrr10{border-top-right-radius:10px;border-bottom-right-radius:10px}
.bdrr5{border-top-right-radius:5px;border-bottom-right-radius:5px}
.bdrr20{border-top-right-radius:20px;border-bottom-right-radius:20px}
.bdrtl5{border-top-left-radius:5px}
.bdrtr5{border-top-right-radius:5px}
.bd{border:1px solid #00000050}
.bd1{border:1px solid #de8640}
.bd2{border:1px solid #ffffff50}
.bd3{border:1px solid #1bbec4}
.bdn{border:none}
.bdt{border-top:1px solid #00000050}
.bdb{border-bottom:1px solid #00000050}
.bds{border-left:1px solid #00000050}
.bde{border-right:1px solid #00000050}
.bdt2{border-top:1px solid #ffffff50}
.bdb2{border-bottom:1px solid #ffffff50}
.bds2{border-left:1px solid #ffffff50}
.bde2{border-right:1px solid #ffffff50}
.bdsn{border-left:none}
.bden{border-right:none}
.bdt0{border-top-width:0}
.bdl0{border-left-width:0}
.bdr0{border-right-width:0}
.bdb0{border-bottom-width:0}
.circle_icon,.elip_icon{width:27px; height:27px; border:3px solid #fff; border-radius:100%}
.elip_icon{width:10px; top:-3px; left:6px}
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.fs36{font-size:36px}
.fs30{font-size:30px}
.fs26{font-size:26px}
.fs20{font-size:20px}
.fs18{font-size:18px}
.fs16{font-size:16px}
.fs14{font-size:14px}
.fs12{font-size:12px}
.fs10{font-size:10px}
.fs8{font-size:8px}
.fs-30{font-size:30px}
.cf,.cfff{color:#fff}
.c999{color:#999}
.cd,.color-dark{color:#000;}
.cy,.color-yellow{color:yellow;}
.co,.color-orange{color:orange;}
.cr,.color-red{color:red;}
.cg{color:#00000050;}
.cg2{color:#ffffff50;}
.cbg{color:#00bcc3}
.color{color:#e58a42}
.color-green{color:#93c615}
.color-darkgreen{color:darkgreen}
.color-gray{color:#999}
.color-lightblue{color:lightblue}
.color-blue{color:blue}
.color-darkblue{color:darkblue}
.color-darkred{color:darkred;}
.cccc{color:#ccc}
.c333{color:#333}
.jcc{justify-content:center}
.jce{justify-content:end}
.jcsa{justify-content:space-around}
.jcsb{justify-content:space-between}
.zi-1,.zi1{z-index:1}
.zi-2,.zi2{z-index:2}
.zi-3,.zi3{z-index:3}
.zi-999,.zi999{z-index:999}
.zi-9999,.zi9999{z-index:9999}
.op0{opacity:0%}
.op10{opacity:10%}
.op20{opacity:20%}
.op30{opacity:30%}
.op40{opacity:40%}
.op50{opacity:50%}
.op50{opacity:60%}
.op70{opacity:70%}
.op80{opacity:80%}
.op90{opacity:90%}
.cp,.checkbox{cursor:pointer}
.action{width:36px; right:10px; top:60px}

.menu_list,.lang_list{height:100vh; overflow:scroll; z-index:9}
.menu_list div,.lang_list div{padding:3px}

.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.shadow-md { box-shadow: 0 .5rem 1rem rgba(0,0,0,.3)!important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }

.fadeInDown{animation: .5s ease 0s 1 normal none running fadeInDown;}
.fadeInUp{animation: .5s ease 0s 1 normal none running fadeInUp;}
.fadeInLeft{animation: .5s ease 0s 1 normal none running fadeInLeft;}
.fadeInRight{animation: .5s ease 0s 1 normal none running fadeInRight;}
.fadeIn{animation: .5s ease 0s 1 normal none running fadeIn;}
.fadeOut{animation: .5s ease 0s 1 normal none running fadeOut;}
.fadeOutDown{animation: .5s ease 0s 1 normal none running fadeOutDown;}
.fadeOutUp{animation: .5s ease 0s 1 normal none running fadeOutUp;}
.fadeOutLeft{animation: .5s ease 0s 1 normal none running fadeOutLeft;}
.fadeOutRight{animation: .5s ease 0s 1 normal none running fadeOutRight;}
.rotate0_90{rotate:90deg; animation: .5s ease 0s 1 normal none running rotate0_90}
.rotate90_0{rotate:0deg; animation: .5s ease 0s 1 normal none running rotate90_0}
.gc12{grid-column:span 12}
@keyframes fadeInDown { 0% {transform: translate(0,-100px);opacity: 0;} 100% {transform: none;opacity: 1;}}
@keyframes fadeInUp { 0% {transform: translate(0,100px);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeInLeft { 0% {transform: translate(-100px,0);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeInRight { 0% {transform: translate(100px,0);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } 
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeOutDown { 0% {transform: none;opacity: 1;} 100% {transform: translate(0,-100px);opacity: 0;}}
@keyframes fadeOutUp { 0% {transform: none;opacity:1;} 100% {transform: translate(0,100px);opacity:0;} } 
@keyframes fadeOutLeft { 0% {transform:none;opacity: 1;} 100% {transform: translate(-100px,0);opacity: 0;} } 
@keyframes fadeOutRight { 0% {transform:none;opacity: 1;} 100% {transform:translate(100px,0);opacity: 0;} }
@keyframes rotate0_90 { 0% { rotate: 0deg } 100% { rotate: 90deg } }
@keyframes rotate90_0 { 0% { rotate: 90deg } 100% { rotate: 0deg } }
/*
::-webkit-scrollbar {width: 0px; display:none } 
::-webkit-scrollbar-track { background: none; } 
::-webkit-scrollbar-thumb { background: none; } 
::-webkit-scrollbar-thumb:hover { background: none; } 
*/
#nav_left{height: calc(100% - 50px)}
#main_box{width: calc(100% - 68px);height: 680px;}
@media print {
  .no_print,.no-print{display: none !important;}
  .print{display:grid!important;}
  *{overflow: unset !important;}
  #main_box{width: 100% !important;height: unset!important;}
}

@media (min-width: 1281px){
  .d-ex-block{display:block!important}
  .d-ex-flex{display:flex!important}
  .col-ex-1{grid-template-columns:auto;}
  .col-ex-2{grid-template-columns:auto auto;}
  .col-ex-3{grid-template-columns:auto auto auto;}
  .col-ex-4{grid-template-columns: auto auto auto auto;}
  .col-ex-5{grid-template-columns: auto auto auto auto auto;}
  .col-ex-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-ex-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-ex-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-ex-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-ex-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-ex-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .ex\:col2{grid-template-columns:50% 50%;}
  .ex\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .ex\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .ex\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .ex\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  
  .col_ex_2{grid-template-columns:50% 50%;}
  .col_ex_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_ex_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_ex_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_ex_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_ex_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_ex_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_ex_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_ex_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_ex_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_ex_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_ex_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_ex_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_ex,.gc_ex_1{grid-column:span 1}
  .gc_ex_2{grid-column:span 2}
  .gc_ex_3{grid-column:span 3}
  .gc_ex_4{grid-column:span 4}
  .gc_ex_5{grid-column:span 5}
  .gc_ex_6{grid-column:span 6}
  .gc_ex_7{grid-column:span 7}
  .gc_ex_8{grid-column:span 8}
  .gc_ex_9{grid-column:span 9}
  .gc_ex_10{grid-column:span 10}
  .gc_ex_11{grid-column:span 11}
  .gc_ex_12{grid-column:span 12}
  
  .ex\:gc,.ex:gc1{grid-column:span 1}
  .ex\:gc2{grid-column:span 2}
  .ex\:gc3{grid-column:span 3}
  .ex\:gc4{grid-column:span 4}
  .ex\:gc5{grid-column:span 5}
  .ex\:gc6{grid-column:span 6}
  .ex\:gc7{grid-column:span 7}
  .ex\:gc8{grid-column:span 8}
  .ex\:gc9{grid-column:span 9}
  .ex\:gc10{grid-column:span 10}
  .ex\:gc11{grid-column:span 11}
  .ex\:gc12{grid-column:span 12}
  
  .ex\:dn{display:none!important}
}
@media (min-width: 1025px) and (max-width: 1280px){
  .d-lg-block{display:block!important}
  .d-lg-flex{display:flex!important}
  .col-lg-1{grid-template-columns:auto;}
  .col-lg-2{grid-template-columns:auto auto;}
  .col-lg-3{grid-template-columns:auto auto auto;}
  .col-lg-4{grid-template-columns: auto auto auto auto;}
  .col-lg-5{grid-template-columns: auto auto auto auto auto;}
  .col-lg-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-lg-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-lg-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-lg-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-lg-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-lg-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  
  .lg\:col2{grid-template-columns:50% 50%;}
  .lg\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .lg\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .lg\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .lg\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  
  .col_lg_2{grid-template-columns:50% 50%;}
  .col_lg_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_lg_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_lg_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_lg_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_lg_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_lg_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_lg_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_lg_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_lg_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_lg_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_lg_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_lg_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_lg,.gc_lg_1{grid-column:span 1}
  .gc_lg_2{grid-column:span 2}
  .gc_lg_3{grid-column:span 3}
  .gc_lg_4{grid-column:span 4}
  .gc_lg_5{grid-column:span 5}
  .gc_lg_6{grid-column:span 6}
  .gc_lg_7{grid-column:span 7}
  .gc_lg_8{grid-column:span 8}
  .gc_lg_9{grid-column:span 9}
  .gc_lg_10{grid-column:span 10}
  .gc_lg_11{grid-column:span 11}
  .gc_lg_12{grid-column:span 12}
  
  .lg\:gc,.lg\:gc1{grid-column:span 1}
  .lg\:gc2{grid-column:span 2}
  .lg\:gc3{grid-column:span 3}
  .lg\:gc4{grid-column:span 4}
  .lg\:gc5{grid-column:span 5}
  .lg\:gc6{grid-column:span 6}
  .lg\:gc7{grid-column:span 7}
  .lg\:gc8{grid-column:span 8}
  .lg\:gc9{grid-column:span 9}
  .lg\:gc10{grid-column:span 10}
  .lg\:gc11{grid-column:span 11}
  .lg\:gc12{grid-column:span 12}
  .lg\:dn{display:none!important}
}
@media (min-width: 668px) and (max-width: 1024px){
  .d-md-block{display:block!important}
  .d-md-flex{display:flex!important}
  .col-md-1{grid-template-columns:auto;}
  .col-md-2{grid-template-columns:auto auto;}
  .col-md-3{grid-template-columns:auto auto auto;}
  .col-md-4{grid-template-columns: auto auto auto auto;}
  .col-md-5{grid-template-columns: auto auto auto auto auto;}
  .col-md-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-md-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-md-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-md-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-md-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-md-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-md-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-md-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-md-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  
  .md\:col2{grid-template-columns:50% 50%;}
  .md\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .md\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .md\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .md\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  
  .col_md_2{grid-template-columns:50% 50%;}
  .col_md_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_md_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_md_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_md_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_md_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_md_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_md_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_md_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_md_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_md_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_md_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_md_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_md,.gc_md_1{grid-column:span 1}
  .gc_md_2{grid-column:span 2}
  .gc_md_3{grid-column:span 3}
  .gc_md_4{grid-column:span 4}
  .gc_md_5{grid-column:span 5}
  .gc_md_6{grid-column:span 6}
  .gc_md_7{grid-column:span 7}
  .gc_md_8{grid-column:span 8}
  .gc_md_9{grid-column:span 9}
  .gc_md_10{grid-column:span 10}
  .gc_md_11{grid-column:span 11}
  .gc_md_12{grid-column:span 12}
  
  .md\:gc,.md\:gc1{grid-column:span 1}
  .md\:gc2{grid-column:span 2}
  .md\:gc3{grid-column:span 3}
  .md\:gc4{grid-column:span 4}
  .md\:gc5{grid-column:span 5}
  .md\:gc6{grid-column:span 6}
  .md\:gc7{grid-column:span 7}
  .md\:gc8{grid-column:span 8}
  .md\:gc9{grid-column:span 9}
  .md\:gc10{grid-column:span 10}
  .md\:gc11{grid-column:span 11}
  .md\:gc12{grid-column:span 12}
  
  .md-mb10{margin-bottom:10px}
  .md-mb20{margin-bottom:20px}
  .md-mb30{margin-bottom:30px}
  .md-mb40{margin-bottom:40px}
  .md-mb50{margin-bottom:50px}
  .md-mb60{margin-bottom:60px}
  .md-mb80{margin-bottom:80px}
  .md-mb90{margin-bottom:90px}
  .md-mb100{margin-bottom:100px}
  .md-mt10{margin-top:10px}
  .md-mt20{margin-top:20px}
  .md-mt30{margin-top:30px}
  .md-mt40{margin-top:40px}
  .md-mt50{margin-top:50px}
  .md-mt60{margin-top:60px}
  .md-mt80{margin-top:80px}
  .md-mt90{margin-top:90px}
  .md-mt100{margin-top:100px}
  .md\:dn{display:none!important}
}
@media (min-width: 461px) and (max-width: 667px){
  header{display:none}
  .d-sm-block{display:block!important}
  .d-sm-flex{display:flex!important}
  .col-sm-1{grid-template-columns:auto;}
  .col-sm-2{grid-template-columns:auto auto;}
  .col-sm-3{grid-template-columns:auto auto auto;}
  .col-sm-4{grid-template-columns: auto auto auto auto;}
  .col-sm-5{grid-template-columns: auto auto auto auto auto;}
  .col-sm-6{grid-template-columns: auto auto auto auto auto auto;}
  .col-sm-7{grid-template-columns: auto auto auto auto auto auto auto;}
  .col-sm-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
  .col-sm-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
  .col-sm-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-11{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-20{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  .col-sm-24{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}
  
  .sm\:col2{grid-template-columns:50% 50%;}
  .sm\:col3{grid-template-columns:33.3% 33.3% 33.3%;}
  .sm\:col4{grid-template-columns: 25% 25% 25% 25%;}
  .sm\:col5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .sm\:col6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  
  .col_sm_2{grid-template-columns:50% 50%;}
  .col_sm_3{grid-template-columns:33.3% 33.3% 33.3%;}
  .col_sm_4{grid-template-columns: 25% 25% 25% 25%;}
  .col_sm_5{grid-template-columns: 20% 20% 20% 20% 20%;}
  .col_sm_6{grid-template-columns: 16.67% 16.67% 16.67% 16.67% 16.67% 16.67%;}
  .col_sm_7{grid-template-columns: 14.3% 14.3% 14.3% 14.3% 14.3% 14.3% 14.3%;}
  .col_sm_8{grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;}
  .col_sm_9{grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;}
  .col_sm_10{grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;}
  .col_sm_11{grid-template-columns: 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091% 9.091%;}
  .col_sm_12{grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;}
  .col_sm_20{grid-template-columns: 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;}
  .colcol_sm_24{grid-template-columns: 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166% 4.166%;}
  .gc_sm,.gc_sm_1{grid-column:span 1}
  .gc_sm_2{grid-column:span 2}
  .gc_sm_3{grid-column:span 3}
  .gc_sm_4{grid-column:span 4}
  .gc_sm_5{grid-column:span 5}
  .gc_sm_6{grid-column:span 6}
  .gc_sm_7{grid-column:span 7}
  .gc_sm_8{grid-column:span 8}
  .gc_sm_9{grid-column:span 9}
  .gc_sm_10{grid-column:span 10}
  .gc_sm_11{grid-column:span 11}
  .gc_sm_12{grid-column:span 12}
  
  .sm\:gc,.sm\:gc1{grid-column:span 1}
  .sm\:gc2{grid-column:span 2}
  .sm\:gc3{grid-column:span 3}
  .sm\:gc4{grid-column:span 4}
  .sm\:gc5{grid-column:span 5}
  .sm\:gc6{grid-column:span 6}
  .sm\:gc7{grid-column:span 7}
  .sm\:gc8{grid-column:span 8}
  .sm\:gc9{grid-column:span 9}
  .sm\:gc10{grid-column:span 10}
  .sm\:gc11{grid-column:span 11}
  .sm\:gc12{grid-column:span 12}
  
  .sm-mb10{margin-bottom:10px}
  .sm-mb20{margin-bottom:20px}
  .sm-mb30{margin-bottom:30px}
  .sm-mb40{margin-bottom:40px}
  .sm-mb50{margin-bottom:50px}
  .sm-mb60{margin-bottom:60px}
  .sm-mb80{margin-bottom:80px}
  .sm-mb90{margin-bottom:90px}
  .sm-mb100{margin-bottom:100px}
  .sm-mt10{margin-top:10px}
  .sm-mt20{margin-top:20px}
  .sm-mt30{margin-top:30px}
  .sm-mt40{margin-top:40px}
  .sm-mt50{margin-top:50px}
  .sm-mt60{margin-top:60px}
  .sm-mt80{margin-top:80px}
  .sm-mt90{margin-top:90px}
  .sm-mt100{margin-top:100px}
  .sm\:dn{display:none!important}
}
@media (max-width: 460px){
  header{display:none}
  .m-mb10{margin-bottom:10px}
  .m-mb20{margin-bottom:20px}
  .m-mb30{margin-bottom:30px}
  .m-mb40{margin-bottom:40px}
  .m-mb50{margin-bottom:50px}
  .m-mb60{margin-bottom:60px}
  .m-mb80{margin-bottom:80px}
  .m-mb90{margin-bottom:90px}
  .m-mb100{margin-bottom:100px}
  .m-mt10{margin-top:10px}
  .m-mt20{margin-top:20px}
  .m-mt30{margin-top:30px}
  .m-mt40{margin-top:40px}
  .m-mt50{margin-top:50px}
  .m-mt60{margin-top:60px}
  .m-mt80{margin-top:80px}
  .m-mt90{margin-top:90px}
  .m-mt100{margin-top:100px}
}
.modal_header {
  background: #0867a9!important;
  cursor: move;
}
/*New Style*/

body{background:#fafafa}
.color{color:#0867a9}
.bg_black_50{background-color:#00000050}
#search { background-image: url(https://dev.fbger.com/koart3it5oaxirqf/svg/icon-search.svg); background-size: 18px; background-position: 10px center; background-repeat: no-repeat; padding: 10px 36px;}
#search::placeholder {color: #fff; opacity:.5; }
.notification, .location{width:140px}
#header,#footer{z-index:999;background:#1bbec4}
#footer{background:#eee; height:50px; padding-bottom:15px}
#footer svg{width:27px; height:27px; fill:#666; margin-bottom:4px}
#category svg{width:36px; height:36px;}
#footer .item:hover svg,#category svg:hover,#category .active svg,#footer .active svg{fill:#1bbec4}
#footer .item{padding:3px; border-top:2px solid #eee}
#footer .active,#footer .item:hover{border-top:2px solid #1bbec4; color:#1bbec4; cursor:pointer}
#account_banner_edit svg,#category svg{fill:#999}

.icon svg{fill:#1bbec4}
.icon svg:hover,.active svg{fill:#168286;}
svg{width:100%; height:100%}

header .icon_pen:hover, header .icon_back:hover,header .icon_heart:hover, .notification div:hover,.filter:hover,#account_banner_edit:hover{background:#168286;}

.icon_bag svg,.icon_phone svg{width:18px!important; height:18px!important; fill:#fff!important}
.icon1:hover{opacity:.8}
.hv:hover{background:#1bbec4!important; color:#fff!important}
.hvu:hover{text-decoration:underline!important}
.hv-m:hover{background:#bcc2d2!important; color:#0234a2d9!important}
.btn,button{background: radial-gradient(#0867a9, #0867a9); color:#fff}
.btn:hover,button:hover,.btn.active{background: radial-gradient(#064877, #064877);}
.btn2{background: radial-gradient(#999, #666);}
.btn2:hover{background: radial-gradient(#666, #999);}
.btn3{background-color: red;}
.btn3:hover{background-color: darkred;}
.btn5{background: radial-gradient(orange, darkorange);}
.btn5:hover{background: radial-gradient(darkorange, orange);}
.btn6:hover{background: radial-gradient(#955725, #de8640);}
/*
#fullname, #user, #pwd, #phone,#email { padding-left: 36px; background-image: url(/svg/user.svg); background-repeat: no-repeat; background-position: 10px center; background-size: 18px; }
#user,#email{background-image: url(/svg/email.svg)}
#pwd{background-image: url(/svg/lock.svg)}
#phone{background-image: url(/svg/telephone.svg)}
.name{height:16px; overflow:hidden}
*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.upfile {opacity: 0; z-index: 1; }
.upfile_bg {background: #fff url(/svg/image_plus.svg) top left no-repeat; background-size: 100%;}
.img_item{margin:5px;position:relative}

.mn_item{padding: 5px;}
.mn_item:hover,.mn_item.active{background: linear-gradient(90deg, #b9b9b970, transparent); border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.tab_item.active{color:#1bbec4}

.ff, .f-white,.ffff{fill:#fff}
.f-red{fill:red}
.f-yellow{fill:yellow}
.f-orange{fill:orange}
.f-darkorange{fill:darkorange}
.f-darkgoldenrod{fill:darkgoldenrod}
.f-black{fill:black}
.f-gray{fill:gray}
.f-blue{fill:blue}
.f-darkblue{fill:darkblue}
.f-green{fill:green}
.f-darkgreen{fill:darkgreen}
.f-g{fill:#de8640}
.f-bg{fill:#1bbec4}
.f-main{fill:#4d70d0}

/*Dá»± Ă¡n má»›i*/
.modal_content{max-width:100%}
.nav{min-height:42px}
.nav li{list-style:none; padding-left:10px; padding-right:10px; cursor:pointer; line-height:42px; font-weight:bold}
.nav li li li{font-weight:normal}
.nav li ul{width:100%; max-height:80vh; min-height:20vh; overflow:scroll; display:none;position:absolute; left:0px}
.nav li ul li ul{display:block;position:relative; max-height:unset; min-height:unset; overflow:unset;}
.nav.active li:hover svg{ fill:yellow}
.nav.active li:hover,.nav.active li:hover a{color:lightblue;background:#333;}
.nav.active li:hover ul{display: grid; background: #333;padding-bottom:5px; padding-top:5px;color:lightblue;background:#333;}
.nav ul li{line-height:120%; padding-bottom:5px; padding-top:5px; border:1px solid #333;border-radius:3px}
.nav ul li:hover{border:1px solid #666;}
.nav ul li:hover ul li:hover,.nav ul li:hover ul li:hover a{color:yellow; background:#666;}
.nav .active{color:yellow; background:#333;}

table.table{border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-spacing: 0;}
.table td,.table th{padding: 5px; border-top:1px solid #ccc;border-left:1px solid #ccc}
.table tbody tr:nth-child(even){background:#fff}
.table tbody tr:nth-child(odd){background:#eee}
.table tbody tr:hover{background:#ddd}
.table thead tr,.table thead tr:hover{background: #d8e8f5!important}
.table tr.active{background: #0a66a954;}
/* The checkbox custom*/ 
.checkbox input {cursor: pointer; height:19px; width:19px; margin:0 5px} 
.checkbox:has(input:disabled),input[type="checkbox"]:disabled,input[type="radio"]:disabled{cursor:not-allowed} 
[text-hide]{max-width:160;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
[text-hide]:before{content: attr(text-hide);}
[text-hide]:hover {color:transparent;}
[text-hide]:hover:after{content: attr(text-hide);overflow: visible;text-overflow: inherit;background: #fff;position: absolute;left:auto;top:auto;width: auto;max-width: 20rem;border: 1px solid #eaebec;padding: 0 .5rem;box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);white-space: normal;word-wrap: break-word;display:block;color:black;margin-top:-1.25rem;}

/* The Combobox custom*/ 
.comboT .c-list{height:180px; overflow:scroll; border-radius:5px}
.comboT:has(> .c-list)>.icon_caretdown{
  transform: rotate(180deg); transition: transform .55s ease; -moz-transition: -moz-transform .55s ease; -ms-transition: -ms-transform .55s ease; -o-transition: -o-transform .55s ease; -webkit-transition: -webkit-transform .55s ease;fill:#1bbec4;
}
.comboT:has(> .c-list.dn)>.icon_caretdown{
  transform: rotate(0deg); transition: transform .55s ease; -moz-transition: -moz-transform .55s ease; -ms-transition: -ms-transform .55s ease; -o-transition: -o-transform .55s ease; -webkit-transition: -webkit-transform .55s ease;fill:#999;
}

/* Tooltip*/ 
.tooltip { position: relative; display: inline-block; } 
.tooltip .tooltiptext { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; } 
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } 
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
/* Tooltip End*/ 
[class*=ti_]{
  width:20px;
  height:20px;
  display: inline-block;
  background: black;
  -webkit-mask-size: calc(100% - 1px);
  mask-size: calc(100% - 1px);
  mask-position:center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat:no-repeat;
}
[class*=ti_].cp:hover{
  -webkit-mask-size: calc(100%)!important;
  mask-size: calc(100%)!important;
}
input:placeholder-shown+[class*=times] {
    display: none;
}