body {
    font-size: 14px;
    line-height: 1.5;
    color: #253b56;
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    background-color: #1d96d7;
    background: transparent;
}

.container {
    max-width: 940px;
    background: transparent;
}

.background-blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAKuCAYAAABgwHabAAADZ0lEQVRIS83QZ08UURQG4NzfgaggKggSu9iCsaJYI2qkGLE3BIOKJbFEFBGjRkOv0kHq0kGaAtIEgkgHe++/YHzvYcc7M9ldAfnAlyenz91lxYO/JUYUDfxSUtj/U2J5/T+U6PhILm/o+kBOH7pEFiezF7WMHkSC9J7vEiPSur8h6sZIaifSlC4VybxGJL3AXMJf4ju+SoyI60BDQ/RzNIio9i8cjBAR7agJwto+SyysDTVlhDSkFWvBLegGtyC93ypzrwUNwd1nSO80Y05wu+mTxIhbzSCo6aNMI+aCODcb0AhsBDca0A2sV0E1IqD+g8Su12OOCKDoKRrENY5/HUb869DQQym4Wovulbp/crkWwxou8QPExRpTXKh5LzHi/JN3SpQ1HDj3GCPE2WrM+Q2BBnGmCg2/SkCRIU5Xo3GqCmuEb+VbZXqSp4RvBeYIURORT8UbiflU4ABxogIb3pWIvMt5VC7XvB4hVVCGNS/O8SEwp0euHSvFxuFSpEfK5IjSoyUyh0pe60coIg4a40DxK4npwYH9RRjWsK9YVdtbhA3Cs/ClMqLUswDDGvbkY3h3ARARpR6FnHyseeRjzZ3vuhcgdcsfVIM5N36FcM2jETmilNilw5qrDo2dOqSCHblomGY733XJHZDYtmxEhEsOrmzNQWSULdnYMMTmLKwZYhNvGGJjJk4RGzL69ThnItKDNedMzkMakdP1GUg1OPHaunSZtXzDKQ2nKBKsSUdtGKxO65PYqnROGg6sTMUaRSKlmoYVKdigGkXE8lQVjim9EjMM1hxTjLCMn9KShFNUW5qMyChLknokpiURa4uTVCxKxBWjLORfE12HBBx1SMABwQJ1Oj8eG4aY9wC7RrvUoBGjzOHduXyOoqE0To5mx3VLbJTMiu2SmCHseUMJvmYfS2galMrdmTF4yxhiG4PzhF20AF+ziwa2JpkRhbeMEptIfM001lEYUYIHWUcRoiFqcmQTiWh6JJ6mpJOnhKahSqfyLmF6jrpiWERWEXgaMU2NaIxoRLM2JRyXCUt+nrCKwFtEY0SRuGIRjj+HGO4ByzB8l7AIHwsmh+HHjDUT+VEN4huTQvF7/wdzfkAP/gPzUELUTEdGh+VTE0Lw+vGJWTB+2zh5Gr3FLBj/mhKqGWpo5oaV/gGNQYq8UD/CuwAAAABJRU5ErkJggg==) top center repeat-x;
    background-color: #1d96d7;
}

.hkdl-logo {
    background-image: url(../img/hkdl_en.png);
    background-size: cover;
    height: 36px;
    width: 145px;
}

.navbar-shadow {
    background-color: #FFF;
    -webkit-box-shadow: 0 0 5px 2px rgba(170, 170, 170, 1);
    -moz-box-shadow: 0 0 5px 2px rgba(170, 170, 170, 1);
    box-shadow: 0 0 5px 2px rgba(170, 170, 170, 1);
}

.background-main-stars {
    min-height: 100%;
    top: 0;
    background: url(../img/background-main-stars.png) top center repeat-x;
}

.background-glow-container {
    width: 100%;
    position: relative;
    margin: auto;
    max-width: 940px;
}

.background-glow {
    width: 100%;
    height: 800px;
    position: absolute;
    top: -380px;
    z-index: -1;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.5) 50%, rgba(71, 218, 255, 0) 70%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.95)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(71, 218, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.5) 50%, rgba(71, 218, 255, 0) 70%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.5) 50%, rgba(71, 218, 255, 0) 70%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.5) 50%, rgba(71, 218, 255, 0) 70%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0.5) 50%, rgba(71, 218, 255, 0) 70%);
}

