/* 大屏幕 */
@media screen and (max-width:1100px) {
 
    
    .topnav.red07 span {
        color: red;
    }

        
    /* 中间内容区域之整体外框 */
    .page-content {
        display: flex;
        /* height: calc(100vh - 166px);     */
    }

        
    /* 右侧：中间内容之右侧结果区域 */

    .rightdiv1 {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 500px);
        width: 90vw;
        align-items:flex-start;
        position: fixed;        
        top: 300px;
        background-color:rgb(246, 243, 243); 

        font-size: 30px; 
        border-radius: 10px;
        overflow-y:auto; 
        /* line-height: 150%; */
        letter-spacing: 3px; 
        /* text-indent: 30px; */
        left: 50%;
        transform: translateX(-50%); 
        border: 1px solid blue;
        padding-left: 6px;
        padding-right: 6px;

    }

    #results {
        overflow-y:auto;

    }



    .rightdiv2 {
        display: flex;
        flex-direction: column;
        height: 120px;
        width: 90vw;
        justify-content:center;
        align-items:center;
        position: fixed;        
        top: 170px;
        /* background-color:red;  */
        font-size: 30px; 
        border-radius: 10px;
        left: 50%;
        transform: translateX(-50%); 
        /* border: 1px solid blue; */
        

                
    }

    #inputData {
        font-size: 36px;
        padding-left: 10px;
        border-radius: 10px;
        width: 89vw;
        height: 100px;
        text-indent: 30px;
        letter-spacing: 2px; 
        background-color:rgb(246, 243, 243);
        border: 1px solid blue;
        resize: none; 

    }

    .bnt01 {
        border-radius: 10px;
        font-size: 36px;
        color: red;
        /* position: fixed;         */
        /* top: calc(100vh - 160px); */
        background-color:bisque;
        position: absolute;
        right: 50px;
        bottom: 20px;

    }



   
}