/* ========== COMMON ========== */
 
.eng {font-family:'Montserrat'}

.m-scroll { display: none; margin: auto; max-width: 360px; width: 100%; }
[data-scroll="false"] { overflow-y: hidden; }

.clearfix:after { content: ''; display: table; clear: both; }
ul.list:after { content: ''; display: table; clear: both; }
ul.list > li { float: left; }
.fLeft { float: left; }
.fRight { float: right; }
.aRight { text-align: right; }

/* ------- Grid ------- */
.grid { font-size: 0; }
.grid:after { content: ''; display: block; clear: both; }
.grid > div,
.grid > li { display: inline-block; vertical-align: top; padding: 10px; font-size: medium; }
.grid > div > ._g,
.grid > li > ._g { height: 100%; }
/* 1 col */
.grid-24 { width: 100%; }
/* 2 col */
.grid-12 { width: 50%; }
/* 3 col */
.grid-8 { width: 33.333333%; }
/* 4 col */
.grid-6 { width: 25%; }
/* 5 col */
.grid-5 { width: 20%; }
/* 6 col */
.grid-4 { width: 16.66666%; }
/* 9 col */
.grid-9 { width: 11.11111%; }
@media (max-width: 1024px){
    .grid-4 { width: 33.33333%; }
    .grid-9 { width: 16.666666%; }
}
@media (max-width: 768px){
    .grid-6 { width: 50%; }
    .grid-5 { width: 33.33333%; }
    .grid-9 { width: 33.33333%; }
}
@media (max-width: 600px){
    .grid-8 { width: 100%; }
    .grid-5 { width: 100%; }
    .grid-4 { width: 50%; }
}


a.fixed_top {width:60px; line-height:60px; z-index:99999; text-align:center;  background-color:#555;  color:#fff !important; border-radius:3px; font-size:13px; letter-spacing:1px;position:fixed; bottom:10%; right:2%;}

a.s_btn {padding:0 10px;  line-height:35px; background-color:#fff;border:1px solid #ddd; border-radius:5px; text-align:center; font-size:.95rem; font-weight:400; color:#333 !important; display:inline-block; }


a.basic_btn {width:200px; line-height:50px; background-color:#333; border-radius:5px; text-align:center; font-size:1.1rem; font-weight:500; color:#fff !important; display:inline-block; }

ul.tab {width:100%; display:flex; margin-bottom:20px; 
overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
} 
ul.tab li { border:1px solid #ddd;    text-align:center; line-height:42px; font-size:1.05rem; font-weight:400;  color:#333; box-sizing:border-box; cursor:pointer; border-radius:5px; padding:0 30px; margin-right:7px}
ul.tab li a {color:#333 !important; width:100%; display:inline-block; transition: all 0.3s ease-out;}
ul.tab li.ov {background-color:#497637; color:#fff; border:1px solid #497637; font-weight:500;}
ul.tab li.ov a {color:#fff !important; }
 
.img_list {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap}
.img_list li {width:24.5%}
.img_list  img {width:100%; border-radius:5px}

.t_color1 {color:#f1060b}
.t_color2 {color:#467a32}
.t_color3 {color:#333}
.t_color4 {color:#447e0c}


@media (max-width:960px)  {
  ul.tab li {font-size:1rem;line-height:38px; padding:0 20px;}
  .img_list li {width:49%;}
  .img_list li:nth-child(n+3) {margin-top:10px}
  a.fixed_top {display:none}

}
 
.footer  {background:#333;   width:100% ;}
        
footer {width:100%; max-width:1400px; text-align:center;  color:rgba(255,255,255,.6); font-size:0.9rem; font-weight:400; margin:0 auto;  padding:30px 5% 50px 5%; box-sizing:border-box; line-height:1.6em}
footer ul {width:100%; border-bottom:1px solid rgba(255,255,255,.2);  text-align:center; margin-bottom:17px; padding-bottom:17px}
footer ul li {display:inline-block; font-size:1.1em; color:rgba(255,255,255,.9); font-weight:500}
footer ul li:after {width:1px; height:0.8em; display:inline-block; content:''; background:rgba(255,255,255,.3); vertical-align:-1px; margin:0 10px 0 15px} 
footer ul li:last-child:after {display:none}
footer span.line {color:rgba(255,255,255,.2);  font-size:.9em; }
footer p span {color:rgba(255,255,255,.9); }
footer ul li a {color:rgba(255,255,255,.9) !important}


 @media (max-width:960px)  {
	footer {text-align:left; font-size:.88rem; line-height:1.55em;  padding:30px 5% 50px 5%; }
	footer ul {text-align:left; border-bottom:none; margin-bottom:0}

  }

.basic  th {border:1px solid #ddd; padding:14px; font-size:1.2em; font-weight:600; background-color:#fff; }
.basic  td {border:1px solid #ddd; text-align:center; font-size:1.05em; padding:14px; background-color:#fff; color:#222}
.basic .bg_c1 {background-color:#f5f9ea; color:#20570c;  }

 ul.disc_list li {list-style:disc; margin-left:20px; width:calc(100% - 20px) }



.flex_box {display:flex}


 @media (max-width:900px) {
   .flex_box {flex-wrap:wrap}

	.basic  th {  padding:8px; font-size:.95em;   }
	.basic  td {  padding:8px; font-size:.95em; }


}

.img_border {border:1px solid #ddd; box-sizing:border-box }