section#top{
    margin-top:165px;
    width: 100%;
    min-width:1280px;
    height: 1800px;
    position: relative;
  }
  section#top > div:first-child{
    position: absolute;
    top:160px;
    width: 80%;
    height:1300px;
    background: linear-gradient(150deg, #2E76C4 0%, #2E76C4 20%, #49A9EE 60%, #49A9EE 100%);
  }
  section#top > div:nth-child(2){
    position: absolute;
    top:220px;
    width:30px;
    height:320px;
    left:3%;
  }
  section#top > div:nth-child(2) a{
    display:block;
    width:100%;
    height:100%;
    background-image:url("../../images/img__scrolldown.png");
    background-repeat: no-repeat;
    text-indent:-9999px;
  }
  section#top > div:nth-child(3){
	background-image:url("/wp/wp-content/uploads/2026/06/800-8_edit.png");
    background-repeat: no-repeat;
    background-position: 0%;
    background-size:100%;
    position: absolute;
    top:680px;
    width:800px;
    height:500px;
    display:block;
    text-indent:-9999px;
    right:30%;
	opacity: 0.3;
  }
  section#top > div:nth-child(5){
    position: absolute;
    top:1100px;
    left:12%;
  }
  div.visiontext{
    height:340px;
    text-align:left;
  }
  div.visiontext p{
    padding:0;
    margin:0;
  }
  
  section#top > div:nth-child(6){
    position: absolute;
    top:1300px;
    left:auto;
    right:0;
    background-color:#fff;
    width:70%;
    height:340px;
  }
  section#top > div:nth-child(6) p:nth-child(1)
  {
    padding-top:96px;
    padding-left:100px;
  }
  section#top > div:nth-child(6) p:nth-child(3)
  {
    padding-left:100px;
    width:34%;
  }
  section#top > div:nth-child(6) div
  {
    /*
    padding-left:100px;
    */
  }
  section#top > div:nth-child(6) h5
  {
    padding-left:100px;
  }
  section#top > div:nth-child(7){
    position: absolute;
    top:1000px;
    left:auto;
    right:10%;
    min-width:380px;
    width:20%;
    overflow: hidden;
  }
  section#top > div:nth-child(7) img{
    width:100%;
    
  }
  
  
  
  
  
  section#second{
    width:80%;
    height:700px;
    min-height: 650px;
    position: relative;
    margin-left:auto;
    margin-right:0;
    margin-top:0px;
    
  }
  section#second div:nth-child(1){
    position: absolute;
    width:50%;
    top:0;
  }
  section#second div:nth-child(1) span{
    padding:5%;
    display:block;
  }
  section#second div:nth-child(1) img{
    width:100%;
  }
  
  section#second div:nth-child(2){
    position: absolute;
    bottom:0;
    right:0;
    width:80%;
    height:80%;
    background-image:url("../../images/img__bg-fab.jpg");
    z-index:-10;
  
  }
  section#second div:nth-child(3){
    position: relative;
    top:60%;
    left:130px;
    width:400px;
  }
  section#second div:nth-child(4){
    width:50%;
    position: absolute;
    top:34%;
    right:0;
  }
  section#second div:nth-child(4) img{
    width:100%;
    
  }
  
  
  
  
  section#third{
    width: 100%;
    height: 500px;
    background: linear-gradient(120deg, #2E76C4 0%, #2E76C4 10%, #49A9EE 60%, #49A9EE 100%);
    padding:80px 0px;
    position: relative;
  }
  section#third div.third-backlogo{
	background-image:url("/wp/wp-content/uploads/2026/06/800-8_edit.png");
    background-size:contain;
    opacity: 0.5;
    background-repeat: no-repeat;
    width:250px;
    height:100px;
    position:absolute;
    bottom:40px;
    right:40px;
  }
  
  section#third div.table{
    display:table;
    width:80%;
    height:300px;
    position: absolute;
    left:10%;
  }
  section#third div.table div:first-child{
    display:table-cell;
    width:50%;
    vertical-align: middle;
    
  }
  section#third div.table div:first-child div{
    width:460px;
    margin:0 auto;
  }
  section#third div.table div:last-child{
    display:table-cell;
    width:50%;
    vertical-align: middle;
  }
  
  section#third img{
    width:100%;
  }
  
  
  
  section#four{
    width: 100%;
    height: 780px;
    position: relative;
  }
  section#four div.back:nth-child(1){
    position: absolute;
    top:0;
    right:0;
    width:80%;
    height:60%;
    background-image:url("../../images/img__bg-fab.jpg");
  
  }
  section#four div:nth-child(2){
    position: absolute;
    top:20%;
    left:0;
    width:80%;
    height:60%;
    background-color:#fff;
  
  }
  section#four div:nth-child(2) > div{
    position: absolute;
    top:15%;
    left:15%;
    width:400px;
  
  }
  section#four div:nth-child(3){
    position: absolute;
    top:300px;
    left:50%;
    width:40%;
    height:400px;
  }
  
  section#four div:nth-child(3) img{
    width:100%;
  }
  
  
  section#five{
    width: 100%;
    height: 1000px;
    position: relative;
  }
  section#five div:nth-child(1){
    background-color: #fff;
    height:120px;
    width:100%;
  }
  section#five div:nth-child(1) div{
    position: absolute;
    top:30px;
    left:50%;
    width:auto;
    background-color:transparent;
    
  }
  section#five div:nth-child(2){
    background-color: #536373;
    height:500px;
    width:100%;
    background-image:url("../../images/svg/logo__white-big.svg");
    background-repeat:no-repeat;
    background-size:30%;
    background-position:100% 50%;
  }
  section#five div:nth-child(2) div{
    position: absolute;
    top:130px;
    left:50%;
    width:400px;
    background-color:transparent;
  }
  section#five div:nth-child(2) div a{
    
    display:inline-block;
    margin-left:auto;
    margin-right:0;
  }
  section#five div:nth-child(3){
    width:378px;
    position: absolute;
    top:0;
    left:10%;
    overflow:hidden; 
  }
  section#five div:nth-child(3) img{
    width:100%;
  }
  section#five div:nth-child(4){
    width:378px;
    position: absolute;
    top:350px;
    left:50%;
    overflow:hidden; 
  }
  section#five div:nth-child(4) img{
    width:100%;
  }
  
  
  section#six{
    width: 80%;
    margin:0 auto;
    position: relative;
  }
  section#six div.news{
    width:88%;
    margin: 0 auto;
  
  }
  section#six div.news ul {
    list-style-type: none;
    width:100%;
    margin:0;
    padding:0;
    border-top:1px solid #536373;
  }
  section#six div.news ul li{
    border-bottom:1px solid #536373;
    padding:20px 0px;
  }
  section#six div.news ul li small{
    border:1px solid #1D899E;
    color:#1D899E;
  }
  div.newslink{
    width: 200px;
    margin-left:auto;
    margin-right:-10%;
    margin-top:30px;
    
  }
  section#seven{
    display:table;
    margin-top:60px;
    height:200px;
    width:100%;
    
    
    
    
    background: linear-gradient(120deg, #2E76C4 0%, #2E76C4 10%, #49A9EE 60%, #49A9EE 100%);
    
    background-color:contain;
    background-position:center;
    text-align: center;
    cursor: pointer;
    position: relative;

  }
  
  section#seven div{
    display:table-cell;
    vertical-align: middle;
    background-color:rgba(255,255,255,0);
  }
  
  section#seven:hover{
    background-blend-mode:lighten;
    background-image:url("../../images/img__recruit03.jpg");
    background-color:rgba(255,255,255,0.8);
  }
  
  #scroll a{
    text-indent: -9999px;
    background-image: url("../../images/img__scrolldown.png");
    background-size: cover;
    background-repeat:no-repeat;
    display:block;
    width:34px;
    height:311px;
    position: absolute;
    top:10%;
    left:2%
  }
  
  .member{
    
    margin:0 auto;
  }
  .member:hover{
    transform:scale(1.05,1.05);
    transition:0.8s all;
  }
  
  @media (max-width: 1280px) {
    section#top{
      width:100%;
      min-width:auto;
    }
   
    section#top > div:nth-child(6) p:nth-child(1){
      width:60%;
      padding-left:10%;
    }
    section#top > div:nth-child(6) h5{
      width:60%;
      padding-left:10%;

    }
    section#top > div:nth-child(7){
      /*min-width:auto;*/
    }
  }
  @media (max-width: 768px) {
    section#top{
        min-width: auto;
        height:2300px;
    }
    section#top > div:nth-child(2){
      width:15px;
      height:160px;
      
    }
    section#top > div:nth-child(2) a{
      background-size:100%;
    }
    section#top > div:first-child {
        height:76%;
    }
    
    section#top > div:nth-child(6){
        width:90%;
        left:auto;
        right:0;
        margin-top:-100px;
        padding:40px 0px 0px 40px;
        top:60%;
    }
    section#top > div:nth-child(6) div {
        padding:0;
    }
    section#top > div:nth-child(6) p:nth-child(1) {
        padding:0;
    }
    section#top > div:nth-child(6) h5{
        padding:0;
    }
    section#top > div:nth-child(6) p:nth-child(3){
        padding:0;
        width:auto;
    }
    
    section#top > div:nth-child(7){
        width:100%;
        min-width: auto;
        left:0;
        right:0;
        top:68%;
    }
    section#second{
        width:100%;
        margin-top:70%;
        min-height: auto;
        height:1000px;
    }
    section#second div:nth-child(1){
        width:100%;
    }
    section#second div:nth-child(2){
        width:80%;
    }
    section#second div:nth-child(3){
        width:100%;
        left:0%;
        top:55%;
        padding:10px;
    }
    section#second div:nth-child(4){
        width:100%;
        top:84%;
    }


    section#third {
        height:820px;
      margin-top:50%;
    }
    section#third div.table div:first-child div{
        width:100%;
    }
    section#third div.table{
        width:100%;
        left:0;
        padding:10px;
        
    }
    section#third div.table div{
        display:block !important;
        width:100% !important;
    }
    section#third div.table div:last-child{
        margin-top:30px;
    }

    section#third div.third-backlogo{
      bottom:20%;
      right:0px;
    }

    section#four div:nth-child(2) > div{
        width:100%;
        left:0;
        padding:10px;
    }
    section#four div:nth-child(3){
        left:0;
        width:100%;
        top:70%;
    }

    section#five div:nth-child(1) div{
        left:5%;
    }
    section#five{
      height:auto;
    }
    
    section#five div:nth-child(2){
        /*height:1200px;*/
        height:160px;
    }
    
    section#five div:nth-child(2) div{
        width:100%;
        left:0;
        padding:10px;
    }
    section#five div:nth-child(2) div a{
        margin-left:10px;
    }
    section#five div:nth-child(3){
        width:100%;
        margin:0 auto;
        position:static;
    }
    section#five div:nth-child(3) p{
      color:#000 !important;
    }
    section#five div:nth-child(4){
      width:100%;
      left:2%;
      top:150%;
    }
    section#five div:nth-child(4){
      position:static;
    }

    section#six div.news div{
      width:100% ;
      display:block;
      text-align:left !important;
    }
    section#six div.news ul li {
      float:none;
      display:block;
      width:100%;
    }
    footer div{
      width:100% !important;
      max-width:100% !important;
    }
    footer div.float-right{
      float:none !important;
    }
    footer div.float-left{
      text-align:center !important;
    }
    footer ul li{
      width:100%;
      float:none;
      text-align:center;
    }
    div.newslink{
      margin-right:0;
    }
    section#third{
      margin-top:0;
    }
  }
  @media (max-width: 560px) {
    section#second{
      margin-top:20%;
    }
    section#second div:nth-child(3){
      top:35%;
    }
    section#second div:nth-child(4){
      top:65%;
    }
    section#five div:nth-child(4){
      top:110% !important;
    }

    footer ul li{
      width:80%;
    }
  }
  @media (max-width: 480px) {
    section#top > div:nth-child(7){
      top:70%;
    }
    section#second{
      margin-top:0%;
    }
    section#second div:nth-child(3){
      top:25%;
    }
    section#second div:nth-child(4){
      top:56%;
    }
    section#third{
      margin-top:-100px;
    }
    section#five div:nth-child(3){
      top:30%;
    }
    section#five div:nth-child(4){
      top:100% !important;
    }

  }