@charset "utf-8";
/* CSS Document */

.box-scr{
padding:0px;
border:0px dashed #FF0000;	
margin-bottom:30px;
}


.sub-box{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:-150px;
padding:50px 30px 30px 30px;


background:rgba(255,255,255,1.0);
position:relative;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
behavior: url(PIE.htc);

border:0px dashed #FF0000;


}



.box-isi{
text-align: center;
line-height:25px;
border:0px dashed #FF0000;
}



.sub-box-mg{
width:100%;
margin-left:auto;
margin-right:auto;
border:0px dashed #FF0000;
position:relative;
}

.sub-box-mg2{
width:100%;
margin-left:auto;
margin-right:auto;
border:0px dashed #FF0000;
position:relative;
}




.micro_kon{
width:100%;
margin-left:auto;
margin-right:auto;
border:0px dashed #FF0000;
position:relative;
}


.micro_box{
width:100%;
margin-left:auto;
margin-right:auto;
border-top: 1px solid #0099CC;
border-bottom: 1px solid #0099CC;
border-left:1px solid #0099CC;
border-right:1px solid #0099CC;
position:relative;
padding:10px 10px ;
}








.icon-art{
border:0px dashed #FF0000;
text-align:center;
}

.sam-ac{
	padding:10px 10px 10px 10px ;
	background:rgba(0,187,235,1);
	-webkit-border-radius:0px 5px 5px 0px ;
    -moz-border-radius:0px 5px 5px 0px ;
    border-radius:0px 5px 5px 0px ;
    behavior: url(PIE.htc);
}

.fron-con-img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(1,66,99,0.3);
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-content:center;
align-items:center;
transition:background 500ms ease;
cursor:pointer;
}
.fron-con-img:hover{background:rgba(1,75,106,0);}




.containerX{
border:0px dashed #FF0000;	
position:relative;
}




.slid{width:100%;
height:100%;}



.box_slider{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height:40%;
top:105px;

}


.box_serv{
position:relative;
z-index:1;
margin-top:0px;
height:150px;
padding:0px 0px 0px 0px;
border:0px dashed  #0000FF;

}

.box_serv_loop{
position:relative;

z-index:1;
padding:0px 0px 0px 0px;
border:0px dashed  #0000FF;

}



.box_serv_add{
position:relative;
z-index:1;
margin-top:50px;
margin-bottom:0px;
padding:0px 0px 0px 0px;
border:0px dashed  #0000FF;

}

.box_serv_proses{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height:100%;
}



.sub_Aaa, .sub_Aab, .sub_Aac{
border:0px dashed #FF0000;
margin-bottom:40px;
position:relative;

}







.lsup_left{
float:left;
padding:0;
border:0px #FFFFFF dashed;
margin-top:35px;
}


.lsup_right{
float: left;
text-align:center;
padding:15px;
border:0px #FFFFFF solid;
margin-top:20px;
margin-left:30px;
}
