@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1600px) {
  #feature.en .box_wrap{ padding: 20px 10px; }
  #feature.en .box_wrap p{ font-size: .875em; }
}

@media all and (max-width: 1400px) {
}

@media all and (max-width: 1200px) {
	#ddmenu ul li{ margin:0 10px; }
}

@media all and (max-width: 991px) {
  .slogan, .join, .lang{ display: none; }
  .menu_wrap{ height: 0; }

  footer .collist:nth-child(2){ display: none; }
}

@media all and (max-width: 768px) {
  .banner_wrap iframe{ display: none; }
  .banner_wrap img{ display: block; }
}

@media all and (max-width: 767px) {
  footer .collist{ text-align: center !important; }
  footer .collist:nth-child(1) .logo{ margin:0 auto 20px auto;}
  footer .collist:nth-child(1) p:nth-child(2){ display: block; }
  footer .collist:nth-child(3) i{ margin-top: 37px; }
  footer .collist:nth-child(3) p{ display: inline-block; }
  footer .collist:nth-child(3) p:last-child{ margin-left: 5px; }

  .nav_list{ display: none; }
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 576px) {
}

@media all and (max-width: 480px) {
  h2{ font-size: 1.5em; }
  h3{ font-size: 1.25em; }
  h4{ font-size: 1.125em; }
  h5{ font-size: 1em; }
  h6{ font-size: 1em; }

  section{ padding: 40px 0; }
  section h2{ margin-bottom: 30px; }

  .container{ padding: 0 20px;}

  header{ padding: 10px 15px;}
  header .container{ padding: 0 0px;}

  .logo{ width: 197px; height: 50px; background: url('../../img/pic-logo.png') center center no-repeat; background-size: auto 50px;}
  .logo a{ width: 197px; height: 50px; display: block; }

  #feature .row{ padding: 5px; }
  #feature .collist{ padding: 0 5px !important; }
  #feature .box_wrap{ margin: 5px 0; padding: 20px;}
  #feature .box_wrap img{ max-height: 50px; }
  #feature .box_wrap p{ margin-top: 10px; font-size: 1.25em;}

  #feature.en .box_wrap{ padding: 20px 10px; }
  #feature.en .box_wrap p{ font-size: .75em; }

  footer{ padding: 40px 0; }

  nav[aria-label="breadcrumb"]{ display: none; }
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
  footer p{ font-size: .875em; }
}

@media all and (max-width: 320px) {
}