body {
     margin:0;
     height:100%;
     width:100%;
}
 .main_block{
     background: url("/MINET/style/login/BG.jpg") no-repeat fixed;
     display: inline-block;
     width: 100%;
     background-size: 100% 100%;
     height: 100%;
     position: absolute;
}
.main_block1{
     background: url("/MINET/style/login/BG.svg") no-repeat fixed;
     display: inline-block;
     width: 100%;
     background-size: 100% 100%;
     height: 100%;
     position: absolute;
}
 .main_Container {
     height: 100%;
}
 .message_content{
     border: 1px solid #f1f1f1;
    
     padding: 25px;
        height: 100%;
     background: #fff;
	display:flex;
	flex-direction:column;
	 justify-content:center;
    align-content:center;
	text-align:center; 
}
 .context_block {
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
    background-image: url(/MINET/style/login/BG_01.png);
     background-repeat: no-repeat;
         background-size: 100% 100%;
     padding: 27px;
     border-radius: 20px;
     position: fixed;
	     width: 70%;
    height: 70%;
}

.content{
color:#f3656f;
font-size:45px;
}
.next-word {
  color: #f1a90f;
}

/* ---------------Media Query---------------- */
@media (min-width: 300px) and (max-width:780px){
.context_block{
width: 84%;
font-size:16px;
}
.msg_text{
text-align:justify;
}
}
 @media (min-width: 700px) and (max-width:1024px){
 .context_block{
width: 84%;
}
 .msg_text{
font-size:20px;
}
 }
  @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
     @media {
      
    }
}
 @media not all and (min-resolution:.001dpcm) {
     @media {
          
    }
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-min-device-pixel-ratio: 3) { 
    
   
    }