.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;}

.subhead1:after{display:table; clear:both; content:"";}
.subword {padding-left: 50px; font-weight: bold; font-size: 20px; line-height: 28px; color: #004b71;  text-align: left; padding-top: 5px; }
.numbers {background-color: #004b71; border: 1px solid #004b71;color: #ffffff; font-size: 20px; line-height: 40px; text-align: center; font-weight: bold; width: 40px; height: 40px; border-bottom-left-radius: 10px;  border-top-right-radius: 10px; float: left; } 
.borderd {border-bottom:  1px solid #004b71; margin-top: -1px; margin-bottom: 20px;  margin-left: 10px;}

.contact b {color: #004b71;}
.contact span {font-size: 140%;}
.contact a {color: #006bb6; text-decoration: underline;}

.offerTable{
border-collapse: separate;
border: 2px solid #004b71 ;
}
.offerTable td{
text-align: center;
vertical-align: middle; color: #004b71;
padding: 5px 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 ;}

.offerTable  .giftbox1 {width: 25px; height: auto; margin-right: 10px; margin-top: -10px; margin-left: -10px;}
.offerTable  .giftbox {width: 25px; height: auto; margin-right: 10px; margin-top: -10px;}

.dot1 {float: left; width: 15px; height: auto; margin-left: -18px; margin-top: -13px;}
.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;}
.mobile1 {display: none;}

.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: 0px; float: left; text-align: right; width: 15px;}

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


.dpoint ul {
margin-left: 20px;
}


.dpoint li:before {
content: '';
display: inline-block;
height: 10px;
width: 10px;
background-size: contain;
background-image: url("images/dot.svg");
margin-right: 10px;
margin-left: -20px;
}

.offer-area {display: flex; flex-wrap: wrap;}
.offer {width: 49.5%;}
.offerall {width: 100%;}
.offer:after{display:table; clear:both; content:"";}
.oicon {width: 75px; float: left;}
.oword {padding-left: 85px; width: 100%; padding-right: 10px;}
.oword b {font-size: 20px; color: #004b71;}
.oword a {color: #006bb6; text-decoration: underline;}
.borderright {border-right: 1px solid #727171;}
.pleft {padding-left: 20px;}
.gline {border-top: 1px solid #727171; margin-top: 20px; margin-bottom: 20px; width: 100%;}

.containerq {
    display: flex;
    align-items: center;
    justify-content: center; 
}

.line {border-top: 1px solid #e37525;}
.line:first-child img {width: 10px; float: right; margin-top: -6px;}
.line:last-child img {width: 10px; float: left; margin-top: -6px;}
.text {font-size: 24px; line-height: 32px; color: #e37525; white-space: nowrap; margin-top: -30px; text-align: center; margin-left: 5px; margin-right: 5px;}

.boxarea {border-left: 1px solid #e37525; border-right: 1px solid #e37525; border-bottom: 1px solid #e37525; width: 100%; margin-top: -34px }
.boxword {padding-top: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.boxword b {color: #004b71;}
.boxword a {color: #006bb6; text-decoration: underline;}
.mtop10 {padding-top: 10px;}
.offer-Remark a {color: #006bb6; text-decoration: underline;}

@media (max-width: 1023px){
.boxword {padding-top: 50px;}
.borderd {border-bottom:  0px solid #004b71; margin-top: -1px; margin-bottom: 20px;  margin-left: 10px;}	
}

@media (max-width: 683px){
.desktop {display: none;}
.mobile1 {display: block;}
.offer {width: 100%;}
.pleft {padding-left: 0px;}	
.borderright {border-right: 0px solid #727171;}	

.dot1 {float: left; width: 15px; height: auto; margin-left: -18px; margin-top: -31px;}
.dot2 {float: right; width: 15px; height: auto; margin-right: -18px; margin-top: -31px;}
.offerTable  .giftbox1 {width: 25px; height: auto; margin-right: 10px; margin-top: 0px; margin-left: 0px;}	
.offerTable  .giftbox {width: 25px; height: auto; margin-right: 10px; margin-top: 0px; }	
}

@media (max-width: 432px){
.mtop10 {padding-top: 0px;}	
.dot1 {float: left; width: 15px; height: auto; margin-left: -18px; margin-top: -13px;}
.dot2 {float: right; width: 15px; height: auto; margin-right: -18px; margin-top: -45px;}
}