img,input,button {
 outline: none;
 border: none;
 background-color: transparent;
}
ul,li {
 list-style: none;
}

a, button {
 cursor: pointer;
}

#about-section {
 display: table;
 table-layout: fixed;
 width: 100%;
}

.look_move {
 margin: 20px auto;
 width: 150px;
 padding: 10px 0;
 cursor: pointer;
 z-index: 2;
}
.box-info {
 display: flex;
 flex-direction: column;
}
.myVideo {
 width: 100%;
}

.layer {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999;
 display: none;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100vh;
 overflow: hidden;
 background-color: rgba(0, 0, 0, .3);
}
.layer_main {
 width: 600px;
 max-width: 95%;
 transform: scale(0);
 transition: .3s;
}
.layer_main label {
 width: 100%;
 display: flex;
 align-items: center;
}
.layer_main input {
 width: 1%;
 max-width: 100%;
 height: 40px;
 background-color: #C4CAD2;
 border-radius: 3px;
 flex: 1 1 auto;
 color: #000;
 font-weight: bold;
 padding: 5px 20px;
 font-size: 18px;
}
.layer_main button {
 height: 40px;
 padding: 0 15px;
 background-color: #B700BE;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 border: 1px solid #fff;
 margin-left: 20px;
 cursor: pointer;
}

.addressList {
 background-color: rgba(61, 55, 126, .4);
 max-height: 400px;
 overflow: auto;
 width: 100%;
}
.addressList li {
 color: #fff;
 font-size: 20px;
 font-weight: bold;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 width: 100%;
 padding: 20px;
 cursor: pointer;
}

@media screen and (max-width: 768px){
 .logo {
  margin: 30px auto;
 }
 .title {
  margin: 20px auto;
  width: 240px;
 }
}