.sq_flex_cont{
    position:absolute;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    transition:all 400ms ease;
    animation-direction: alternate;
}
.sq_inner{
    position:relative;
    
}
.rotate{
    animation: rotate 80s linear infinite; 
}
@keyframes rotate{
    to{ transform: rotate(360deg); }
}

.over_link{
    position:absolute;
    display:inline-flex;
    top:8px;
    left:8px;
    font-family:arial;
    font-size:13px;
    width:auto;
    height:auto;
    background:rgb(181, 196, 228);
    padding:10px;
    text-align:left;
    opacity:.8;
    color:#444;
    align-items: center;
    flex-wrap: wrap;
    cursor:pointer;
}

.over_link_img{
    position:relative;
    width:30px;
    height:auto;
    margin-left:8px;
}



.large_m_text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:min(20vh,232px);
    color:white;
    word-wrap: break-word;
    line-height: 20vh;
    height:70vh;
    opacity:.7;
}

.over_abtn{
    display:inline-flex;
    position:absolute;
    align-items:center;
    justify-content: center;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#444;
    background:rgba(255,255,255,.5);
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    padding:10px;
    z-index:14;
}
.over_ainf{
    position:relative;
    display:inline-flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    width:auto;
    max-width:100px;
    z-index:14;
}
.ainf_item{
    width:100%;
}
.over_ainf_pic{
    width:100px;
    height:auto;
}
.size_m{
    font-size:13px;
}
.size_s{
    font-size:10px;
}
.ainf_item{
    background:yellow;
    font-family:Arial, Helvetica, sans-serif;
    color:#444;
    padding-bottom:4px;
    padding-top:4px;
    margin-top:8px;
}
.over_bbtn{
    display:none;
    position:absolute;
    align-items:center;
    justify-content: center;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#ffffff;
    background:rgba(211, 69, 69, 0.5);
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    padding:10px;
    z-index:14;
    opacity:0;
}
.over_qbtn{
    display:none;
    opacity:0;
    position:absolute;
    align-items:center;
    justify-content: center;
    
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    z-index:40;
}
.main_viewport{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    z-index:10;
}
.open_extenal_icon{
    height:20px;
    width:auto;
    cursor:pointer;
}
.w_ext_icon{
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: space-between;
}

.over_layer{
    position:absolute;
    display:inline-block;
    
    perspective:100vh;
    -webkit-perspective:100vh;
    perspective-origin: top;
    
    text-align: center;
    font-family:arial;
    font-size:17px;
    width:100vw;
    height:100vh;
    background:transparent;
    overflow:hidden;
    opacity:.7;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.zi_layer_c0{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    
    z-index:46;
}
.zi_layer_c0_over{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    z-index:56;
}
.fcenter{
    position:absolute;
    left:0vw;
    display:inline-block;
    
    perspective:3400px;
    -webkit-perspective:3400px;
    perspective-origin: top;
    
    width:100vw;
    height:100vh;
    background:transparent;
    overflow:hidden;
    opacity:.7;
    
}
.zi_layer_0_floor{
    position:absolute;
    transform: rotateX(90deg);
    height: 200vh;
    top: calc( 0vh );
    left: calc( 50vw - 200vh );
    aspect-ratio: 2/1;
    width:auto;
    z-index:32;
    opacity:0.7;
}
.zi_layer_1{
    position:relative;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    
    z-index:30;
}
.zi_layer_0{
    transform: rotateX(90deg);
    height: 200vh;
    top: calc( 0vh );
    left: calc( 50vw - 200vh );
    aspect-ratio: 2/1;
    width:auto;
    z-index:28;
    opacity:0.7;
}
/*
.zi_layer_1{
    transform: rotateX(102deg);
    width: 140vw;
    top: -44vh;
    left: calc( 50vw - 70vw );
    aspect-ratio: 1/1;
    height:auto;
    z-index:34;
    opacity:0.5;
}
*/
.zi0{
    z-index:24;
}
.zi2{
    z-index:26;
}
.zi3{
    z-index:27;
}

.cloud_circle{
    position:absolute;
    aspect-ratio: 1/1;
    background:white;
    border-radius:50%;
}
.zi_layer_c0_white_bar{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    
    z-index:44;
}