html
{
font-size:62.5%;
}
body {
background-color: #e9ebf4;
position: relative;
height: 100%;
overflow-x: hidden;
display: block;
font-family: 'Open Sans', sans-serif, Verdana;
font-size: 1.4rem;
line-height: 1.7rem;
font-weight: 200;
color: #4A4A4A
}
.headmsg{
font-size: 1.2rem;
line-height: 1.5rem;
margin-bottom:30px;
}
/*input{
border-color: #d1d1d1;
border-width: 1px;
}*/
.navbar-inverses {
background-color: #fefeff;
height: 151px;
line-height: 17px;
text-size-adjust: 100%;
align-content: flex-start;
padding-left: 0;
padding-right: 0;
}
.nav-header {
height: 37px;
width: 100%;
border-bottom: 3px solid #102169;
}
.container {
/*padding: 9px;*/
align-content: center;
/*padding: 0 5% 0 5%;*/
}
.HeadDiv {
height: 151px;
background-color: white;
line-height: 17px;
text-size-adjust: 100%;
width: 100%
}
navbar-fixed-bottom {
flex-shrink: unset;
background-color: #3973b7;
height: 130px;
align-content: flex-start;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
width: 100%;
}
#sticky-footer {
background-color: #102185;
height: 130px;
width: 100%;
}
/*navbar-fixed-bottom {
background-color: #3973b7;
height:130px;
}*/
#footer {
bottom: 0;
width: 100%;
/*height: min-content;*/
background-color: #102169;
flex-shrink: 0;
align-content: flex-start;
padding: 20px 0 30px 0;
position:absolute;left:0;
}
#footfluid {
height: 100%;
margin: 0px 0px 1 0;
padding-top: 17px;
}
#logo {
height: 80px;
}
/*/*#logo-footer{
padding-left:30px;
height:100%;
}*/
#link_footer {
padding-top: 29px;
font-size: 14px;
color: white;
padding-left: 180px;
}
#footrow {
width: 100%;
height: 100%;
}
#toprow {
width: 100%;
height: 100%;
}
#image_footer {
padding-left: 50px;
padding-top: 20px;
}
/*kkk*/
.dropbtn {
background-color: white;
color: black;
padding: 16px;
font-size: 14px;
border: none;
cursor: pointer;
width: 147px;
height: 30px;
padding-top: 5px;
font-weight: 200;
}
.languageChoice {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
/*background-color: #f9f9f9;*/
width: 120px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
font-size: 14px;
width: 120px;
height: 30px;
}
.dropdown-content a:hover {
background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
display: block;
}
#rcorners {
border-radius: 10px;
background: white;
overflow: hidden;
min-height: 450px;
/*padding-left:3%;
padding-right:3%;*/
padding-bottom:20px;
margin-bottom:20px;
}
.overflow {
height: 700px;
overflow: scroll;
}
body {
display: flex;
flex-direction: column;
}
#body-content {
flex: 1 0 auto;
/*padding-left: 50px;
padding-right: 50px;*/
padding-top: 10px;
min-height:100%;
padding-bottom:151px;padding-top:170px;
width:100%;margin:auto;
/*padding-left:1rem;padding-right:1rem;*/
/* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}
.flag-icon{
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333em;
line-height: 1em;
margin-top:8px;
}
.flagmargin{
margin-left:20px;
}
#fa_down{
margin-right:10px;
}
.flag-icon-background {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
margin-top:8px;
}
.flag-icon:before {
content: "\00a0";
}
.flag-icon.flag-icon-squared {
width: 1em;
}
.flag-icon-us {
background-image: url('images/us.svg');
}
.flag-icon-hk {
background-image: url('images/hk.svg');
}
.dropbtn {
pointer-events: none;
text-decoration: none;
}
.langHead
{
margin-top:6px;
min-width:125px;
}
.langConent {
font-size: 16px;
width: 125px;
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
min-height: 60px;
position:absolute;top:30px
}
.langHeader
{
margin-bottom:13px;
}
.langLi{
padding: .65rem !important;
cursor:pointer;
}
.liactive{
background-color:#000066;
color:white;
}
.dropdown-menu li:hover{
background-color:#d3f8f7;
}
.dropdown-menu li.liactive:hover{
background-color:#000066;
color:white;
}
.dropdown-menu li a:hover{
text-decoration:none;
}
.dropdown-menu li a:visited{
color:navy !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
input::placeholder {
color: #4a4a4a71 !important;
font-weight:600;
opacity: 1 !important;
}
input:-ms-input-placeholder {
color: #4a4a4a71 !important;
font-weight:600;
}
input::-ms-input-placeholder {
color: #4a4a4a71 !important;
font-weight:600;
}
#logfluid {
/*padding-left: 50px;*/
padding-top: 20px;
}
.maincontainer{
padding-top:50px;
padding-bottom:50px;
padding-left:5%;
padding-right:5%;
}
.fa-laptop {
color: #4F90C8;
text-shadow: 1px 1px 1px #ccc;
font-size: 2em;
}
i.fa-laptop {
display: inline-block;
border-radius: 50%;
padding: 0.8em 0.8em;
border:2px solid #4F90C8;
box-shadow: 1px -1px rgba(0,0,0,0.1);
-moz-box-shadow: 1px -1px rgba(0,0,0,0.1);
-webkit-box-shadow: 1px -1px rgba(0,0,0,0.1);
-o-box-shadow: 1px -1px rgba(0,0,0,0.1);
}
.fntcolour{
color:#4F90C8;
}
.separator{
margin-top:20px;
}
.flMandatory
{
font-size: 6px;
color: rgba(74,74,74,.5);
font-weight: 600;
position: relative;
top: -5px;
left:2px;
}
.zcardButton,.zcardResetBtn {
background:#4F90C8;
color:#ffffff;
font-size:1.3rem;
margin-top:20px;
float:right;
min-height:25px;
/*min-width:150px;*/
line-height:2rem;
}
.zcardButton,.zcardResetBtn :hover {
color: white;
}
.zcardButton,.zcardResetBtn :active:focus {
color:#ffffff;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
h1{
font-size:16px;
}
.smalltop{
margin-top:30px;
}
#rcorners {
margin-bottom: 80px;
}
}
.policyno,.insuredname{
font-size: 1.2em !important;
}