body{
    background-color: #f3f3f3;
    color: #333;
    font-family: sans-serif;
    width:100%;
    margin: 0 auto;
}
.header{
    width:90%;
    margin:auto;
    height:120px;
    line-height:120px;
    background: #a1022d;
    color:#fff;
    text-align: center;
}
.content{
    width:90%;
    height: 420px;
    margin:auto;
    background:#fff;
    padding:0.1px;
    color:#333;
}



.kiri{
    width : 70% ;
    float : left ;
    margin : auto ;
    background : #fff ;
    height : 420px ;
}
.kanan{
width : 30% ;
float : left ;
margin : auto ;
background : #fff ;
height : 420px ;
}
.border {
    border : 2px solid #ea3939;
    margin-top : 1pc ;
    padding-bottom : 1pc ;
    padding-left : 2pc ;
    padding-right : 2pc ;
}
.undecor{
text-decoration :none ;
}
.footer {
    width : 90% ;
    margin : auto ;
    height : 40px ;
    line-height: 40px ;
    background : #be073a ;
    color : #fff ;
}
.menu {
    background-color: #be073a;
    width : 90% ;
    height : 50px ;
    position : relative;
    color : #fff ;
    line-height : 50px ;
    margin : 0 auto;
    padding: 0 auto;
}
.jarak{
    padding: 0 2pc;
}
.menu ul{
    list-style-type: none;
}
.menu ul li a{
    float:left;
    width: 70px;
    display: block;
    text-align: center;
    color : #fff;
    text-decoration: none;

}
.menu ul li a:hover{
    background-color : #e0134a;
    display : block ;
}