body {
                background: url(/monthly/bg.webp);
            }
            .container{
                height:600px;
                width:900px;
                margin:0 auto;
                margin-top:6em;
                background-color: #718698;
                border-radius: 5px;
                border:double
            }
            .top{
                background:rgba(255, 255, 255, 0.7);
                margin:0;
                padding:5px;
                border-bottom:double
            }
            .ok{
                display: inline-block;
                width:70%;
                height:94.5%;
                overflow: auto;
            }
            .side{
                display: inline-block;
                width:29%;
                background:url(/monthly/side.webp) ;
                height:94.5%;
                background-size: cover;
                background-position-x: center;
                border-left:double;
            }
            .note{
                  background: linear-gradient(to bottom, #fff7d4, #ffdfb3);
                box-shadow: inset rgb(92, 40, 30) 0 0 3px;
                width:90%;
                margin:0 auto;
                height:60%;
                margin-top:1em;
                border:double;
                padding:10px;
            }
            .inner{
                height:80%;
                width:100%;
                background-color: #ffd59b;
                box-shadow: inset rgb(185, 140, 131) 0 0 8px;
                padding:.1px;
                overflow:auto;
                color:#6e2600;
            }
            .bottom{
                background-color: #fff8f1;
                padding:20px;
                margin-top:10px;
                border-radius:60px;
                text-align: center;
            }
            .inner p{
                margin:5px;
            }
            span{color:#3b1d00;}