.videobg{          
      width:100%;      
      min-height:1920px;     
      margin-top:-56.7%;
      overflow: hidden;      
      background-image: url("/microsites/data/159/AORUS_honeycomb_white-01.png");
      background-size:100%;
      background-repeat: no-repeat;     
      background-attachment: fixed; 
      position:relative;     
}

#videofix{
    width:100%;    
}

.h370box{          
      width:100%;      
      position:relative;          
      margin-top:-56.7%;
      overflow: hidden;
      background-image: url("/microsites/data/159/AORUS_honeycomb_white-01.png");
      background-repeat: repeat-x;     
      background-attachment: fixed; 
}

.b360{
  padding-top:16%;
}
.h370image{          
      overflow: hidden;
}

.h370box .title{                      
      font-size:40px;
      margin-top:4%;
      text-align: center;
}

.h370image .text{
  text-align: center;
  margin-top:0%;
  margin-bottom:20%;
}

.h370image a{
  text-decoration: none;
}
.h370box ol{
  width:80%;
  margin:0 auto;
  padding-top:2%;
}

.h370box ol li{
    float:left;
    width:20%;
    margin-right:2%;
    margin-left:2%;
  
}

.h370box ol li img{
    transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
}

.h370box ol li img:hover{
    transform: scale(1.2, 1.2);
      -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);      
}


header{
  height:100px;
  border-bottom:2px solid #FF5F00;
}
header .headerlogo{
  width:200px;
  margin-top:26px;
  margin-left:10%;
  display:inline-block;
}
header .sociallan{
  right:10%;  
  display:inline-block;
  position:absolute;
  margin-top:30px;  
}

.socialbtn{    
  float:left;
}
.socialbtn ul li{
  float:left;  
  list-style: none;  
  margin-left:10px;
}
.lanbarside{
  display:inline-block;
}    

.lanbar{ 
  border: 1px solid #666;  
  box-shadow: 0px 0px 4px #666;  
  background-color: #000;
  font-family: arial, sans-serif, Microsoft JhengHei;  
  color:#fff;    
  outline:none;
  cursor: pointer;    
  font-size:16px;  
  padding:10px;  
  margin-left:20px;  
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.lanbar:hover{ 
  border: 1px solid #999;  
}



footer{
  margin-top:0%;  
  padding-top:4px;
  border-top:1px solid #1A1A1A;
  padding-bottom:4px;
  text-align: center;
  font-size:14px;
  color:#999;  
  background-color:#000;
  width:100%;
  position: relative;
}

footer .text{
  font-size:16px;
}
footer .consize{
  margin-top:10px;
}

footer a{
  color:#999;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}

footer a:hover{
  color:#fff;
}

@media screen and (max-width: 1680px) {
    .h370box{                  
      margin-top:-56.8%;
    }

}

@media screen and (max-width: 1680px) {
    .h370box{                  
      margin-top:-56.9%;
    }

}

@media screen and (max-width: 1366px) {
    .h370box{                  
      margin-top:-57%;
    }

    .b360{
      padding-top:16%;
    }

}

@media screen and (max-width: 960px) {
    .h370box ol li{
        float:left;
        width:40%;
        margin-right:4%;
        margin-left:4%;      
    }

    .h370box{                  
      margin-top:-58%;
    }

    .b360{
      padding-top:0%;
    }

}


@media screen and (max-width: 640px) {



    .h370box{                  
      margin-top:-59%;
    }

  .h370box .title{                      
      font-size:30px;      
}

.h370image .text{
  margin-bottom:10%;
  font-size:20px;
}


    .h370box ol li{
        float:left;
        width:100%;
        margin-right:0%;
        margin-left:0%;
      
    }

  header{
    height:100px;
  }
  header .headerlogo{
    width:140px;
    margin-top:20px;
    margin-left:20px;
  }
  header .sociallan{
    right:20px;        
    position: absolute;
    margin-top:30px;  
  }
  .socialbtn{    
    float:left;    
  }

  .lanbarside{
    margin-top:-10px;
  }

    footer{        
    margin:0 auto;
    margin-top:20px;
    margin-bottom:60px;
    width:80%;    
  }

 
 

}