h1.title {
    color: #0470ab;
    text-shadow: none;
    padding: 0;
    margin: 0;
    font-size: 36px;
    line-height: 70px;
    font-weight: 200;
    display: inline-block;
}

.standard-content-container {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background-color: #FFF;
    zoom: 1;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word;
}

.top-divider {
    border-top: 1px solid rgba(161, 175, 192, .3);
}

.footer {
    font-size: 12px;
    text-align: center;
    padding: 20px 0;
}

.footer a {
    color: #253b56;
}

.horizontal-separator {
    clear: both;
    display: block;
    height: 1px;
    width: 100%;
    background: -moz-linear-gradient(left, rgba(201, 201, 201, 0) 0, rgba(201, 201, 201, 1) 19%, rgba(201, 201, 201, 1) 50%, rgba(201, 201, 201, 1) 79%, rgba(201, 201, 201, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(201, 201, 201, 0)), color-stop(19%, rgba(201, 201, 201, 1)), color-stop(50%, rgba(201, 201, 201, 1)), color-stop(79%, rgba(201, 201, 201, 1)), color-stop(100%, rgba(201, 201, 201, 0)));
    background: -webkit-linear-gradient(left, rgba(201, 201, 201, 0) 0, rgba(201, 201, 201, 1) 19%, rgba(201, 201, 201, 1) 50%, rgba(201, 201, 201, 1) 79%, rgba(201, 201, 201, 0) 100%);
    background: -o-linear-gradient(left, rgba(201, 201, 201, 0) 0, rgba(201, 201, 201, 1) 19%, rgba(201, 201, 201, 1) 50%, rgba(201, 201, 201, 1) 79%, rgba(201, 201, 201, 0) 100%);
    background: -ms-linear-gradient(left, rgba(201, 201, 201, 0) 0, rgba(201, 201, 201, 1) 19%, rgba(201, 201, 201, 1) 50%, rgba(201, 201, 201, 1) 79%, rgba(201, 201, 201, 0) 100%);
    background: linear-gradient(left, rgba(201, 201, 201, 0) 0, rgba(201, 201, 201, 1) 19%, rgba(201, 201, 201, 1) 50%, rgba(201, 201, 201, 1) 79%, rgba(201, 201, 201, 0) 100%);
    margin-bottom: 20px;
}

.pillBase {
    height: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    position: relative;
    text-align: center;
    transition: background 0.17s linear 0s;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    min-width: 100px;
    padding: 0 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35);
}

a.pillLink:link {
    color: #1994d7;
    text-decoration: none;
}

a.pillLink:link,
a.pillLink:visited,
a.pillLink:hover,
a.pillLink:focus {
    color: #1994d7;
}

a.pillLink,
a.pillLink:link,
a.pillLink:visited {
    text-decoration: none;
}

.pillLink .secondary:hover,
.pillLink .secondary:focus,
.pillLink .secondary:hover,
.pillLink .secondary:focus {
    background-color: #eef6fa;
    color: #1994d7;
}

.pillLink .gradient,
.pillLink .gradient {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.56)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+*/
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+*/
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0) 100%);
    /* IE10+*/
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-8*/
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0 20px;
    top: 1px;
}

.pillLink .secondary {
    background: -moz-linear-gradient(top, #fff 0%, #eef6fa 100%);
    /* FF3.6+*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eef6fa));
    /* Chrome,Safari4+*/
    background: -webkit-linear-gradient(to bottom, #fff 0%, #eef6fa 100%);
    /* Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(to bottom, #fff 0%, #eef6fa 100%);
    /* Opera 11.10+*/
    background: -ms-linear-gradient(to bottom, #fff 0%, #eef6fa 100%);
    /* IE10+*/
    background: linear-gradient(to bottom, #fff 0%, #eef6fa 100%);
    /* W3C*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eef6fa', GradientType=0);
}

.pillBase .gradient,
.pillBase .buttonText,
.pillBase .gradient,
.pillBase .buttonText {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    height: 17px;
    min-width: 60px;
    position: relative;
    white-space: nowrap;
    width: auto;
}

.pillBase.secondary .buttonText {
    color: #65778a;
    text-shadow: none;
}

.pillLink:focus .secondary .buttonText,
.pillBase.secondary:focus .buttonText,
.pillBase.secondary:hover .buttonText {
    color: #1994d7;
}

.modal-content-rounded {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}