::-webkit-scrollbar{
    width: 12px;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow   : inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius        : 10px;
}
::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius        : 10px;
    background           : rgba(63,63,63,0.8);
    -webkit-box-shadow   : inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive{
  background: rgba(63,63,63,0.4);
}


/* Shared */
.bg-img{
    background-image     : url(../images/bg_img.jpg);
    background-repeat    : no-repeat;
    background-position  : 50% 50%;
    background-size      : cover;
    background-attachment: fixed;
}
.sec-bg{
    background    : rgba(0, 0, 0, 0.7);
    padding-bottom: 3px;
}
@media screen and (max-width:900px){
    .dont-show-in-small{display: none;}
}
@media screen and (min-width:900px){
    .dont-show-in-large{display: none;}
}
.coloredTextY{
    color: #FFD700;
}
.img-box{
    width: 100%;
}


/* Home */
.main-photo{
    width   : 100%; 
    height  : auto;
    position: relative;
}
.main-photo div{
    width : 100%;
    height: auto;
}
.main-photo img{
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%,-50%);
    padding  : 0;
    margin   : 0;
}
.topAnnounce{
    text-align    : center;
    font-weight   : bold;
    font-size     : 1.3rem;
    background    : rgba(0, 0, 0, 0.7);
    padding-bottom: 3px;
    border-style  : solid;
    border-color  : #FFD700;
    border-width  : 1px 20px;
}
a.sponsor-logo-link{
    margin-left: 20px;
}
a.sponsor-logo-link:hover{
    opacity: 1.0;
}
.sponsor-logo-aspire{
    width : 300px;
    border: solid 8px #fff;
}
.sponsor-logo-tel{
    width : 300px;
    filter: contrast(200%);
}


/* Program */
ol.progList{
    margin-left: 80px;
}
.receptionCont{
    margin-left: 80px;
}
@media screen and (max-width:900px){
    ol.progList{
        margin-left: 40px;
    }
    .receptionCont{
        margin-left: 40px;
    }
}
ol.progList li{
    margin-top   : 13px;
    margin-bottom: 13px;
}
.notNumed{
    display: block;
}


/* Venue */
.google-map{
    width        : 80%;
    aspect-ratio : 16/9;
    margin       : auto;
    display      : block;
    border       : 0;
    margin-bottom: 40px;
}
.img-building-outfit{
    display: block;
    width  : 80%;
    margin : 0 auto;
}
.img-MediaHall{
    display: block;
    width  : 492px;
    /*height : 526px;*/
    margin : 0 auto;
}