/* Minification failed. Returning unminified contents.
(59,1): run-time error CSS1019: Unexpected token, found '@import'
(59,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500italic,500,700,700italic)'
(128,22): run-time error CSS1039: Token not allowed after unary operator: '-AIA-red-AIA-red-5'
 */
@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;
}

input:focus ,a:focus {
    outline: 1px solid #79c2ff;
    outline: auto 5px -webkit-focus-ring-color;
}




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

/* tables still need 'cellspacing="0"' in the markup */
table {
	
	border-spacing: 0;
}
/*target Chrome*/
* { -webkit-text-size-adjust: none; }
@charset "utf-8";
@import url(http://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
***********************/
* 
{ 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.smallerFonts
{ font-size:75%; }
body
{ font-size:75%; }
body.largerFonts
{ font-size:80%; }
body.XlargerFonts
{ font-size:85%; }

a
{ text-decoration:none;}

#wrapper 
{ width:100%;}
/*message弹窗 */
.bx-messageBox {
    position: fixed;
    display: flex;
    width: 480px;
    padding: 16px 24px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    background: var(--AIA-red-AIA-red-5, #FFF0F4);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.30);
    z-index: 1004;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    top: -80px;
    transition: all .8s ease;
}
#bx-content {
    padding-top: calc(5rem + 40px);
}
#main 
{ padding-top:0px; width:100%; position: relative; margin: 0px auto;}
/* 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
***********************/
.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 .innerArea .lCol
{ float:left; }
.header .innerArea .lCol h1,
.header .innerArea .lCol h2
{ float:left; }
.header .innerArea .lCol h1
{ margin-right:35px;}

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

.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 .submenuInnerArea
{ width:1100px; margin:0px auto; padding:10px 0px;}
.header .innerArea .rCol li .submenuArea .submenuInnerArea li a
{ height:24px;}
.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;}

.header .innerArea .mobileNavShoppingBag
{ display:none;}


/* Top Nav Setting
***********************/
.topNav
{ position:fixed; 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 2px 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:1200px; margin:0px auto; font-size:12px; line-height:1.2; color:#3a3a3a;}
.breadcrumbArea .innerArea a
{ color:#009df2;}


/* Important Notes Setting
***********************/
.importantNotesArea {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1003;
    overflow: hidden;
}
.importantNotesArea .notesInnerArea
{ background:#fcb040;}
    .importantNotesArea .lCol {
        width: 12%;
        background: #0092CD;
        font-size: 3.3333em;
        color: #fff;
        padding: 10px 2.5%;
        line-height: 1.2;
        text-align: center;
        vertical-align: middle;
    }

    .importantNotesArea .rCol {
        position: relative;
        width: 40%;
        background: rgba(219,243,253);
        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:100% ; max-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:100% ; max-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 */

@media screen and (max-width:1199px){
    .desktopVisible {
        display: none;
    }

    .mobileVisible {
        display: block;
    }




#main 
{ padding-top:81px;}

#mainAli {
    padding-top: 60px;
}

.header
{ position:fixed; top:0px; left:0px; width:100%; height:80px; z-index:999; border-bottom:1px solid #b2b2b2; background:#fff;}
.header .innerArea
{ position: relative; width:96%; padding:15px 2%; margin: 0px auto; }

.header .innerArea .lCol
{ width:40%;}
.header .innerArea .lCol h1 img
{ width:auto; max-height:50px;}
.header .innerArea .lCol h2
{ display:none; }
.header .innerArea .rCol
{ display:none; }

.header .innerArea .mobileNavBtn
{ position:absolute; display:block; top:50%; right:2%; width:60px; height:26px; margin-top:-13px;}
.header .innerArea .mobileNavBtn a
{ display:block; width:100%; height:100%;}
.header .innerArea .mobileNavBtn a .row01
{ position:absolute; display:block; top:5%; right:0px; width:50%; height:6px; background:#d7df21;}
.header .innerArea .mobileNavBtn a .row02
{ position:absolute; display:block; top:50%; right:0px; width:50%; height:6px; background:#d7df21; margin-top:-3px;}
.header .innerArea .mobileNavBtn a .row03
{ position:absolute; display:block; bottom:5%; right:0px; width:50%; height:6px; background:#d7df21;}

.header .innerArea .mobileNavArea
{ position:fixed; display:block; top:0px; right:-250px; width:250px; height:100%; background:#d7df21; overflow:scroll;}

/* Added by Rayan for iPad Pro display */
.header .innerArea .mobileNavShoppingBag{
    position: absolute;
    display: block;
    top: 50%;
    height: 38px;
    margin-top: -15px;
    right: calc(40px + 2%);
    width: auto;
}
/* End Added by Rayan for iPad Pro display */

/* Added by Rayan for iPad Pro display */
.header .innerArea .mobileNavLogout{
    position: absolute;
    display: block;
    top: 50%;
    height: 38px;
    margin-top: -20px;
    right: calc(40px + 2%);
    width: auto;
}
/* End Added by Rayan for iPad Pro display */

.header .innerArea .mobileNavArea ul li
{ border-bottom:1px solid #eee;}
.header .innerArea .mobileNavArea ul li a
{ display:block; padding:10px 10px; color:#768706; font-size:1.25em; line-height:1.2; background:#d7df21;}

.header .innerArea .mobileNavArea .mSubmenuArea
{ display:none;}
.header .innerArea .mobileNavArea .mSubmenuArea dd a
{ display:block; padding:10px; color:#0092e2; font-size:1.1em; line-height:1.2; background:#fff; border-bottom:1px dotted #eee;}

.topNav
{ display:none;}


/* Important Notes Setting
***********************/
.importantNotesArea .lCol
{ display:none;}
.importantNotesArea .rCol
{ position:relative; width:82%; background:#ffe4bb; font-size:1.1667em; color:#6d4100; padding:10px 13% 10px 5%; line-height:1.2; text-align:left; vertical-align:middle;}
.importantNotesArea .rCol h1
{ color:#4a2c00; font-size:1.25em; line-height:1.2; display:block; font-weight:bold; margin-bottom:5px;}
.importantNotesArea .btnClose
{ position:absolute; right:2%; top:50%; margin-top:-17px; padding:5px;}

/* Footer Setting
***********************/
.footer
{ width:100%; background:#f7f7f7; border-top:1px solid #d2d2d2;}
.footerInnerArea
{ width:96%; margin:0px auto;}
.footerInnerArea li
{ float:none; padding:15px 2%; border-right:none;}
.footerInnerArea li.col01,
.footerInnerArea li.col02,
.footerInnerArea li.col03,
.footerInnerArea li.col04
{ width:96%;}

.footerInnerArea li.col01,
.footerInnerArea li.col04
{ display:none;}


.footerInnerArea .icoRow
{ width:100%; margin-bottom:20px;}
.footerInnerArea .icoRow .icoCol
{ float:left; width:50px;}
.footerInnerArea .icoRow .txtCol
{ float:left; width:calc(80% - 70px); margin-left:8px;}
.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 
{ height:auto !important; }
.footerInnerArea li h1
{ color:#ff9800; font-size:2.08333em; line-height:1.2; margin-bottom:15px;}
.footerInnerArea li p
{ color:#3a3a3a; font-size:1.25em; line-height:1.2; margin-right:10px;}
.footerInnerArea li p br
{ display:none;}
.footerInnerArea li p a
{ color:#3a3a3a;}
.footerInnerArea li p a:hover
{ color:#00b0ea;}

.footerInnerArea li.col02 p
{ display:inline-block; margin-right:10px;}

/*.footerInnerArea li.col02 .btnCta
{ display:inline-block;}*/

.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;}
.copyrightFooter
{ width:100%; background:#000;}
.copyrightFooter .copyrightInnerArea
{ width:96%; margin:0px auto; padding:10px 2%;}
.copyrightFooter .copyrightInnerArea p
{ color:#fcb040; font-size:1.16667em; line-height:1.2;}


.mobileMidFooterArea
{ display:block; background:#3a3a3a;}
.mobileMidInnerFooterArea
{ width:96%; margin:0px auto; padding:20px 0px;}
.mobileMidInnerFooterArea h1
{ color:#ff9800; font-size:1.5em; line-height:1.2; margin-bottom:15px;}
.mobileMidInnerFooterArea dd
{ margin-bottom:5px;}
.mobileMidInnerFooterArea dd a
{ color:#fff; font-size:1em; line-height:1.2;}
.mobileMidFooterArea .topRow
{ margin-bottom:20px;}
.mobileMidFooterArea .lCol,
.mobileMidFooterArea .rCol
{ float:left; width:30%;}
.mobileMidFooterArea .mCol
{ float:left; width:30%; margin:0px 1.5%;}

.btmRow h1
{ text-align:center;}
.btmRow .btnSocial
{ text-align:center; margin-bottom:10px;}

}

@media screen and (max-width:750px) {
    #propmotionBox .desktopVisible {
        display: none;
    }

    #propmotionBox .mobileVisible {
        display: block;
    }
}

@charset "utf-8";

/*Front Page Setting Start
***********************/
.frontBannerArea {
    background: #f8f8f8;
    height: 440px;
}
    .frontBannerArea .bannerSlider {
        width: 100%;
        height: 440px;
    }
.frontBannerArea .bannerSlider li
{ display:block; width:100%; height:440px;}
.frontBannerArea .bannerSlider li img
{ display:none;}
.frontBannerArea .bannerSlider a
{ display:block; width:100%; height:360px;}
.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
{font-weight:bold;}
.insuranceSelectionArea .insuranceInnerArea
{  width:100% ; max-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;}


@media screen and (max-width:1199px){




.insuranceSelectionArea h1
{ font-size:2em; color:#0061b3; padding:20px 0px; line-height:1.2; text-align:center; font-weight:bold;}
.insuranceSelectionArea h1 span
{ letter-spacing:-.5em; font-weight:bold;}
.insuranceSelectionArea .insuranceInnerArea
{ width:96%; margin:0px auto; padding-bottom:20px;}
.insuranceSelectionArea li
{ float:left; width:33.3%; text-align:center; margin-bottom:25px;}
.insuranceSelectionArea li img
{ display:block; margin:0px auto; margin-bottom:15px; width:70%; max-width:150px; height:auto;}
.insuranceSelectionArea li p
{ font-size:1.3em; color:#3a3a3a; text-align:center;}

.promotionArea
{ position:relative; }
.promotionArea .promotionInnerArea
{ position:relative; width:100%; margin:0px auto; padding:0px;}
.promotionArea .topRow,
.promotionArea .btmRow,
.promotionArea .promotionPopArea
{ display:none;}
.promotionArea .mobileSection
{ display:block;}
.promotionArea .mobileSection .mobilePromotion
{ position:relative;}
.promotionArea .mobileSection .mobilePromotion img
{ display:block; width:100%; height:auto;}
.promotionArea .mobileSection .mobilePromotion .promotionContent
{ position:absolute; width:100%; top:6%;}
.promotionArea .mobileSection .mobilePromotion .promotionContent h1
{ padding:0px; text-align:center;}
.promotionArea .mobileSection .mobilePromotion .promotionContent p
{ padding:0px; width:80%; text-align:center; margin:0px auto; margin-bottom:10px;}
.promotionArea .mobileSection .mobilePromotion .promotionContent .btnCta
{ width:100%; text-align:center; margin:0px auto;}
.promotionArea .mobileSection .mobilePromotion .promotionContent .btnCta a
{ display:inline-block; margin:0px auto;}
.promotionArea .mobileSection .mobilePromotion .promotionContent .btnCta a img
{ display:inline-block;}

.promotionArea .mobileSection .mobilePromotion .promotion01 h1,
.promotionArea .mobileSection .mobilePromotion .promotion02 h1
{ color:#0061b3;}
.promotionArea .mobileSection .mobilePromotion .promotion01 p,
.promotionArea .mobileSection .mobilePromotion .promotion02 p
{ color:#3a3a3a;}
.promotionArea .mobileSection .promotion04.promotionContent,
.promotionArea .mobileSection .promotion05.promotionContent
{ position:relative; width:100%; top:0%; background:#0094c2; padding:20px 0px;}
}
@media screen and (max-width:1199px) {
    .frontBannerArea .bannerSlider {
        width: 100%;
        height: auto;
    }

        .frontBannerArea .bannerSlider li {
            display: block;
            width: 100%;
            height: auto;
        }

            .frontBannerArea .bannerSlider li img {
                /*    display:block; */
                width: 100%;
                height: auto;
            }

        .frontBannerArea .bannerSlider a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .frontBannerArea .bannerSlider .banner01 {
            background: none;
        }
}

/*Front Page Setting End
***********************/
@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
{ margin-top:10px; float:right;}

.productDetailsArea .innerArea .lCol
{ float:left; /*width:49%;*/ width:57%;}
.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; list-style-type:disc}
.productDetailsArea .featureCol ul li
{ margin-bottom:5px; margin-left:20px;  background-size:5px auto; padding:5px 0px 5px 5px; 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;}

.productDetailsArea .eClaimApplyNowTab .statusFlowArea li.Step1Arrow a {background: #f4f010; color: #3a3a3a; }
.productDetailsArea .eClaimApplyNowTab .statusFlowArea .arrow1-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 #f4f010;z-index: 1;border-left-color:#f4f010}
.productDetailsArea .eClaimApplyNowTab
{ position:relative;}
.productDetailsArea .eClaimApplyNowTab .btnBack
{ position:absolute; left:0px; bottom:15px;}
.productDetailsArea .eClaimApplyNowTab .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 .eClaimApplyNowTab .btnApply
{ position:absolute; right:0px; bottom:15px;}
.productDetailsArea .eClaimApplyNowTab .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 .eClaimApplyNowTab .btnApply img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}

.productDetailsArea .eClaimApplyNowTab .statusFlowArea
{ margin-bottom:30px;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li
{ position:relative; float:left; width:33.3333%;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li a
{ display:block; position:relative; float:left; width:86%; height:24px; padding:5px 7%; background:#efeeee; font-size:18px; color:#bfbfbf;}
.productDetailsArea .eClaimApplyNowTab .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 .eClaimApplyNowTab .statusFlowArea li.currentStep a
{ background:#e2df08; color:#3a3a3a;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li.currentStep a .arrow-right 
{ border-left-color:#e2df08;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li.nextStep a
{ background:#e5e5e5; color:#aaa;}
.productDetailsArea .eClaimApplyNowTab .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; 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 .headNote{
        margin-top: 10px;
        margin-bottom:10px;
    }
    .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
***********************/

/* DateTimePicker Start
***********************/
    .DateTimePicker .DatePicker { padding-right: 10px; }
    .DateTimePicker .DatePicker .k-datepicker { width:100%; }
/* DateTimePicker End
***********************/

@media screen and (max-width:1199px){

.bannerArea
{ width:100%; height:160px; background:url(../images/common/img-content-banner-bg-m.jpg) no-repeat top center; background-size:cover;}
.bannerArea .innerArea
{ width:100%; height:160px; margin:0px auto;}
.bannerArea .innerArea table,
.bannerArea .innerArea table td
{ height:100%;}
.bannerArea .innerArea table td
{ padding:0px 5%; font-size:2.5em; color:#fff; line-height:1.2; text-align:center; font-weight:bold;}

.productDetailsArea
{ background:#f7f7f7; padding:50px 0px 50px 0px; border-top:1px solid #c8c8c8;}

.productDetailsArea .memberOfferCol
{ float:none; width:96%; height:auto; margin:0px auto; margin-bottom:25px;}
.productDetailsArea .memberOfferCol h1
{ padding:10px; font-size:2em; 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 .innerArea
{ position:relative; width:100%; margin:0px auto;}

.productDetailsArea .innerArea .btnCloseApp
{ top:0px; right:10px;}

.productDetailsArea .innerArea .lCol
{ float:none; width:100%;}
.productDetailsArea .innerArea .lCol h1
{ color:#0061b3; font-size:2.5em; line-height:1.2; font-weight:bold; text-align:center;}

.productDetailsArea .productNavArea
{ margin-bottom:50px;}
.productDetailsArea .innerArea .rCol
{ float:none; width:100%; padding-top:12px;}
.productDetailsArea .innerArea .rCol ul
{ border-left:none; text-align:center;}
.productDetailsArea .innerArea .rCol li
{ display:inline-block; float:none; border-right:1px solid #c6c6c6; padding:0px 2%;}

.productDetailsArea .innerArea .rCol ul li:first-child {border-left: 1px solid #c6c6c6;}

.productDetailsArea .innerArea .rCol li.last
{ border-right:none;}
.productDetailsArea .innerArea .rCol li a
{ padding:3px 0px; display:block; color:#3a3a3a; font-size:1.25em;}
.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:none; width:96%; margin:0px 2%;}
.productDetailsArea .featureCol h1
{ font-size: 1.5em; color:#3a3a3a; margin-bottom:10px; font-weight:bold;}
.productDetailsArea .featureCol ul
{ margin-bottom:30px;}
.productDetailsArea .featureCol ul li
{ margin-bottom:5px; margin-left:20px; background-size:5px auto; padding:5px 0px 5px 5px; font-size:1.1em; line-height:1.2; color:#3a3a3a; }

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

.productDetailsArea .planDetailsTab
{ width:100%;}

.productDetailsArea .planDetailsTab .ctaRow
{ padding:30px 0px; text-align:center;}
.productDetailsArea .planDetailsTab .btnApplyNow
{ display:inline-block; float:none; margin-left:10px;}
.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; float:none;}
.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 .projectTit
{ background:#e2e6a9; font-size:1.3333em; padding:10px; color:#828558;}
.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:center;}
.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:center;}
.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 .costSub.even,
.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 .applyNowTab
{ position:relative;}
.productDetailsArea .applyNowTab .btnBack
{ position:absolute; left:2%; 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:2%; 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:14px; padding:10px 7%; background:#efeeee; font-size:15px; text-align:center;}
.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;}

.productDetailsArea .eClaimApplyNowTab
{ position:relative;}
.productDetailsArea .eClaimApplyNowTab .btnBack
{ position:absolute; left:2%; bottom:15px;}
.productDetailsArea .eClaimApplyNowTab .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 .eClaimApplyNowTab .btnApply
{ position:absolute; right:2%; bottom:15px;}
.productDetailsArea .eClaimApplyNowTab .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 .eClaimApplyNowTab .btnApply img
{ position:relative; margin-left:5px; top:2px; width:16px; height:auto;}

.productDetailsArea .eClaimApplyNowTab .statusFlowArea
{ margin-bottom:30px;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li
{ position:relative; float:left; width:33.3333%;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li a
{ display:block; position:relative; float:left; width:86%; height:14px; padding:10px 7%; background:#efeeee; font-size:15px; text-align:center;}
.productDetailsArea .eClaimApplyNowTab .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 .eClaimApplyNowTab .statusFlowArea li.currentStep a
{ background:#e2df08; color:#3a3a3a;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li.currentStep a .arrow-right 
{ border-left-color:#e2df08;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li.nextStep a
{ background:#e5e5e5; color:#aaa;}
.productDetailsArea .eClaimApplyNowTab .statusFlowArea li.nextStep a .arrow-right 
{ border-left-color:#e5e5e5;}

/* Step 01 Setting Start
***********************/
.productDetailsArea .step01Area 
{}
.productDetailsArea .step01Area .formCol
{ position:relative; float:none; width:96%; margin:0px auto;}
.productDetailsArea .step01Area .formCol .formGroup
{ border-bottom:1px solid #e0e0e0; margin-bottom:25px;}
.productDetailsArea .step01Area .formCol h1
{ font-size: 1.5em; color:#3a3a3a; margin-bottom:20px; font-weight:bold;}
.productDetailsArea .step01Area .formCol .totalDay
{ margin-bottom:0px;}
.productDetailsArea .step01Area .formCol .inputField
{ width:93%; margin-bottom:20px; padding:10px;}
.productDetailsArea .step01Area .formCol .inputField input
{ font-size:1em; line-height:1.2; color:#3a3a3a; background: url(../images/common/ico-calendar.png) no-repeat 0px 0px; background-size:20px auto; padding-left:30px;}
.productDetailsArea .step01Area .formCol .col01,
.productDetailsArea .step01Area .formCol .col02,
.productDetailsArea .step01Area .formCol .col03
{ float:none; width:100%; height:auto; padding:0px; padding-bottom:15px; margin-bottom:30px;}
.productDetailsArea .step01Area .formCol .col01,
.productDetailsArea .step01Area .formCol .col02
{ border-right:none; border-bottom:1px solid #e0e0e0; width:100%;}
.productDetailsArea .step01Area .formCol .selectItem
{ margin-bottom:10px;}

.productDetailsArea .step01Area .formCol .btnEnquiry
{ position:relative; right:auto; bottom:auto; width:120px; margin:0px auto;}
.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; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e0e0e0; }
/* Step 01 Setting End
***********************/


/* Step 02 Setting Start
***********************/
.productDetailsArea .step02Area .tblCol
{ float:none; width:96%; margin:0px auto;}
/* Remark By Kwai 
.productDetailsArea .step02Area 
{ padding-bottom:80px;}


.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
{ width:50%; 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 .formInputGroup h2
{ float:left; width:100% !important; font-size: 1.1em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
    */
.productDetailsArea .step03Area .formCol .col {
   float:left; width:100% !important;
}

.productDetailsArea .step03Area .formCol .inputField {
   float:left; width:90% !important;
}
/* Added by Chris */

.productDetailsArea .step03Area 
{}
.productDetailsArea .step03Area .formCol
{ position:relative; float:none; width:96%; margin:0px auto;}
.productDetailsArea .step03Area .formCol .formGroup
{ width:100%; border-bottom:1px solid #e0e0e0; margin-bottom:25px;}
.productDetailsArea .step03Area .formCol h1
{ font-size: 1.15em; 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.1em; color:#3a3a3a; font-weight:bold; margin-bottom:5px;}

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

.productDetailsArea .step03Area .formCol .infoGroup
{ margin-bottom:30px;}
.productDetailsArea .step03Area .formCol .infoGroup .txtRed
{ font-size: 1em; color:#f00; margin-left:10px; 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:25%; font-size: 1.1em; color:#3a3a3a; font-weight:bold;}
.productDetailsArea .step03Area .formCol .infoRow p
{ float:left; width:75%; font-size: 1.1em; color:#3a3a3a; font-weight:normal;}

.productDetailsArea .step03Area .formCol .titRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .titRow h2
{ float:none; width:100%; font-size: 1.1em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .titRow .titOption
{ float:none; width:90%; }
.productDetailsArea .step03Area .formCol .titRow .titOption label
{ margin-bottom:5px; font-size:1.1em; padding-top:0px;}
.productDetailsArea .step03Area .formCol .titRow .selectItem
{ float:left; width:50%;  font-size:1em; margin-bottom:5px;}

.productDetailsArea .step03Area .formCol .nameRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .nameRow .col01
{ float:none; width:100%; margin-bottom:10px;}
.productDetailsArea .step03Area .formCol .nameRow .col02
{ float:none; width:100%; margin-left:0px;}

.productDetailsArea .step03Area .formCol .identityRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .identityRow .col01
{ float:none; width:100%;}
.productDetailsArea .step03Area .formCol .identityRow .selectItem
{ float:none;}
.productDetailsArea .step03Area .formCol .identityRow .selectItem label
{ margin-bottom:5px; font-size:1.1em; padding-top:0px;}
.productDetailsArea .step03Area .formCol .identityRow .inputField
{ float:none; width:70%; margin-left:40px; margin-bottom:10px;}
.productDetailsArea .step03Area .formCol .identityRow .col02
{ float:none; width:100%; margin-left:0px;}

.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:20%; font-size: 1.3em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .addressRow .oneCol .inputField
{ float:left; width:70.5%;}


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

.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:29.3333%; margin-right:3%;}
.productDetailsArea .step03Area .formCol .addressRow .threeCol .col h2
{ float:left; width:25%; font-size: 1.1em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .addressRow .threeCol .col .inputField
{ float:right; width:55%;}

.productDetailsArea .step03Area .formCol .addressRow .districtRow
{ margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .addressRow .districtRow h2
{ float:none; width:100%; font-size: 1.1em; color:#3a3a3a; font-weight:bold; padding-top:18px;}
.productDetailsArea .step03Area .formCol .addressRow .districtRow .titOption
{ float:left; width:100%; }
.productDetailsArea .step03Area .formCol .addressRow .districtRow .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:20%; font-size: 1.1em; color:#3a3a3a; font-weight:bold; padding-top:13px;}
.productDetailsArea .step03Area .formCol .addressRow .locationRow .titOption
{ float:left; width:60%; }

.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow
{ width:100%; margin-bottom:15px;}
.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow .col
{ float:none; width:100%; margin-right:3%;}
.productDetailsArea .step03Area .formCol .addressRow .phoneEmailRow .col h2
{ float:left; width:33%; font-size: 1.1em; 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:15px;}
.productDetailsArea .step03Area .formCol .insuredRow h2
{ float:none; width:100%; font-size: 1.1em; color:#3a3a3a; font-weight:bold; padding-top:8px;}
.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:none; width:100%; margin-right:0%; margin-bottom:10px;}
.productDetailsArea .step03Area .formCol .insuredNameRow .col h2
{ float:left; width:15%; font-size: 1.1em; color:#3a3a3a; font-weight:bold; padding-top:10px;}
.productDetailsArea .step03Area .formCol .insuredNameRow .col .inputField
{ float:left; width:75%; margin-right:3%;}

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

.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: 12px; line-height:1.3; margin-bottom:10px;}
.productDetailsArea .step03Area .otherInfoGroup b
{ font-size: 12px; 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:80%; 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:100%;}
.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:none; width:96%; margin:0px 2%;}
.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; line-height:1.3; color:#3a3a3a; margin-bottom:20px; font-weight:bold;}
.productDetailsArea .step04Area .resultCol .dataListingGroup
{ margin-bottom:20px;}
.productDetailsArea .step04Area .resultCol .titCol
{ float:none; width:100%; font-size:1.25em; line-height:1.2; color:#3a3a3a; font-weight:bold; margin-bottom:5px;}
.productDetailsArea .step04Area .resultCol .rCol
{ float:none; width:100%; font-size:1.1em; line-height:1.2; color:#3a3a3a; padding-top:0px; margin-bottom:10px;}
.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:99%;}
.productDetailsArea .step04Area .resultCol label p
{ width:82%; 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
{ float:left; width:40%; background:#009df2;}
.productDetailsArea .step04Area .resultCol .detailInfoRow
{ float:left; width:60%; background:#aee1fc; margin-bottom:15px;}
.productDetailsArea .step04Area .resultCol .detailTitleRow .nameCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .nameCol,
.productDetailsArea .step04Area .resultCol .detailTitleRow .ageCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .ageCol,
.productDetailsArea .step04Area .resultCol .detailTitleRow .genderCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .genderCol
{ padding:15px 5%; float:none; width:90%; border:1px solid #fff; border-bottom:none;}
.productDetailsArea .step04Area .resultCol .detailTitleRow .idPassportCol,
.productDetailsArea .step04Area .resultCol .detailInfoRow .idPassportCol
{ padding:15px 5%; float:none; width:90%; border:1px solid #fff;}
.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 .planDetailsTab .ctaRow
{ padding:30px 0px; text-align:center;}
.productDetailsArea .planDetailsTab .btnApplyNow
{ display:inline-block; float:none; margin-left:10px;}
.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 .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 .projectTit
{ background:#e2e6a9; font-size:1.3333em; padding:10px; color:#828558;}
.productDetailsArea .benefitScheduleTab .planName
{ background:#0192e3; font-size:1.3333em; padding:10px; color:#fff;}

.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:center;}
.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 .costSub.even,
.productDetailsArea .benefitScheduleTab .even .costSub
{ background:#e9e9e9;}

    .productDetailsArea .sobCol {
        position: relative;
        width: 100%;
    }
    .productDetailsArea .sobCol .showDetailMobile
    { 
      font-size: 1.5em; 
      color:#3a3a3a; 
      margin: 0px 2% 20px 2%; 
      font-weight:bold; 
    }

    .productDetailsArea .sobCol table
    { 
        border-collapse: separate;
        margin: 0px 2%;
        font-size: 100%; -webkit-text-size-adjust:none;


        width:96%;
    }
    .productDetailsArea .sobCol .headNote{
        margin: 10px 0px 10px 2%;
        font-size: 60%;
    }
    .productDetailsArea .sobCol .footNote{
        margin: 10px 0px 40px 2%;
        font-size: 100%;


    }
    /*
    .productDetailsArea .sobCol .footNote sup{
        font-size: 5px;
    }
    */
/* Schedule of Benefit End */

/* Related Document Setting Start
***********************/
.relatedDocArea
{ background:none; background-color:#dedede;}
.relatedDocArea .innerArea
{ width:100%; margin:0px auto; padding:38px 0px 0px 0px;}
.relatedDocArea .innerArea .arrowDown
{ position:absolute; top:0px; left:50%; margin-left:-20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f7f7f7;}
.relatedDocArea .innerArea .lCol
{ float:none; width:100%; font-size:1.5em; line-height:1.2; color:#3a3a3a; font-weight:bold; text-align:center; padding:10px 0px;}
.relatedDocArea .innerArea .lCol img
{ position:relative; display:inline-block; top:5px; width:20px; height:auto;}
.relatedDocArea .innerArea .rCol
{ float:none;}
.relatedDocArea .innerArea .rCol li
{ float:none; border-left:none; border-top:1px solid #fff;}
.relatedDocArea .innerArea .rCol li a
{ display:block; padding:10px 0px; font-size:1.33333em; line-height:1.2; color:#3a3a3a; font-weight:bold; text-align:center;}

/* Related Document Setting End
***********************/

/* TNC Setting Start
***********************/
.tncArea .innerArea
{ width:96%; margin:0px auto; padding:30px 0px 20px 0px;}
.tncArea .innerArea .lCol
{ float:none; width:100%;}
.tncArea .innerArea .lCol h1
{ margin-bottom:5px;}
.tncArea .innerArea .rCol
{ float:none; width:100%; }
/* TNC Setting End
***********************/

}

@media screen and (max-width:999px){
 .productDetailsArea .sobCol table
    { 
        border-collapse: separate;
        margin: 0px 2%;
        font-size: 75%; -webkit-text-size-adjust:none;
        width:96%;
	}
	.productDetailsArea .sobCol .footNote{
        margin: 10px 0px 40px 2%;
        font-size: 60%;
    }
}
/*Product Page Setting End
***********************/