.t_color {color:var(--main_c)}
.flex {display:flex}


.flex {display:flex; }
.ac {align-items:center; }
.as {align-items:flex-start; }
.ad {align-items:flex-end; }
.jt {justify-content:flex-start; }
.jc {justify-content:center; }
.js {justify-content:space-between; }

.box_100 {width:100% !important; display:inline-block}
.b_t {font-size:1.8em; line-height:1.2;  font-weight:700}
.b_t2 {font-size:1.3em; line-height:1.44;  font-weight:600;}
.eng {font-family: "Poppins", sans-serif;}

.basic_t {font-size:1.05em; }

hr.line_hr {background-color:#f1f1f1; width:100%; height:2px; margin:25px 0 35px 0; position:relative}
hr.line_hr2 {border-top:2px solid var(--main_c); margin-top:30px}

@keyframes ani1 {
  0%  {
    left:0;
   }
   50% {
   left:calc(100% - 45px);
   }

  100% {
   left:0;
   }
}


hr.con_hr {height:30px}
hr.con_hr2 {height:70px}
hr.con_hr3 {height:80px}

a.basic_btn {background-color:var(--main_c);   font-size:1.15rem; box-sizing:border-box; padding:0 20px; width:200px; line-height:60px; color:#fff; border-radius:5px; display:flex;  justify-content:center; transition: all 0.3s ease-out; }
a.basic_btn + a.basic_btn {margin-left:5px}

 
span.point {width:6px; height:6px; border-radius:50%;  background-color: var(--main_c); display:inline-block; vertical-align:10px}

/* table.basic {width:100%}
table.basic th {padding:10px;  text-align:left; background-color:#333; color:#fff}
table.basic td {border:1px solid #ddd; padding:10px; font-size:15px; line-height:1.3; font-weight:300}
 */
.bg_box {background-color:#f9f9f9;  display:inline-block; width:100%; padding:20px 4%; box-sizing:border-box}

.tab {width:100%; display:flex;  margin-bottom:30px; overflow-x:auto}
.tab li {width:100%;}
.tab li a {background-color:#eee; width:100%;  color:#999;  padding:10px 0;  text-align:center; display:inline-block; white-space:nowrap; }
.tab li.active a {background-color:var(--main_c);  color:#fff;  }

.tab2 {width:100%; display:flex; flex-wrap:wrap;  gap:5px 15px;  background-color:#f3f3f3; box-sizing:border-box; padding:20px;   position:relative; z-index:99999}
.tab2 li {line-height:1.2 }
.tab2 li a { color:#555;   }
.tab2 li.active a {  color:var(--main_c) }


@media all and (max-width:900px) {
		.flex {flex-wrap:wrap}
		.b_t2 {font-size:1.1em; }
		.basic_t {font-size:1em; }
	    .tab li a   {padding:10px 15px; width:auto }


}