/* Minification failed. Returning unminified contents.
(55,1): run-time error CSS1019: Unexpected token, found '@import'
(55,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500italic,500,700,700italic)'
(779,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(792,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(805,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(818,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(844,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(857,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(870,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	outline: 0;
	border:0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {-moz-outline-style: none;outline-style: none} /* For Firefox */


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*target Chrome*/
* { -webkit-text-size-adjust: none; }
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500italic,500,700,700italic);

/***GENERAL************/
.fL {
float: left !important;
}
.fR {
float: right !important;
}
.clear {
clear: both;
}
.clearL {
clear: left;
}
.clearR {
clear: right;
}
.clearFix {
zoom: 1;
}
.clearFix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
line-height: 0;
content: "";
}

/* Main Setting
***********************/
/* Updated by Chris
* 
{ font-family:"Roboto", "微軟正黑體",  Arial, Verdana, Geneva, sans-serif; font-weight:300;}*/

::selection {
background: #00baf2; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #00baf2; /* Gecko Browsers */
}

html, body 
{ background: #fff;}



body
{ font-size:75%; }
/* Updated by Chris
body.smallerFonts
{ font-size:70%; }
body.largerFonts
{ font-size:80%; }*/

a
{ text-decoration:none;}
#wrapper 
{ width:100%;}
#main 
{ /*padding-top:136px;*/ width:100%; /*position: relative;*/ margin: 0px auto; min-width: 950px !important;}
/* Common Setting
***********************/
.desktopVisible
{ display:block;}
.mobileVisible
{ display:none;}

.inputField
{ border:1px solid #fff; padding:7px;}
.btnCmn
{ }
.btnCmn a
{ display:block; background:#004c8d; color:#fff; text-align:center; text-transform:uppercase; line-height:1.2;}


.btnTop
{ position:fixed; bottom:50px; right:5%; z-index:450;}
.btnTop img
{ width:30px; height:auto;}

/* Header Setting
***********************/
/* Updated by Chris
.header
{ position:fixed; top:0px; left:0px; width:100%; height:135px; z-index:999; border-bottom:1px solid #b2b2b2; background:#fff;}
.header .innerArea
{ position: relative; width:96%; padding:25px 2%; margin: 0px auto; }
*/
.header
{ position:absolute; top:0px; left:0px; width:100%; height:135px; z-index:999; border-bottom:1px solid #b2b2b2; background:#fff;}
.header .innerArea
{  width:99%; padding:25px 0%; margin: 0px auto; }
.importantNotesArea .lCol img
{vertical-align: baseline !important;}
/* --------------------- */

.header .innerArea .lCol
{ float:left; }
.header .innerArea .lCol h1,
.header .innerArea .lCol h2
{ float:left; }
.header .innerArea .lCol h1
{ margin-right:0px;}

.header .innerArea .rCol
{ padding-top:30px;}
.header .innerArea .rCol li
{ float:right; margin-left:1.5%;}
.header .innerArea .rCol li a
{ color:#3e3e3e; font-size:1.4em; line-height:1.2; height:100%; height:24px; display:table-cell; vertical-align:middle;}
.header .innerArea .rCol li a:hover
{ color:#00b0ea;}

/* Updated by Chris
.header .innerArea .rCol li .submenuArea
{ position:absolute; top:135px; left:0px; width:100%; background:#fff; z-index:150; border-top:1px solid #eee;}
*/
.header .innerArea .rCol li .submenuArea
{ position:absolute; top:202px; left:0px; width:100%; background:#fff; z-index:150; border-top:1px solid #eee;}
/* --------------------- */

.header .innerArea .rCol li .submenuArea .submenuInnerArea
{ width:1100px; margin:0px auto; padding:10px 0px;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .menuCol
{ float:left; width:30%; padding:30px 1.5%;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .menuCol li
{ float:none; padding-bottom:5px;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .menuCol li a
{ color:#3e3e3e; font-size:1.2em; line-height:1.2; text-align:left;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .menuCol li a:hover
{ color:#00b0ea;}

.header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol
{ float:left; width:30%; padding:0px 1.5%; border-left:1px solid #eee; border-right:1px solid #eee;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol td
{ padding:15px 0px; vertical-align:middle;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol td h1
{ color:#3e3e3e; font-size:2.4em; line-height:1.2; margin-bottom:0px;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol td a
{ color:#3e3e3e; font-size:1.2em; line-height:1.2; text-align:left;}

.header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol
{ float:left; width:30%; padding:0px 1.5%;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol td
{ padding:15px 0px; vertical-align:middle; text-align:center;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol td img
{ display:block; width:90%; height:auto; margin:0px auto;}

.header .innerArea .mobileNavBtn
{ display:none;}
.header .innerArea .mobileNavLogout
{ display:none;}
.header .innerArea .mobileNavArea
{ display:none;}


/* Top Nav Setting
***********************/
/* Updated by Chris
.topNav
{ position:fixed; top:136px; left:0px; width:100%; z-index:99; width:100%; background:#ebebeb;}
*/
.topNav
{ position:relative; top:136px; left:0px; width:100%; z-index:99; width:100%; background:#ebebeb;}
/* --------------------- */

.topNav a
{ font-size:16px;}
.topNav .btnLang
{ float:right;}
.topNav .btnLang a
{ display:block; padding:5px 15px; background:#3a3a3a; color:#fcb040; text-transform:uppercase;}

.topNav .btnAgent
{ float:right; border-right:1px solid #d89836;}
.topNav .btnAgent a
{ display:block; padding:5px 10px; background:#fcb040; color:#fff; text-transform:uppercase;}

.topNav .btnShare
{ float:right;}
.topNav .btnShare a
{ display:block; padding:4px 15px; color:#fff; text-transform:uppercase;}

.topNav .btnFontSize
{ float:right;}
.topNav .btnFontSize td
{ vertical-align:bottom;}
.topNav .btnFontSize .fontsLarger a
{ display:block; padding:3px 5px; font-size:20px; color:#3e3e3e; text-transform:uppercase;}
.topNav .btnFontSize .fontsNormal a
{ display:block; padding:3px 5px; font-size:16px; color:#3e3e3e; text-transform:uppercase;}
.topNav .btnFontSize .fontsSmaller a
{ display:block; padding:3px 5px; font-size:12px; color:#3e3e3e; text-transform:uppercase;}

/* breadcrumb Setting
***********************/
.breadcrumbArea
{}
.breadcrumbArea .innerArea
{ padding:10px 0px; width:950px; margin:0px auto; font-size:12px; line-height:1.2; color:#3a3a3a;}
.breadcrumbArea .innerArea a
{ color:#009df2;}


/* Important Notes Setting
***********************/
/* Updated by Chris
.importantNotesArea
{ position:fixed; top:0px; width:100%; background:#ffe4bb; z-index:1000; overflow:hidden;}
*/
.importantNotesArea
{ position:absolute; top:0px; width:100%; background:#ffe4bb; z-index:1000; overflow:hidden;}
/* --------------------- */

.importantNotesArea .notesInnerArea
{ background:#fcb040;}
.importantNotesArea .lCol
{ width:13%; background:#fcb040; font-size:3.3333em; color:#fff; padding:10px 2.5%; line-height:1.2; text-align:right; vertical-align:middle;}
.importantNotesArea .rCol
{ position:relative; width:40%; background:#ffe4bb; font-size:1.1667em; color:#6d4100; padding:10px 7.5% 10px 2.5%; line-height:1.2; text-align:left; vertical-align:middle;}
.importantNotesArea .rCol h1
{ color:#fcb040; font-size:1.3333em; line-height:1.2; display:none;}
.importantNotesArea .btnClose
{ position:absolute; right:3%; top:50%; margin-top:-17px; padding:5px;}

/* Footer Setting
***********************/
.footer
{ width:100%; background:#f7f7f7; border-top:1px solid #d2d2d2;}
.footerInnerArea
{ width:1200px; margin:0px auto;}
.footerInnerArea li
{ float:left; padding:45px 30px 30px 30px; background:#f7f7f7; border-right:1px solid #d2d2d2;}
.footerInnerArea li.col01
{ width:229px;}
.footerInnerArea li.col02
{ width:249px;}
.footerInnerArea li.col03
{ width:249px;}
.footerInnerArea li.col04
{ width:229px; border-right:none;}

.footerInnerArea .icoRow
{ margin-bottom:20px;}
.footerInnerArea .icoRow .icoCol
{ float:left; width:50px;}
.footerInnerArea .icoRow .txtCol
{ float:right; width:175px;}
.footerInnerArea .icoRow .btnCta
{ }
.footerInnerArea .icoRow .btnCta a
{ background:#58585a; font-size:1.1667em; color:#fff; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.footerInnerArea .icoRow .btnCta img
{ position:relative; margin-left:5px; top:3px; width:16px; height:auto;}
.footerInnerArea .btnSocial
{ margin-bottom:10px;}

.footerInnerArea li h1
{ color:#ff9800; font-size:2.08333em; line-height:1.2; margin-bottom:15px; padding-top:7px;}
.footerInnerArea li p
{ color:#3a3a3a; font-size:1.25em; line-height:1.2; margin-bottom:5px;}
.footerInnerArea li p a
{ color:#3a3a3a;}
.footerInnerArea li p a:hover
{ color:#00b0ea;}
.footerInnerArea li dl
{ margin-bottom:15px;}
.footerInnerArea li dd
{ margin-bottom:5px;}
.footerInnerArea li dd a
{ color:#3a3a3a; font-size:1.25em; line-height:1.2;}
.footerInnerArea li dd a:hover
{ color:#00b0ea;}

.mobileMidFooterArea
{ display:none;}

.copyrightFooter
{ width:100%; background:#000;}
.copyrightFooter .copyrightInnerArea
{ width:1200px; margin:0px auto; padding:10px 0px;}
.copyrightFooter .copyrightInnerArea p
{ color:#fcb040; font-size:1.16667em; line-height:1.2;}

.desktopVisible
{ display:block;}
.mobileVisible
{ display:none;}




/* Added by Chris */
/* ToolTip classses */ 

.tooltip .tooltiptext {
    margin-left:9px;
    /*width : 320px;*/
    visibility: hidden;
    background-color: #FFF;
    border-radius:4px;
    border: 1px solid #aeaeae;
    position: absolute;
    z-index: 1;
    padding: 5px;
    /*margin-top : -15px;*/ /* according to application */ 
    opacity: 0;
    transition: opacity 1s;
}

/* ---------- Not use ------------ 
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 5%;
    right: 100%;  To the left of the tooltip 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #aeaeae transparent transparent;
}

.tooltip {
	display: inline-block;    
}
---------- Not use ------------ */

.tooltip:hover .tooltiptext  {
    visibility: visible;
    opacity: 1;
}

.mandatory::after { 
    content: " *";
    color: red;
}
/* Added by Chris */

@charset "utf-8";

/*Front Page Setting Start
***********************/
.frontBannerArea
{ background:#f8f8f8;}
.frontBannerArea .bannerSlider
{ width:100%; height:540px;}
.frontBannerArea .bannerSlider li
{ display:block; width:100%; height:540px;}
.frontBannerArea .bannerSlider li img
{ display:none;}
.frontBannerArea .bannerSlider a
{ display:block; width:100%; height:540px;}
.frontBannerArea .bannerSlider .banner01
{ background:url(/images/common/img-banner-02.jpg) no-repeat top center;}


/* Insurance Selection Setting
***********************/
.insuranceSelectionArea
{ padding:80px 0px 80px 0px;}
.insuranceSelectionArea h1
{ font-size:3.3333em; color:#0061b3; padding-bottom:60px; line-height:1.2; text-align:center; font-weight:bold;}
.insuranceSelectionArea h1 span
{ letter-spacing:-.5em; font-weight:bold;}
.insuranceSelectionArea .insuranceInnerArea
{ width:1200px; margin:0px auto;}
.insuranceSelectionArea li
{ float:left; width:16.6667%; text-align:center;}
.insuranceSelectionArea li img
{ display:block; margin:0px auto; margin-bottom:15px;}
.insuranceSelectionArea li p
{ font-size:2.08333em; color:#3a3a3a; text-align:center;}


.promotionArea
{ position:relative; }
.promotionArea .mobileSection
{ display:none;}
.promotionArea .promotionInnerArea
{ position:relative; width:1170px; margin:0px auto; padding:96px 0px;}
.promotionArea .promotionInnerArea h1
{ font-size:3.3333em; color:#fff; padding:15px 20px 0px 20px; line-height:1.2; text-align:left; font-weight:bold; margin-bottom:10px;}
.promotionArea .promotionInnerArea h1 span
{ letter-spacing:-.5em; font-weight:bold;}
.promotionArea .promotionInnerArea h1 span.speChar
{ margin-left:-22px; letter-spacing:0;}
.promotionArea .promotionInnerArea p
{ width:40%; font-size:1.1667em; color:#fff; padding:0px 20px; line-height:1.2; text-align:left; margin-bottom:20px;}
.promotionArea .promotionInnerArea .btnCta
{ margin-left:20px;}
.promotionArea .promotionInnerArea .btnCta a
{ background:#fff; font-size:1.1667em; color:#3a3a3a; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.promotionArea .promotionInnerArea .btnCta img
{ position:relative; margin-left:5px; top:3px; width:16px !important; height:auto;}
.promotionArea .promotionInnerArea .topRow
{ margin-bottom:30px;}
.promotionArea .promotionInnerArea .topRow .lCol
{ float:left; width:570px; height:310px; overflow:hidden;}
.promotionArea .promotionInnerArea .topRow .rCol
{ float:right; width:570px; height:310px; overflow:hidden;}

.promotionArea .promotionInnerArea .btmRow
{}
.promotionArea .promotionInnerArea .btmRow .lCol
{ float:left; width:570px; height:300px;}

.promotionArea .promotionInnerArea .btmRow .lCol h1,
.promotionArea .promotionInnerArea .btmRow .rCol h1
{ color:#0061b3; }
.promotionArea .promotionInnerArea .btmRow .lCol p,
.promotionArea .promotionInnerArea .btmRow .rCol p
{ color:#3a3a3a;}

.promotionArea .promotionInnerArea .btmRow .rCol
{ float:right; width:570px; height:300px;}
.promotionArea .promotionInnerArea .btmRow .rCol p
{ width:85%;}

.promotionArea .promotionInnerArea .btmRow .rCol .slCol
{ float:left; width:270px; height:300px; background:#d8ed3a;}
.promotionArea .promotionInnerArea .btmRow .rCol .srCol
{ float:right; width:270px; height:300px; background:#d8ed3a;}

.promotionArea .promotionPopArea
{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:#fff; z-index:5;}
.promotionArea .promotionPopArea .btnClose
{ position:absolute; top:35px; right:0px;}
.promotionArea .promotionPopArea .promotionContentArea
{ position:absolute; top:85px; width:100%; height:667px; background:#f7f7f7; border:1px solid #d2d2d2; }
.promotionArea .promotionPopArea .promotionContentArea .visualCol
{ position:relative; float:left; width:268px; height:667px; background:url(/images/common/img-promotion-01-mv.jpg) no-repeat top left; border-right:1px solid #d2d2d2;}


.promotionArea .promotionPopArea .promotionContentArea .visualCol h1
{ color:#0061b3; }
.promotionArea .promotionPopArea .promotionContentArea .visualCol p
{ width:80%; font-size:1.1667em; color:#3a3a3a; padding:0px 20px; line-height:1.3; text-align:left; margin-bottom:20px;}
.promotionArea .promotionPopArea .promotionContentArea .visualCol .btnCta
{ position:absolute; bottom:30px; width:82%; left:10%; margin-left:0px;}
.promotionArea .promotionPopArea .promotionContentArea .visualCol .btnCta a
{ display:block; background:#fff; font-size:1.1667em; color:#3a3a3a; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden; text-align:center;}
.promotionArea .promotionPopArea .promotionContentArea .visualCol .btnCta img
{ position:relative; margin-left:5px; top:3px; width:16px; height:auto;}

.promotionArea .promotionPopArea .promotionContentArea .contentCol
{ float:left; width:840px; padding:2em;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table
{ width:100%;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table th
{ padding:15px 10px; background:#00baf2; color:#fff; font-size:1.6667em; line-height:1.2; text-align:center; vertical-align:middle; border:1px solid #fff;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td
{ padding:15px 10px; background:#e7e6e6; color:#3a3a3a; font-size:1.5em; line-height:1.2; text-align:center; vertical-align:middle; border:1px solid #fff;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table tr.even td
{ background:#efefef;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td.firstCol
{ background:#fde145;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table tr.even td.firstCol
{ background:#fdf245;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow,
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew
{ margin-right:-30px; width:120px;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow a,
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow img,
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}

.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew
{ padding-top:1px;}
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew a
{ background:#79c2ff;}

/*Front Page Setting End
***********************/
/*! lightslider - v1.1.5 - 2015-10-31
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #d6df22;
    border-radius: 30px;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    text-indent: -999em;
    width: 10px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #0871b9;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction
{ position:absolute; bottom:20px; width:100%; height: 44px;}

.lSAction > a {
    width: 28px;
    display: block;
    top: 50%;
    height: 44px;
	
    cursor: pointer;
    position: absolute;
    z-index: 9;
    margin-top: -22px;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background: url(/images/common/btn-prev-arrow.png) no-repeat top center;
    left: 50%;
	margin-left:-650px;
}
.lSAction > .lSNext {
    background: url(/images/common/btn-next-arrow.png) no-repeat top center;
    right: 50%;
	margin-right:-650px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}


@charset "utf-8";

/*Product Page Setting Start
***********************/
.bannerArea
{ width:100%; height:200px; background:url(/images/common/img-content-banner-bg.jpg) no-repeat top center;}
.bannerArea .innerArea
{ width:1200px; height:200px; margin:0px auto;}
.bannerArea .innerArea table,
.bannerArea .innerArea table td
{ height:100%;}
.bannerArea .innerArea table td
{ padding:0px 5%; font-size:3.5em; color:#fff; line-height:1.2; text-align:left; font-weight:bold;}


.productDetailsArea
{ background:#f7f7f7; padding:50px 0px 0px 0px; border-top:1px solid #c8c8c8;}
.productDetailsArea .inputField input
{ width:100%;}
.productDetailsArea .innerArea
{ position:relative; width:1200px; margin:0px auto;}

.productDetailsArea .innerArea .btnCloseApp
{ position:absolute; top:7px; right:10px;}

.productDetailsArea .innerArea .lCol
{ float:left; width:49%;}
.productDetailsArea .innerArea .lCol h1
{ color:#0061b3; font-size:3.33333em; line-height:1.2; font-weight:bold;}

.productDetailsArea .productNavArea
{ margin-bottom:50px;}
.productDetailsArea .innerArea .rCol
{ float:right; width:460px; padding-top:12px;}
.productDetailsArea .innerArea .rCol ul
{ border-left:1px solid #c6c6c6;}
.productDetailsArea .innerArea .rCol li
{ float:left; border-right:1px solid #c6c6c6; padding:0px 15px;}
.productDetailsArea .innerArea .rCol li.last
{ border-right:none;}
.productDetailsArea .innerArea .rCol li a
{ padding:3px 0px; display:block; color:#3a3a3a; font-size:1.5em;}
.productDetailsArea .innerArea .rCol li a:hover,
.productDetailsArea .innerArea .rCol li a.highlight
{ color:#0061b3; border-bottom:1px solid #c6c6c6;}

/* Feature Tab Setting Start
***********************/
.productDetailsArea .featureCol
{ position:relative; float:right; width:73%;}
.productDetailsArea .featureCol h1
{ font-size: 1.66667em; color:#3a3a3a; margin-bottom:10px; font-weight:bold;}
.productDetailsArea .featureCol ul
{ margin-bottom:30px;}
.productDetailsArea .featureCol ul li
{ margin-bottom:5px; margin-left:10px; background: url(/images/common/img-bullet.png) no-repeat left center; background-size:5px auto; padding:5px 0px 5px 20px; font-size:1.25em; line-height:1.2; color:#3a3a3a; }

/* Details Tab Setting Start
***********************/

.productDetailsArea .planDetailsTab
{ width:100%;}

.productDetailsArea .memberOfferCol
{ float:left; width:25%; border:1px solid #b4b4b4; height:350px; background:#fff;}
.productDetailsArea .memberOfferCol h1
{ padding:15px; font-size:2.08333em; color:#fff; background:#b4b4b4; text-align:center;}
.productDetailsArea .memberOfferCol .listingArea
{ padding:20px;}
.productDetailsArea .memberOfferCol li
{ margin-bottom:5px; background: url(/images/common/ico-tick.png) no-repeat 0px 3px; background-size:20px auto; padding:3px 0px 5px 30px; font-size:1.25em; line-height:1.2; color:#3a3a3a; }

.productDetailsArea .planDetailsTab .ctaRow
{ padding:30px 0px 10px 0px; text-align:right;}
.productDetailsArea .planDetailsTab .btnApplyNow
{ display:inline-block; margin-left:20px;}
.productDetailsArea .planDetailsTab .btnApplyNow a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.productDetailsArea .planDetailsTab .btnApplyNow img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}

.productDetailsArea .planDetailsTab .btnRenew
{ display:inline-block;}
.productDetailsArea .planDetailsTab .btnRenew a
{ display:inline-block; background:#7ac1ff; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.productDetailsArea .planDetailsTab .btnRenew img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}


.productDetailsArea .planDetailsTab td
{ position:relative; line-height:1.2; vertical-align:middle; border:1px solid #fff; text-align:center;}
.productDetailsArea .planDetailsTab td.col01
{ width:20%;}
.productDetailsArea .planDetailsTab td.col03
{ width:40%;}
.productDetailsArea .planDetailsTab .bigTit
{ background:#01baf2; font-size:1.66667em; padding:20px; color:#fff; width:25%; text-align:left;}
.productDetailsArea .planDetailsTab .col03.bigTit
{ text-align:center;}
.productDetailsArea .planDetailsTab .sTit
{ background:#01baf2; font-size:1.3333em; padding:10px; color:#fff;}
.productDetailsArea .planDetailsTab .planName
{ background:#0192e3; font-size:1.3333em; padding:10px; color:#fff;}

.productDetailsArea .planDetailsTab .costTit
{ background:#fcffc8; font-size:1.16667em; padding:10px; color:#000; text-align:left;}
.productDetailsArea .planDetailsTab .cost
{ background:#f2f38b; font-size:1.16667em; padding:10px; color:#000;}

.productDetailsArea .planDetailsTab .costSubTit
{ background:#efeedc; font-size:1.16667em; padding:10px; color:#000; text-align:left;}
.productDetailsArea .planDetailsTab .costSub
{ background:#efefef; font-size:1.16667em; padding:10px; color:#000;}
.productDetailsArea .planDetailsTab .col03.costSub
{ text-align:left;}
.productDetailsArea .planDetailsTab .even .costSubTit
{ background:#eae8d9;}
.productDetailsArea .planDetailsTab .even .costSub
{ background:#e9e9e9;}


.productDetailsArea .planDetailsTab .priceTit
{ background:#efefef; font-size:1.16667em; padding:10px 10px 10px 20px; color:#000; text-align:left;}
.productDetailsArea .planDetailsTab .price
{ background:#efefef; font-size:1.16667em; padding:10px; color:#000;}
.productDetailsArea .planDetailsTab .memberPriceTit
{ background:#e9e9e9; font-size:1.16667em; padding:10px 10px 10px 20px; color:#000; text-align:left;}
.productDetailsArea .planDetailsTab .memberPrice
{ background:#e9e9e9; font-size:1.16667em; padding:10px; color:#000;}
.productDetailsArea .planDetailsTab .price span,
.productDetailsArea .planDetailsTab .memberPrice span
{ position:absolute; left:0px; top:8px;}
.productDetailsArea .planDetailsTab .price label,
.productDetailsArea .planDetailsTab .memberPrice label
{ font-size:1em;}

/* Details Tab Setting End
***********************/


/* Apply Now Tab Setting Start
***********************/

.productDetailsArea
{ padding-bottom:50px;}
.productDetailsArea .applyNowTab
{ position:relative;}
.productDetailsArea .applyNowTab .btnBack
{ position:absolute; left:0px; bottom:15px;}
.productDetailsArea .applyNowTab .btnBack a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}

.productDetailsArea .applyNowTab .btnApply
{ position:absolute; right:0px; bottom:15px;}
.productDetailsArea .applyNowTab .btnApply a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.productDetailsArea .applyNowTab .btnApply img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}


.productDetailsArea .applyNowTab .statusFlowArea
{ margin-bottom:30px;}
.productDetailsArea .applyNowTab .statusFlowArea li
{ position:relative; float:left; width:33.3333%;}
.productDetailsArea .applyNowTab .statusFlowArea li a
{ display:block; position:relative; float:left; width:86%; height:24px; padding:5px 7%; background:#efeeee; font-size:18px; color:#bfbfbf;}
.productDetailsArea .applyNowTab .statusFlowArea .arrow-right 
{ position:absolute; top:0px; right:-17px; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 17px solid #e2df08; z-index:1;}
.productDetailsArea .applyNowTab .statusFlowArea li.currentStep a
{ background:#e2df08; color:#3a3a3a;}
.productDetailsArea .applyNowTab .statusFlowArea li.currentStep a .arrow-right 
{ border-left-color:#e2df08;}
.productDetailsArea .applyNowTab .statusFlowArea li.nextStep a
{ background:#e5e5e5; color:#aaa;}
.productDetailsArea .applyNowTab .statusFlowArea li.nextStep a .arrow-right 
{ border-left-color:#e5e5e5;}

/* Step 01 Setting Start
***********************/
.productDetailsArea .step01Area 
{}
.productDetailsArea .step01Area .formCol
{ position:relative; float:right; width:73%;}
.productDetailsArea .step01Area .formCol .formGroup
{ border-bottom:1px solid #e0e0e0; margin-bottom:25px;}
.productDetailsArea .step01Area .formCol h1
{ font-size: 1.66667em; color:#3a3a3a; margin-bottom:20px; font-weight:bold;}
.productDetailsArea .step01Area .formCol .totalDay
{ margin-bottom:0px;}
.productDetailsArea .step01Area .formCol .inputField
{ width:93%; margin-bottom:40px; padding:10px;}

.productDetailsArea .step01Area .formCol .col01,
.productDetailsArea .step01Area .formCol .col02,
.productDetailsArea .step01Area .formCol .col03
{ float:left; width:30.33333%; height:285px; padding:0px 1.5%;}
.productDetailsArea .step01Area .formCol .col01,
.productDetailsArea .step01Area .formCol .col02
{ border-right:1px solid #e0e0e0;  width:calc(30.33333% - 1px);}
.productDetailsArea .step01Area .formCol .selectItem
{ margin-bottom:10px;}

.productDetailsArea .step01Area .formCol .btnEnquiry
{ position:absolute; right:0px; bottom:5px; width:120px;}
.productDetailsArea .step01Area .formCol .btnEnquiry a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.productDetailsArea .step01Area .formCol .btnEnquiry img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}

.productDetailsArea .remarksArea
{ font-size:13px; line-height:1.2; color:#3a3a3a;}
/* Step 01 Setting End
***********************/


/* Step 02 Setting Start
***********************/
.productDetailsArea .step02Area 
{ padding-bottom:80px;}

.productDetailsArea .step02Area .tblCol
{ float:right; width:73%;}
.productDetailsArea .step02Area .tblCol td
{ position:relative; line-height:1.2; vertical-align:middle; border:1px solid #fff; text-align:center;}
.productDetailsArea .step02Area .tblCol .bigTit
{ background:#01baf2; font-size:1.66667em; padding:20px; color:#fff; width:25%; text-align:left;}
.productDetailsArea .step02Area .tblCol .sTit
{ background:#01baf2; font-size:1.3333em; padding:10px; color:#fff;}
.productDetailsArea .step02Area .tblCol .planName
{ background:#0192e3; font-size:1.3333em; padding:10px; color:#fff;}
.productDetailsArea .step02Area .tblCol .costTit
{ background:#fcffc8; font-size:1.16667em; padding:10px; color:#000; text-align:left;}
.productDetailsArea .step02Area .tblCol .cost
{ background:#f2f38b; font-size:1.16667em; padding:10px; color:#000;}
.productDetailsArea .step02Area .tblCol .priceTit
{ background:#efefef; font-size:1.16667em; padding:10px 10px 10px 20px; color:#000; text-align:left;}
.productDetailsArea .step02Area .tblCol .price
{ background:#efefef; font-size:1.16667em; padding:10px; color:#000;}
.productDetailsArea .step02Area .tblCol .memberPriceTit
{ background:#e9e9e9; font-size:1.16667em; padding:10px 10px 10px 20px; color:#000; text-align:left;}
.productDetailsArea .step02Area .tblCol .memberPrice
{ background:#e9e9e9; font-size:1.16667em; padding:10px; color:#000;}
.productDetailsArea .step02Area .tblCol .price span,
.productDetailsArea .step02Area .tblCol .memberPrice span
{ position:absolute; left:0px; top:8px;}
.productDetailsArea .step02Area .tblCol .price label,
.productDetailsArea .step02Area .tblCol .memberPrice label
{ font-size:1em;}


/* Step 02 Setting End
***********************/

/* Step 03 Setting Start
***********************/


/* Added by Chris */
.productDetailsArea .step03Area .formCol .infoGroup .infoContent h2
{ float:left; width:15%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top: 10px;}

.productDetailsArea .step03Area .formCol h2 label
{ font-size: 1em; color:#3a3a3a; font-weight:bold; margin-bottom:5px;}

.wrapper-dropdown-1 .dropdown {
    width: 100%;
}

.productDetailsArea .step03Area .formCol .infoGroup .infoContent .selectItem {
    padding-top: 10px;
}

.productDetailsArea .step03Area .formCol .promotionGroup .promotRow h1
{ float: left; /*width: 70%;*/ padding-top:10px;}

.productDetailsArea .step03Area .formCol .promotionGroup .promotRow .inputField
{ width:calc(30% - 14px); float: left;}

.productDetailsArea .step03Area .formCol .threeCol .col
{ float:left; width:10%; /*margin-left:5%;*/}
.productDetailsArea .step03Area .formCol .threeCol .col ~ .col
{ float:left; width:35%; /*margin-left:3%;*/}

.productDetailsArea .step03Area .formCol .insuredRow .inputRow h2 {
    float:left; width:2%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px; padding-right:0px;
}
.productDetailsArea .step03Area .formCol .insuredRow .inputRow .col {
    float:left; width:20%;
}

.productDetailsArea .step03Area .formCol .insuredRow .inputRow .ageCol, .productDetailsArea .step03Area .formCol .insuredRow .inputRow .genderCol {
    float:left; width:9%;
}

.productDetailsArea .step03Area .formCol .insuredRow .inputRow .idPassportCol {
    float:left; width:40%;
}

.productDetailsArea .step03Area .formCol .insuredRow .insuredCol h2{
    width:30% !important; padding-right: 3%; padding-top: 10px;
}

.productDetailsArea .step03Area .formCol .insuredRow .insuredCol .col {
    float:left !important; width:30% !important;
}

.productDetailsArea .step03Area .formCol .formInputGroup h2
{ float:left; width:20%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
/* Added by Chris */


.productDetailsArea .step03Area 
{}
.productDetailsArea .step03Area .formCol
{ position:relative; /*float:right;*/ width:100%;}
.productDetailsArea .step03Area .formCol .formGroup
{ width:100%; border-bottom:1px solid #e0e0e0; margin-bottom:25px;}
.productDetailsArea .step03Area .formCol h1
{ font-size: 1.66667em; color:#3a3a3a; margin-bottom:20px; font-weight:bold;}
.productDetailsArea .step03Area .formCol h1 .txtRed
{ font-size: 1em; color:#f00; margin-left:20px; font-weight:normal;}
.productDetailsArea .step03Area .formCol h2
{ font-size: 1.25em; color:#3a3a3a; font-weight:bold; margin-bottom:5px; /*float: left;*/}



.productDetailsArea .step03Area .formCol .promotionGroup
{ margin-bottom:30px;}

.productDetailsArea .step03Area .formCol .infoGroup
{ margin-bottom:30px;}
.productDetailsArea .step03Area .formCol .infoGroup .txtRed
{ font-size: 1.3em; color:#f00; margin-left:20px; font-weight:normal;}

.productDetailsArea .step03Area .formCol .infoGroup .infoContent
{ padding-left:40px; width:calc(100% - 40px);}

.productDetailsArea .step03Area .formCol .infoRow
{ margin-bottom:8px;}
.productDetailsArea .step03Area .formCol .infoRow h2
{ float:left; width:20%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:0px !important;}
.productDetailsArea .step03Area .formCol .infoRow p
{ float:left; width:80%; font-size: 1.3em; color:#3a3a3a; font-weight:normal;}

.productDetailsArea .step03Area .formCol .titRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .titRow h2
{ float:left; width:15%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; /*padding-top:10px;*/}
.productDetailsArea .step03Area .formCol .formGroup .titOption
{ float:left; width:95%; padding-top: 10px;}

.productDetailsArea .step03Area .formCol .formGroup .formInputGroup .selectItem:first-child
{ float: left; }
.productDetailsArea .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child)
{ float:left; padding-left: 20px; }

.productDetailsArea .step03Area .formCol .nameRow
{ margin-bottom:15px;}
/*.productDetailsArea .step03Area .formCol .nameRow .col01
{ float:left; width:45%;}
.productDetailsArea .step03Area .formCol .nameRow .col02
{ float:left; width:45%; margin-left:10%;}*/

.productDetailsArea .step03Area .formCol .identityRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .identityRow .col01
{ float:left; width:30%;}
.productDetailsArea .step03Area .formCol .identityRow .selectItem
{ float:left;}
.productDetailsArea .step03Area .formCol .infoGroup .identityRow .inputField
{ float:left; margin-left:15px; padding: 0px; }
.productDetailsArea .step03Area .formCol .identityRow .col02
{ float:left; width:40%; margin-left:10%;}

.productDetailsArea .step03Area .formCol .companyInfoRow
{ margin-bottom:15px;}
/*.productDetailsArea .step03Area .formCol .companyInfoRow .col01
{ width:72%; margin-bottom:15px;}*/
/*.productDetailsArea .step03Area .formCol .companyInfoRow .col02
{ width:72%;}*/

.productDetailsArea .step03Area .formCol .addressRow
{ margin-bottom:15px;}

.productDetailsArea .step03Area .formCol .addressRow .oneCol
{ width:100%; margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .addressRow .oneCol h2
{ float:left; width:7%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .addressRow .oneCol .inputField
{ float:left; width:85.5%;}


.productDetailsArea .step03Area .formCol .twoCol
{ width:100%; /*margin-bottom:15px;*/}
.productDetailsArea .step03Area .formCol .twoCol .col
{ float:left; width:40%; /*margin-left:5%;*/}
/*.productDetailsArea .step03Area .formCol .twoCol .col:first-child
{ float:left; width:45%; margin-right:10%;}
.productDetailsArea .step03Area .formCol .twoCol .col:last-child
{ float:left; width:45%;}*/

.productDetailsArea .step03Area .formCol .inputField
{ float:left; width:calc(100% - 14px);}

.productDetailsArea .step03Area .formCol .addressRow .streeRow.twoCol h2
{ width:30%;}
.productDetailsArea .step03Area .formCol .addressRow .streeRow.twoCol .inputField
{ width:60%;}

.productDetailsArea .step03Area .formCol .addressRow .threeCol
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .addressRow .threeCol .col
{ float:left; width:20%; margin-right:3%;}
.productDetailsArea .step03Area .formCol .addressRow .threeCol .col h2
{ float:left; width:15%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .addressRow .threeCol .col .inputField
{ float:right; width:70%;}

.productDetailsArea .step03Area .formCol .addressRow .districtRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .addressRow .districtRow h2
{ float:left; width:10%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:18px;}
.productDetailsArea .step03Area .formCol .addressRow .districtRow .titOption
{ float:left; width:75%; }
.productDetailsArea .step03Area .formGroup .formCol .selectItem
{ float:left; font-size: 1em; color:#3a3a3a; font-weight:bold; padding-top:10px;}

.productDetailsArea .step03Area .formCol .addressRow .locationRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .addressRow .locationRow h2
{ float:left; width:10%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:13px;}
.productDetailsArea .step03Area .formCol .addressRow .locationRow .titOption
{ float:left; width:40%; }

.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow
{ width:100%; margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow .col
{ float:left; width:47%; margin-right:3%;}
.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow .col h2
{ float:left; width:33%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow .col p
{ float:left; width:100%; font-size: 1em; line-height:1.2; color:#3a3a3a; font-weight:bold; padding:8px 0px;}
.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow .col .inputField
{ float:right; width:60%;}

.productDetailsArea .step03Area .formCol .insuredRow
{ margin-bottom:5px;}
.productDetailsArea .step03Area .formCol .insuredRow h2
{ float:left; width:20%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .insuredRow .insuredOption
{ float:left; width:75%; }
.productDetailsArea .step03Area .formCol .insuredRow .insuredOption .selectItem
{ float:left; margin-right:20px;}

.productDetailsArea .step03Area .formCol .insuredNameRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .insuredNameRow .col
{ float:left; width:40%; margin-right:3%;}
.productDetailsArea .step03Area .formCol .insuredNameRow .col h2
{ float:left; width:18%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .insuredNameRow .col .inputField
{ float:left; width:60%; margin-right:3%;}

.productDetailsArea .step03Area .formCol .ageGenderRow
{ width:100%; margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .ageGenderRow .col
{ float:left; width:30%; margin-right:3%;}
.productDetailsArea .step03Area .formCol .ageGenderRow .col h2
{ float:left; width:24%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .ageGenderRow .col .inputField
{ float:left; width:60%; margin-right:3%;}

.productDetailsArea .step03Area .formCol .identityRow
{ width:100%; margin-bottom:15px;}

.productDetailsArea .step03Area .otherInfoGroup
{}
.productDetailsArea .step03Area .otherInfoGroup h1
{ margin-bottom:10px;}
.productDetailsArea .step03Area .otherInfoGroup p
{ font-size: 13px; line-height:1.3; margin-bottom:10px;}
.productDetailsArea .step03Area .otherInfoGroup b
{ font-size: 13px; line-height:1.3; margin-bottom:10px; font-weight:bold;}
.productDetailsArea .step03Area .otherInfoGroup p a
{ color:#009df2; line-height:1.2;}
.productDetailsArea .step03Area .otherInfoGroup .selectItem
{ padding-top:0px;}
.productDetailsArea .step03Area .otherInfoGroup .selectItem span
{ font-size: 1.3em; vertical-align:top;}
.productDetailsArea .step03Area .otherInfoGroup .selectItem label
{ width:99%;}
.productDetailsArea .step03Area .otherInfoGroup .selectItem label p
{ width:92%; display:inline; font-size: 13px; line-height:1.5; color:#3a3a3a; font-weight:normal; margin-bottom:0px; padding-top:4px;}
.productDetailsArea .step03Area .btnCtaGroup
{ text-align:center; width:80%;}
.productDetailsArea .step03Area .btnRequote,
.productDetailsArea .step03Area .btnSubmit,
.productDetailsArea .step03Area .btnReset
{ display:inline-block;}
.productDetailsArea .step03Area .btnReset
{ margin:0px 20px;}
.productDetailsArea .step03Area .btnRequote a,
.productDetailsArea .step03Area .btnSubmit a,
.productDetailsArea .step03Area .btnReset a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}


/* Step 03 Setting End
***********************/


/* Step 04 Setting Start
***********************/
.productDetailsArea .step04Area 
{}
.productDetailsArea .step04Area .resultCol
{ position:relative; float:right; width:73%;}
.productDetailsArea .step04Area .resultCol .formGroup
{ width:100%; border-bottom:1px solid #e0e0e0; padding-bottom:25px; margin-bottom:25px;}
.productDetailsArea .step04Area .resultCol h1
{ font-size: 1.66667em; color:#3a3a3a; margin-bottom:20px; font-weight:bold;}
.productDetailsArea .step04Area .resultCol .dataListingGroup
{ margin-bottom:10px;}
.productDetailsArea .step04Area .resultCol .titCol
{ float:left; width:30%; font-size:1.25em; line-height:1.2; color:#3a3a3a; font-weight:bold;}
.productDetailsArea .step04Area .resultCol .rCol
{ float:right; width:70%; font-size:1.25em; line-height:1.2; color:#3a3a3a;}
.productDetailsArea .step04Area .resultCol p
{ font-size:13px; line-height:1.2; color:#3a3a3a;}
.productDetailsArea .step04Area .resultCol p a
{ color:#009df2; line-height:1.2;}
.productDetailsArea .step04Area .resultCol span
{ vertical-align:top;}
.productDetailsArea .step04Area .resultCol label
{ width:95%;}
.productDetailsArea .step04Area .resultCol label p
{ width:92%; display:inline-block; font-size: 13px; line-height:1.5; color:#3a3a3a; font-weight:normal; margin-bottom:0px; padding-top:4px;}
.productDetailsArea .step04Area .resultCol .detailTitleRow
{ background:#009df2;}
.productDetailsArea .step04Area .resultCol .detailInfoRow
{ background:#aee1fc; margin-bottom:15px;}
.productDetailsArea .step04Area .resultCol .detailTitleRow .nameCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .nameCol
{ padding:10px 1%; float:left; width:28%;}
.productDetailsArea .step04Area .resultCol .detailTitleRow .ageCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .ageCol
{ padding:10px 1%; float:left; width:18%;}
.productDetailsArea .step04Area .resultCol .detailTitleRow .genderCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .genderCol
{ padding:10px 1%; float:left; width:18%;}
.productDetailsArea .step04Area .resultCol .detailTitleRow .idPassportCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .idPassportCol
{ padding:10px 1%; float:left; width:28%;}
.productDetailsArea .step04Area .btnCtaGroup
{ text-align:center; width:80%;}
.productDetailsArea .step04Area .btnBack
{ position:relative; bottom:auto;}
.productDetailsArea .step04Area .btnBack,
.productDetailsArea .step04Area .btnConfirm
{ display:inline-block; margin:0px 5px;}
.productDetailsArea .step04Area .btnBack a,
.productDetailsArea .step04Area .btnConfirm a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}

.productDetailsArea .step04Area .remarksArea
{ font-size:13px; line-height:1.2; color:#3a3a3a; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e0e0e0; }

/* Step 04 Setting End
***********************/

/* Apply Now Tab Setting End
***********************/

/* Schedule of Benefit Start - Added By Rayan :Lee*/
.productDetailsArea .benefitScheduleTab
{ width:100%;}

.productDetailsArea .benefitScheduleTab .ctaRow
{ padding:30px 0px 10px 0px; text-align:right;}
.productDetailsArea .benefitScheduleTab .btnApplyNow
{ display:inline-block; margin-left:20px;}
.productDetailsArea .benefitScheduleTab .btnApplyNow a
{ display:inline-block; background:#fcb040; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.productDetailsArea .benefitScheduleTab .btnApplyNow img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}


.productDetailsArea .benefitScheduleTab td
{ position:relative; line-height:1.2; vertical-align:middle; border:1px solid #fff; text-align:center;}
.productDetailsArea .benefitScheduleTab td.col01
{ width:20%;}
.productDetailsArea .benefitScheduleTab td.col03
{ width:40%;}
.productDetailsArea .benefitScheduleTab .bigTit
{ background:#01baf2; font-size:1.66667em; padding:20px; color:#fff; width:25%; text-align:left;}
.productDetailsArea .benefitScheduleTab .col03.bigTit
{ text-align:center;}
.productDetailsArea .benefitScheduleTab .sTit
{ background:#01baf2; font-size:1.3333em; padding:10px; color:#fff;}
.productDetailsArea .benefitScheduleTab .planName
{ background:#0192e3; font-size:1.3333em; padding:10px; color:#fff;}

.productDetailsArea .benefitScheduleTab .costTit
{ background:#fcffc8; font-size:1.16667em; padding:10px; color:#000; text-align:left;}
.productDetailsArea .benefitScheduleTab .cost
{ background:#f2f38b; font-size:1.16667em; padding:10px; color:#000;}

.productDetailsArea .benefitScheduleTab .costSubTit
{ background:#efeedc; font-size:1.16667em; padding:10px; color:#000; text-align:left;}
.productDetailsArea .benefitScheduleTab .costSub
{ background:#efefef; font-size:1.16667em; padding:10px; color:#000;}
.productDetailsArea .benefitScheduleTab .col03.costSub
{ text-align:left;}
.productDetailsArea .benefitScheduleTab .even .costSubTit
{ background:#eae8d9;}
.productDetailsArea .benefitScheduleTab .even .costSub
{ background:#e9e9e9;}

.productDetailsArea .sobCol {
    float:right;
    position: relative;
    width: 73%;
}
    .productDetailsArea .sobCol .hidden{
        display: none;
    }

    .productDetailsArea .sobCol .ctrCol{
        text-align: center;
    }

    .productDetailsArea .sobCol .yellowCol{
        background-color:yellow;
        color: black;
    }

    .productDetailsArea .sobCol .yellowColSub{
        background-color:#f2f38b;
    }
    .productDetailsArea .sobCol .redCol{
        background-color:red;
    }

    .productDetailsArea .sobCol .redColSub{
        background-color:#ff9999;
    }
    .productDetailsArea .sobCol .blackCol{
        background-color:black;
    }

    .productDetailsArea .sobCol .blackColSub{
        background-color:#cccccc;
    }

    .productDetailsArea .sobCol .showDetail
    { font-size: 1.66667em; color:#3a3a3a; margin-bottom:20px; font-weight:bold; }

    .productDetailsArea .sobCol table
    { border-collapse: separate;}

        .productDetailsArea .sobCol table .fontBold
        { font-weight:bold}

    .productDetailsArea .sobCol .footNote{
        margin-top: 10px;
        margin-bottom:60px;
    }
        .productDetailsArea .sobCol .footNote td{
            vertical-align:top;
            text-align: left;
            border: 1px solid transparent;
        }
        .productDetailsArea .sobCol .footNote sup{
            font-size: 11px;
        }

    .productDetailsArea .sobCol ol
    { 
        margin-left:20px;
      line-height: 1.5;
      list-style-type: decimal;
    }

    .productDetailsArea .sobCol ul
    { 
        margin-left:20px;
      line-height: 1.5;
      list-style-type: disc;
    }

    .productDetailsArea .sobCol .subItem li {
        margin-left: 20px;
        list-style-type: lower-alpha;
    }
/* Schedule of Benefit End */


/* Related Document Setting Start
***********************/
.relatedDocArea
{ background:url(/images/common/img-download-doc-bg.gif) #e8e8e8 repeat-x top center;}
.relatedDocArea .innerArea
{ position:relative; width:1200px; margin:0px auto; padding:38px 0px;}
.relatedDocArea .innerArea .arrowDown
{ position:absolute; top:0px; left:50%; margin-left:-10px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f7f7f7;}
.relatedDocArea .innerArea .lCol
{ float:left; width:35%; font-size:1.33333em; line-height:1.2; color:#3a3a3a; font-weight:bold;}
.relatedDocArea .innerArea .rCol
{ float:right;}
.relatedDocArea .innerArea .rCol li
{ float:left;border-left:1px solid #fff;}
.relatedDocArea .innerArea .rCol li.downloadIco
{ border:none; padding-right:20px;}
.relatedDocArea .innerArea .rCol li.downloadIco img
{ width:20px; height:auto;}
.relatedDocArea .innerArea .rCol li a
{ display:block; padding:0px 10px; font-size:1.33333em; line-height:1.2; color:#3a3a3a; font-weight:bold;}
.relatedDocArea .innerArea .rCol li a:hover
{ color:#fc7540;}

/* Related Document Setting End
***********************/
/* TNC Setting Start
***********************/
.tncArea
{}
.tncArea .innerArea
{ position:relative; width:1200px; margin:0px auto; padding:38px 0px 15px 0px;}
.tncArea .innerArea .lCol
{ float:left; width:3%;}
.tncArea .innerArea .lCol h1
{ font-size:1.1em; line-height:1.2; color:#3a3a3a; font-weight:bold;}
.tncArea .innerArea .rCol
{ float:right; width:97%; font-size:1em; line-height:1.3; color:#aaa; font-weight:bold;}
/* TNC Setting End
***********************/


/*Product Page Setting End
***********************/