@media (min-width:722px) and (max-width:1026px) {

*{
    margin: auto;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.wrap {
    width: 1024px;
    height: 700px;
    /* border: 3px solid black; */
}

#header {
    width: 1024;
    height: 40px;
    background-image:url('../../main_images/001_001_blank21.jpg');
}

#linehead1{width:1024px; height:5px; background:#035;}
#linehead2{width:1024px; height:3px; background:#09c;}
#linehead3{width:1024px; height:2px; background:#fff;}

.container {
    width: 1024px;
    height: 605px;
    border-left:  1px solid #ccc;
    border-right:  1px solid #ccc;
}

.leftbox {
    width: 350px;
    height: 600px;
    float: left;
}

.leftroom {
    width: 350px;
    height: 600px;
    float: left;
}

.logobox {
    width: 350px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logobox img {
    width: 300px;
}


.midroom {display:none} 

.title2 {display:none}

.pix {display:none}

.pix img {display:none}


.rightbox {
    width: 650px;
    height: 600px;
    border-left: 1px solid #ccc;
    float: left;
}


.menuweb31{width:625px; min-height:135px;  margin-top:20px; margin_left:55px; float:left;}	
			
	.titlenav{width:567px; height:24px; margin-left:41px; border-bottom:1px solid #ccc; float:left;}
			
			.menu3 li{ width:100; height:100; float:left; list-style-type:none; margin-top:15px; margin-right:17px;}
			.menu3{position:relative; top:-5px; left:40px;}

.navigasi{width:1024px; height:19px; background:#035; border-top:1px solid #ccc; border-bottom:1px solid #999; float:left;}
		
.linebar{width:1024px; background:#09c; height:3px; float:left;}

.copyright{width:1024px; height:19px; font-size:14px; background:#222; color:grey; text-align:center; float:left; padding-top:5px;}

}