*[class^="icon-"], *[class*=" icon-"]::before {
    background-size: contain;
    content: "";
    display: inline-block;
    clear: both;
    height: 2rem;
    width: 2rem;
    margin-left: 16px;
    margin-right: 16px;
    vertical-align: -50%;
}
.icon-book::before {    
    background-image: url('./img/icons/book.png');
}
.icon-home::before {    
    background-image: url('./img/icons/home.png');
}
.icon-location::before {    
    background-image: url('./img/icons/location.png');
}
.icon-people::before {    
    background-image: url('./img/icons/people.png');
}
.icon-program::before {    
    background-image: url('./img/icons/program.png');
}
.icon-regis::before {    
    background-image: url('./img/icons/regis.png');
}
.icon-speaker::before {    
    background-image: url('./img/icons/speaker.png');
}

button.btn-std-size {
    width: 12rem
}

div.jumbotron-base {
    height: 220px;
    background: url(./img/quantum.jpg);
    background-position: center;
    background-size: cover;
} 
div.jumbotron-index{
    background: url(./img/hong-kong-view.jpg);
    background-position: center;
    background-size: cover;
} 
div.jumbotron-index hr{
    border-top:3px solid #CCCCCC
}

* {
    font-family: helvetica;
    font-size: 16px;
}

/* Add ul decoration & li hover style  */
.text_ul{
    list-style-type: square;
}
.text_ul li:hover{
    background-color:rgb(243, 241, 241); 
}

.body {
    font-family: helvetica;
}

.font-style1{
    font-family:helvetica;
    font-size: 20px;
    padding:10px 20px 10px;
}