/*GLOB lang selected*/
*{margin: 0;padding:0; box-sizing: border-box;}
a{text-decoration:none; color:inherit; 	-webkit-tap-highlight-color: transparent;}
a:visited{color:inherit;}
button[popovertarget]{outline: none; border: none;background-color: transparent;}
#popover_lang{margin: auto;border: none;background-color: white;font-family: system-ui;}
#popover_lang::backdrop{background:rgba(0,0,0,0.5);}
.popover_radio_lang label{display: block;width: 85px;margin:1em;background-repeat: no-repeat; background-size: contain;	background-position: right;font-weight: normal;text-wrap-mode: nowrap;}
.bgwhite{background-color:#fff;}.bgblack{background-color:#000;}.bg0{background-color:transparent;}
.flag{display: inline-block; 
	width: 29px; height: 20px; background-repeat: no-repeat; background-size: contain;	background-position: center;	
	border-radius:6px;
}
.but_icon{display:inline-block;box-sizing: content-box;width: 1.5em;  height: 1.5em;padding: 2px;background-size: contain;background-repeat: no-repeat;background-position: center;border: 1px solid transparent;}
.but_icon:hover{border-color: #d3d3d3;background-color: #dddddd9c;}
.icon{display:inline-block;box-sizing: content-box;background-size: contain;background-repeat: no-repeat;background-position: center;	border: 1px solid transparent;transition: all .2s;border-radius: 3px;}
.icon.circle{border-radius: 50%;}
.icon.func:hover{cursor:pointer;transform:scale(1.1);}
#modal_map{max-width: 768px; width: 100%; margin: auto;background-color: #2e2e2efa;padding: 0 1px;border: none;
	h4{color:white;font-weight:unset; text-align: center;}	
}	
#modal_map::backdrop{background-color: #0000006b;}
#map{width:min(100%, 1200px); height:min(600px, 80vh);}

.ru{ background-image: url(../img_system/ru.svg); }
.en{ background-image: url(../img_system/gb.svg); }
.vi{ background-image: url(../img_system/vn.svg); }
.ko{ background-image: url(../img_system/kr.svg); }
/* ********************************************************* */
.fx_row{-webkit-flex; display:flex;}.fx_row_wrap{-webkit-flex;display:flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;}.fx_col{display:flex; flex-direction:column;}
.fx_start{align-content: flex-start;}.fx_c{align-items: center;}.fx_asc{align-self: center;}.fx_end{align-items: flex-end;}
.sb{justify-content: space-between;}.sa{justify-content: space-around;} .stretch{align-items: stretch;} 
.jc-end{justify-content: end;}
.fx_left{justify-content: flex-start;}.fx_space{justify-content: space-evenly;}.fx_end_space{justify-content: end;}.fx_center{justify-content: center;}
.fx_shr0{flex-shrink:0;} .fx_shr1{flex-shrink:1;} .fx_grow1{flex-grow:1;}.fx_grow0{flex-grow:0;}
.maxw{ width: -webkit-fill-available;}.wauto{width:auto;max-width:unset;min-width:unset;}.mincont{width:min-content;}
.mw1024{width: min(100%, 1024px);} .mw768{width:min(768px, 100%);} .mw512{width: min(512px, 100%);}
.br_50{border-radius:50%;}.br0{border-radius:unset;}.br5{border-radius:5px;}
.h100{height:100%;}
.ov{overflow:auto}.ovx{overflow-x:auto;} .ovy{overflow-y:auto;}
/* gap */
.g1{gap:1em;}.g05{gap:0.5em;}.g5{gap:5px;}.g2px{gap:2px;}.g1px{gap:1px;}
/* margin */
.ma{margin:0 auto;}.m05{margin:0.5em;}.m5px{margin:5px;}.m1{margin:1em;}.m2{margin:2em;}
.mt05{margin-top:0.5em;}.mt1{margin-top:1em;}.mt2{margin-top:2em;}
.mb1{margin-bottom:1em;}
/* padding */
.p00{padding:0;}.p0{padding-left:0;}.pt1{padding-top:1em;}.pl1{padding-left:1em;}.p05{padding:0.5em;}.p1{padding:1em;}.p5{padding:5px;}

.s1{height:1em; width:1em}.s13{height:1.3em; width:1.3em} .s15{height:1.5em; width:1.5em}.s2{height:2em; width:2em}.s25{height:2.5em; width:2.5em}.s3{height:3em; width:3em}.center{text-align:center;}
.right{text-align:right;}
/*formatting*/
.red{color:red;}
.small{font-size:small;} .large{font-size: large;} .big{font-size: x-large;}.fs13{font-size: 1.3em;}.fs09{font-size:0.9em;}.fs0{font-size:medium;}
.bold{font-family:OpenSansBold; font-weight:unset;}.mb{font-family:var(--ff-semibold); font-weight:var(--fw-mb);}.mbdef{font-weight:500;}.fw0{font-weight:unset;}
.nobr{white-space:nowrap;}