#introoutside{
width:100%;
display:block;
position:relative;
overflow:hidden;
}
#introleft{
float:left;
width:71%;
display:block;
text-align:justify;
overflow:hidden;
font-weight:bold;
position:relative;
}
.introtitle{
font-size:3vw;
text-align:center;
margin-bottom:0.5vw;
background-color:rgba(255,0,0, 0.3);
}
#introcontent{
font-size:1.8vw;
margin-top:1vw;
padding-left:1vw;
}
#introwrite{
font-size:2vw;
text-align:right;
}
#introright{
float:right;
width:25%;
height:27vw;
display:block;
position:relative;
background-size:contain;
background-repeat: no-repeat;
background-image:url("../image/logo/sarda.webp");
}
#login{
width:98%;
height:38vw;
background-size:cover;
border:1vw solid white;
background-image: url('../image/contact/dlogin.webp');
}
@media(max-width:800px){
#introleft{
float:none;
width:100%;
}
.introtitle{
height:auto;
font-size:5vw;
overrflow:hidden;
background-color:rgba(255,0,0, 0.3);
border-top:0.5vw solid white;
border-bottom:0.5vw solid white;
}
#introcontent{
font-size:3.5vw;
padding-left:1vw;
}
#introwrite{
margin-right:2vw;
font-size:3.5vw;
text-align:right;
display:block;
}
#introright{
display:none;
}
#login{
height:90vw;
background-image: url('../image/contact/mlogin.webp');
}
}