#main_content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-bottom: 2%;
  background-color: #F3F1F2;
}
#pro_nav{
  margin-top: 5%;
}
#pro_nav li{
  
}
#pro_nav li:hover{
  background-color: #000 !important;
}

.nav-tree li.active{
  background-color: #000 !important;
}
#son_list{
  transition: all 0.5s ease; 
  background: #F4F4F4;
}
#son_list h1{
  text-align: left;
}
.son_list_kw_img img{
    height: 17vw;
    width: auto !important;
}
#son_list:hover{
  background-color: #f9f9f9;
}
.list_left{
  position: absolute;
  right: 20%;
  bottom: 38%;
  transition: all 1s ease-in-out;
}
.list_left:hover{
  cursor: pointer;
}
.list_left a{
  width: 100%;
}
.into_cour a{
  font-size: 1vw !important;
  line-height: 4vw;
  font-family: Inter;

font-style: normal;
font-weight: 800;

}

.swiper-pagination-bullet{
  
  width: 1.2vw !important;height: 1.2vw !important;
  opacity:1 !important;
  border-radius: 0px !important;
  margin-right: 5%;    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,5px) !important;
  margin-bottom: 8px !important;
  transition: all .3s ease-out
}
#pagination-145 .swiper-pagination-bullet:nth-child(1){
  background: #3DC2B2 !important;
}
#pagination-145 .swiper-pagination-bullet:nth-child(2){
  background: #247DE3 !important;
}
#pagination-145 .swiper-pagination-bullet:nth-child(3){
  background: #9EB157 !important;
}
#pagination-145 .swiper-pagination-bullet:nth-child(4){
  background: #15B500 !important;
}
#pagination-145 .swiper-pagination-bullet:nth-child(5){
  background: #ff8200 !important;
}
#pagination-145 .swiper-pagination-bullet:nth-child(6){
  background: #ffa3b3 !important;
}
#pagination-145 .swiper-pagination-bullet:nth-child(7){
  background: #88c6e9 !important;
}
#pagination-145 .swiper-pagination-bullet:nth-child(8){
  background: #f8384b !important;
}

#pagination-147 .swiper-pagination-bullet:nth-child(1){
  background: #31b4e7 !important;
}
#pagination-147 .swiper-pagination-bullet:nth-child(2){
  background: #fe647c !important;
}
#pagination-147 .swiper-pagination-bullet:nth-child(3){
  background: #8874d1 !important;
}

#pagination-146 .swiper-pagination-bullet:nth-child(1){
  background: #fdaa8d !important;
}
#pagination-146 .swiper-pagination-bullet:nth-child(2){
  background: #b350b4 !important;
}
.swiper-pagination-bullet-active{
  transform: scale(1.2);
}



#pagination-151 .swiper-pagination-bullet:nth-child(1){
  background: #6ad9d4 !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(2){
  background: #6fd44e !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(3){
  background: #0061c8 !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(4){
  background: #343936 !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(5){
  background: #cccfce !important;
}
#pagination-151 .swiper-pagination-bullet:nth-child(6){
  background: #50555b !important;
}

#pagination-151 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6ad9d4;
}
#pagination-151 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6fd44e;
}

#pagination-151 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #0061c8;
}

#pagination-151 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #343936;
}

#pagination-151 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #cccfce;
}
#pagination-151 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #50555b;
}

#pagination-152 .swiper-pagination-bullet:nth-child(1){
  background: #6ad9d4 !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(2){
  background: #6fd44e !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(3){
  background: #8247af !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(4){
  background: #d6006d !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(5){
  background: #21362c !important;
}
#pagination-152 .swiper-pagination-bullet:nth-child(6){
  background: #50555b !important;
}

#pagination-152 .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6ad9d4;
}
#pagination-152 .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #6fd44e;
}

#pagination-152 .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #8247af;
}

#pagination-152 .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #d6006d;
}

#pagination-152 .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #21362c;
}
#pagination-152 .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active{
  box-shadow: 0 0 15px 1px #50555b;
}
.pl_md{
  color: #000;
  font-family: Inter;
  font-size: 1vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5vw; /* 128.571% */
  text-transform: uppercase;
  margin-top: 5%;
  
}