.font16 {font-size:16px !important; line-height:160%; color: #333333;}
.font20 {font-size:20px; line-height:160%;}
.font12 {font-size:12px; line-height:140%; color: #333333;}
.font25 {font-size:25px; line-height:130%;}
.font18 {font-size:18px; line-height:130%;}
.font14 {font-size:14px; line-height:120%; color: #333333;}

.riskbox {border: 1px solid #000; padding: 10px; line-height:150%; font-size:12px; margin-bottom: 20px; color: #333333;}
.riskbox ul {display: inline-block; font-size:12px; list-style-type: disc; margin-left: 20px; color: #333333;}
.headline {font-size: 24px; line-height: 32px; color: #004b71;  margin-bottom: 20px; text-align: center;}
.subhead {font-size: 24px; line-height: 32px; color: #e37525; margin-bottom: 20px; text-align: center;}
.subhead span {font-size: 30px;}

.subhead01 {color: #e37525; margin-bottom: 10px;}

.dot { width: 15px; float: left;}
.dot img {margin-top: 5px;}
.dotword {padding-left: 25px;}

.contact b {color: #004b71;}
.contact span {font-size: 140%;}
.offerTable{
border-collapse: separate;
border: 2px solid #004b71 ;
}
.offerTable td{
text-align: center;
vertical-align: middle; color: #004b71;
padding: 10px !important;
}

.offerTable .head{
background-color: #eaf6fd;
color: #000;
font-weight: bold;
}

.offerTable .bleft {border-left: 1px solid #004b71 ;}
.offerTable .bbottom {border-bottom: 1px solid #004b71 ;}
.offerTable .bright {border-right: 1px solid #004b71 ;}

.dot1 {float: left; width: 15px; height: auto; margin-left: -18px; margin-top: -18px;}
.dot2 {float: right; width: 15px; height: auto; margin-right: -18px; margin-top: -20px;}
.tncnew {font-size:12px; line-height: 20px;}
.tncnew ol {display: inline-block; font-size:12px; line-height: 20px; list-style-type: decimal; margin-left: 20px; color: #333333;}

.tnc-Table {
 margin:6px 0;
 border:1px solid #999999;
 text-align:center;
 border-collapse:collapse;
}
.tnc-Table td {
 padding:5px;
 border:1px solid #999999;
 vertical-align: middle;
 text-align: center; 
}
.tnc-Table .head {
 background-color:#666666;
 color:#FFFFFF;
}


.bgcolor {background:url("images/bg.jpg"); background-position: no-repeat center fixed; background-size: cover; padding: 35px 0 ; margin-top: -40px }

.desktop {display: block;}
.mobile {display: none;}

#shareContent{margin-top: 20px; border-top: 0px solid #666; padding-top: 0px;}


.tncstyle ol li {padding-left: 18px;}
.tncstyle ol li .number {margin-left: -30px; float: left; text-align: right; width: 15px;}

.instncstyle ol li {padding-left: 5px;}
.instncstyle ol li .number {margin-left: 5px; float: left; text-align: right; width: 15px;}


@media (max-width: 683px){
.desktop {display: none;}
.mobile {display: block;}	
.dot2 {float: right; width: 15px; height: auto; margin-right: -18px; margin-top: -31px;}
}

@media (max-width: 570px){
.dot1 {float: left; width: 15px; height: auto; margin-left: -18px; margin-top: -27px;}
.dot2 {float: right; width: 15px; height: auto; margin-right: -18px; margin-top: -45px;}
}

.btn-area {text-align: center;}
.sbtn a {width: 340px; border:1px solid #004b71; padding: 4px; margin: 0 auto; }
.iinsbox {background-color: #004b71; padding: 10px; text-align: center; color: #fff; width: 100%;}
.iinsbox:hover {background-color: #006bb6;}