#slideoutside{
display:block;
width:100%;
font-weight:bold;
position:relative;
overflow:hidden;
background-color:rgba(255,0,0, 0.5);
}
#slidshow{
float:left;
width: 70%;
height: 30vw;
display:block;
position:relative;
overflow:hidden;
}
.slide {
position:absolute;
opacity: 0;
animation: mymove 24s infinite;
-moz-animation: mymove 24s infinite;
-webkit-animation: mymove 24s infinite;
}
#slideoutside #slidshow .slide img{
widtht:70vw;
height:30vw;
}

#slideoutside #slidshow .slide img{
width:100%;
display:block;
}

@keyframes mymove {
10% {
opacity: 1;
}
33% {
opacity: 1;
}
45% {
opacity: 0;}}
.slide:nth-child(0) {
animation-delay: 0s;}
.slide:nth-child(1) {
animation-delay: 6s;}
.slide:nth-child(2) {
animation-delay: 12s;}
.slide:nth-child(3) {
animation-delay: 18s;}

#slideshowright{
float:right;
width:30%;
height:100%;
display:block;
overflow:hidden;
position:relative;
}
#owner, #director{
padding-top:5%;
float:left;
width:49%;
height:60%;
font-size:1.7vw;
text-align:center;
border-radius:10%;
border:0.1vw solid #7D0552;
background-color:transparent;
}
.owner, .director{
width:12.5vw;
height:13vw;
display:block;
margin:auto;
}
#slidetime{
display:block;
margin-top:5%;
float:left;
width:100%;
padding-top:2%;
font-size:1.3vw;
text-align:center;
}
#livetime{
font-size:4vw;
display:block;
margin-top:1%;
}
#slid{
display:block;
width:100%;
height:0.5vw;
border:0px;
background-color:#C11B17;
}
#sarda{
display:none;
}





@media(max-width:800px){
#slideoutside{
background-color:transparent;
}
#slid{
display:none;
}
#slidshow{
float:none;
width: 100%;
height:45vw;
}
.slide {
position:absolute;
opacity: 0;
animation: mymove 24s infinite;
-moz-animation: mymove 24s infinite;
-webkit-animation: mymove 24s infinite;}

#slideoutside #slidshow .slide img{
width:100vw;
height:45vw;
display:block;
}
#slideshowright{
float:none;
width:100%;
}
#owner, #director{
padding-top:2%;
float:left;
width:29.2%;
color:black;
margin-left:0.5vw;
font-size:3.2vw;
border:0.3vw solid #7D0552;
background-color:#FFE5B4;
}
#sarda{
float:left;
width:31%;
height:34vw;
display:block;
margin:2% 4%;
position:relative;
background-size:contain;
background-repeat: no-repeat;
background-image:url("../image/logo/sarda.webp");
}
.owner, .director{
width:90%;
height:28vw;
display:block;
margin:auto;
}
#slidetime{
float:none;
font-size:5vw;
overflow:hidden;
}
#livetime{
font-size:8vw;
display:block;
margin-top:1%;
}
}