@charset "utf-8";
/* Reset start */
html, body {margin:0; padding:0; border:0; width:100%; font-family:"Arial", "Helvetica", "sans-serif", "微軟正黑體"; font-size:12px; color:#333333; line-height:125%; -webkit-text-size-adjust:none;/*  -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
html{ height: 100%; }
body { min-height: 100%; }

/* html {overflow:hidden; position:fixed; width:100%; height:100%; } */

body{ overflow:auto; -webkit-overflow-scrolling: touch; background:rgb(250, 250, 250);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; outline:0;}
a {outline: 0; text-decoration:none; padding:0; margin:0;}
/* div, span { box-sizing: border-box;} */
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul {list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q::before,q::after { content:''; }
abbr,acronym { border:0; }
input, select, textarea {font-family:"Arial", "Helvetica", "sans-serif", "微軟正黑體"; font-size:12px; color:#666; border-radius:0;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.center {text-align:center;}
.clearfix {display: inline-block;}
.clearfix::after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}
.verMidOut {width:100%; height:100%; display:table; position:relative;}
.verMidMid {width:100%; display:table-cell; top:50%; vertical-align:middle; *position:absolute;}
.verMidIn {width:100%; position:relative; top:-50%;}
.fixed {position:fixed !important; left:0; top:0;}
/* Reset end */

/* Common Structure start */
.print a {
    background-position: 0 -96px;
    cursor: pointer;
}

.nowrap {white-space: nowrap;}

.mainContainer { width: 1024px; margin: 0 auto; position: relative; background:#FFF; /*min-height: 820px;*/ }

/*a { color: #FFFFFF; }*/
a:hover, a:active { text-decoration: none;}
p { padding-bottom: 20px;}

/* overlay */
body .overlay { display: none; position: fixed; top: 40px; left: 0; width: 100%; height: 100%; z-index: 99; /*z-index: 998;*/ background: #FFF; opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); }
.tempOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998;}

body.navOpen .overlay { display: block;  }
body.navOpen .navContainer { width: 230px;}

body.dropdown .dropDownList .dropDownContent{display:block;}

/*disable temporary */
/*.mainWrapper::after { display: block; content: ''; border-bottom: 8px solid #EC1A2D; } */

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



/* Common Structure end */

/* Main Content start */
.contentContainer { margin-left: 84px; padding: 0 20px; position: relative; /* height: 100%;*/}
.header { padding: 20px 0; border-bottom: 1px solid #CCCCCC; position: relative;}
.logo { text-indent: -9999px; margin-right: 30px;  display: table-cell;  vertical-align: bottom;}
.lastLogin { padding-left: 30px; display: table-cell;  vertical-align: bottom; position: relative;  bottom: -3px; display: none;}

h1 { font-size: 32px; color: #333333; float: left; display: inline-block; font-weight: bold; line-height: 36px;}
h2 { font-size: 20px; color: #333333; line-height: 20px;}
h3 { font-size: 14px;}

.mainWrapper { background: #FAFAFA; /*height: 100%;padding: 0 0 8px 0; box-sizing: border-box;*/}

/* overlay content */
/* .overlaymain { position:fixed; top:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); display:none; z-index:1000; } */
.overlaymain { position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:1000; }
.overlaymain:before { content:""; display: block; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); z-index: -1; }
.overlaycontent { width:470px; background-color:#FFF; padding:30px 40px; border-radius:5px; margin-left:auto; margin-right:auto; box-shadow: 5px 5px 5px #333333;  margin-top: 10%;  }
.overlaycontent h2{ font-size:1.4rem; color:#969696; margin-bottom:20px; font-weight:bold; }
.overlaycontent h3{ font-size:1.2rem; color:#999999; margin-bottom:10px; padding-bottom:0; }
.overlaycontent .btnContainer{ margin-bottom:0; }
.overlaycontent .btnContainer .btn{ margin-bottom:0; }
.btnContainer input.btn{ border:none; cursor:pointer; }
.btnContainer input.btn:hover{background-color: #BD1121;}
.btnContainer input.btn.gray:hover{ background-color: #666666;}
.overlaycontent .left{ float:left; }
.overlaycontent .right{ float:right; }
.overlaycontent .innerMessage{
	background-color:#FCDDE2;
	margin-bottom:30px;
	padding:20px; 
	border-radius:5px;
}
.overlaycontent .innerMessage h3{ padding-bottom:0; line-height:20px; padding-left:30px; background:url('../images/icon_error.png') no-repeat 0 3px; color:#ED1B2E; font-weight: normal; } 
.logoutcontent .innerMessage h3{ color: #ED1B2E; font-weight: normal;}
.billingnumcontent .innerMessage h3, .billingnumcontent .innerMessage ul{ color: black; font-weight: normal;padding-bottom:0; line-height:20px; padding-left:30px; font-size: 1.2rem; list-style-type: decimal; }
.billingnumcontent .innerMessage ul{ padding-left:50px;}
.logoutcontent .btnContainer .btn2 .btn {
    width: 120px;
}
.billingnumcontent .btnContainer .btn2 .btn {
    width: 130px;
}
.messageboxoverlay .btnContainer .btn2 .btn {
	width: 130px;
}

.innerHeader {padding: 30px 0;}
.pageDes { padding-bottom: 20px;}

.placeholderText { line-height: 32px; color: #A9A9B1;}
	
.tableContainer, .chartContainer, .tableCol2 { margin-bottom: 60px;}

.code { display: inline; padding: 0 5px 0 0;}

.loading { display: none; width: 100%; }
.loading img { max-width: 100px; }
.blockOverlay { background-color: #FFF !important; position: fixed !important; top: 0 !important; left: 0 !important;  }
.blockMsg { border: 0px !important; background-color: transparent !important; top: 25% !important; margin: 5% auto !important; left: 0 !important; right: 0 !important; width: 100% !important; }


	/* Top Nav start */
	.topNavContainer { background: #BCBCBA; width: 100%; height: 40px;}
	.topNavContainer .functionContainer { float: left; margin: 11px 17px 0px 100px; }
	.topNavContainer .topNav { float: right; margin: 10px 17px 0 0; font-size: 14px;}
	.topNavContainer .topNav ul li { display: inline-block; color: #FFFFFF; padding-right: 20px;}
	.topNavContainer .topNav ul li.topNavDate, .topNavContainer .topNav ul li.lang, .topNavContainer .topNav ul li.logout {position: relative; top: 3px;}
	.topNavContainer .topNav ul li.last { padding-right: 0;}
	.topNavContainer a { color: #FFFFFF;}
	.clientSearch a, .contact a, .print a { display: block; background: url(../images/nav/top_nav.png) no-repeat; width: 19px; height: 19px; text-indent: -9999px;}
	.clientSearch a { background-position: 0 -181px;}
	.contact a { background-position: 0 2px;}
	.print a { background-position: 0 -97px;}
	/* Top Nav end */
	
	/* Left Nav start */
	.navContainer { background: #BCBCBA; width: 80px; position: absolute; left: 0; top: 0; /*overflow: hidden;*/ z-index: 999; height: 100%; /*min-height: 820px;*/}
	.navContainer .nav {margin-top:40px;}
	.navContainer .nav li { color: #FFFFFF; height: 70px; position: relative; overflow: hidden; margin: 1px 0;}
	.navContainer .nav li a { width: 100%; height: 100%; background: url(../images/nav/nav.png) no-repeat; display: table; position: relative; color: #FFFFFF; background-size: 50px;}
	.navContainer .nav li .navText { display: table-cell; top: 50%; vertical-align: middle;  width: 100%;}
	.navContainer .nav li .navText span { display: inline-block; font-size: 13px; padding-left: 83px; position: relative;  line-height: 110%; width: 130px;}
	.navContainer .nav li.active { background: url(../images/nav/nav_bg.jpg) 0 0 repeat-y;}
	.navContainer .nav li.active:hover { background: url(../images/nav/nav_bg.jpg) 0 0 repeat-y; border-radius: 0;}
	.navContainer .nav li.active:hover::after { display: block; content: ''; width: 0; height: 0; position: absolute; right: 0; top: 50%; margin-top: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FFFFFF;}
	.navContainer .nav li.hover { background: #333333; width: 230px; margin-right: 1px;}
	.navContainer .nav li.topNav.hover{border-radius:0;}
	/*.navContainer .nav li:hover { background: #333333; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-radius: 6px; }*/
	.navContainer .nav li.active::after { display: block; content: ''; width: 0; height: 0; position: absolute; right: 0; top: 50%; margin-top: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FFFFFF; }
	.navContainer .nav li:hover::after { display: none;}
	
	/* nav item start */
	.navContainer .nav a.navMenu { background-position: 12px 0;}
	.navContainer .nav a.navPolicies { background-position: 12px -70px;}
	.navContainer .nav a.navInvestment { background-position: 12px -140px;}
	.navContainer .nav a.navTargetPrice { background-position: 12px -210px;}
	.navContainer .nav a.navContract { background-position: 12px -280px;}
	.navContainer .nav a.navPolicyContracteCopy { background-position: 12px -280px;}
	.navContainer .nav a.navEstatement { background-position: 12px -350px;}
	.navContainer .nav a.navSelectedHospitals { background-position: 12px -420px;}
	.navContainer .nav a.navPaymentInstructions { background-position: 12px -490px;}
	.navContainer .nav a.navChangeRequestsProcessing { background-position: 12px -560px;}
	.navContainer .nav a.navToolsUsefulLinks { background-position: 12px -630px;}
	.navContainer .nav a.navContactFinancialConsultant { background-position: 12px -700px;}
	.navContainer .nav a.navMyPrudentialClub { background-position: 12px -770px;}
	/* nav item end */
	
	/* Left Nav end */
	
	/* Footer start */
	.backToTopWrapper {position: fixed; right: 0; left: 0; margin-right: auto; margin-left: auto; min-height: 1px; width: 1024px; bottom: 100px; display: none; }
	.backToTopWrapper a{/*position: fixed; bottom: 0; right: 0;*/position: absolute; top: 0; right: 0; z-index: 101; background: url(../images/btn_top.png) no-repeat 0 0; width: 50px; height: 50px; text-indent: -5000px; }
	/* temporary hide border line */
	.footerContainer { border-top: 0px solid #CCCCCC; padding: 20px 0;}
	/*.footerContainer { border-top: 1px solid #CCCCCC; padding: 20px 0;} */
	
	.footerContainer .footer .copyright { display: block; padding-bottom: 10px;}
	.footerContainer .footer a { color: #333333;  margin-left: 10px;}
	.footerContainer .footer a::before { display: inline-block; content: ''; width: 1px; height: 12px; background: #333; margin: -2px 10px -2px 0; }
	.footerContainer .footer a:hover{text-decoration: underline;}
	.footerContainer .footer a.first::before{ display: none;}
	.footerContainer .footer a.first { margin-left: 0;}
	.footerContainer .footer a:active{background-color: transparent;}
	/* Footer end */


	/* Dropdown List start */
	.dropDownList { display: table; height: 100%; width: 100%;font-size: 14px;}
	.dropDownList .arrow { background: url(../images/arrow_small.png) 50% -200px no-repeat; width: 18px; height: 18px; display: block; position: absolute; right: 10px; top: 50%; margin-top: -9px;}
	.dropDownList.active .arrow { background-position: 50% -300px;}
	.dropDownList.active { z-index: 996;}
	.dropDownList .dropDownListHeader {  border: 1px solid transparent; width: 100%; box-sizing: border-box; cursor: pointer;}
	.dropDownList.active .dropDownListHeader { display: table; vertical-align: middle; border: 1px solid #BCBCBA; border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.dropDownList .dropDownContent { display: none;}
	.dropDownList .dropDownContent ul {padding-bottom: 0;}
	.dropDownList .dropDownContent ul li a { padding:15px 20px 15px 20px; display: block; color: #333333; /*position: relative;*/ height:auto;}
	.dropDownList .dropDownContent ul li a:hover, .dropDownList .dropDownContent ul li a:active{background:#F6F6F6;}
	.dropDownList .dropDownContent ul li a span.out{display:table; height:100%;}
	.dropDownList .dropDownContent ul li a span.in{display:table-cell; height:50%; vertical-align: middle; line-height: 15px;}
	
	.dropDownList .dropDownListHeader {border: 1px solid #EEEEEE; border-radius: 6px;}
	.dropDownList .dropDownListHeader:hover{background: #FAFAFA;}
	.dropDownList.active .dropDownListHeader { display: table; vertical-align: middle; border: 1px solid #BCBCBA !important;  border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #F6F6F6;}
	
	.dropDownList { font-size: 14px;position: relative;}
	.dropDownList .dropDownListHeader {  padding: 0 40px 0 20px; float: left; position: relative;  height: 40px; display: table; background: #FFFFFF;}
	.numRed {display: inline-block; background: #F2606F; color: #FFF; text-align: center; border-radius: 20px; height: 17px; width: auto; font-size: 11px; padding: 0 5px; line-height: 17px; vertical-align: middle;}
	.dropDownListHeader .numRedWrapper { display: inline-block; position: absolute; left: 5px; top: 23px; width: 30px;}
	.dropDownListHeader .numRed { float: right;}
	.dropDownListHeader .text { display: table-cell; vertical-align: middle;}
	.dropDownList .dropDownContent { border: 1px solid #CCCCCC; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; background: #FFFFFF; z-index: 998; position: absolute; width: 100%; top: 39px; box-sizing: border-box; overflow: hidden;}
	.dropDownList .dropDownContent ul {overflow: hidden;}
	.dropDownList .dropDownContent ul li { display: block;}
	.dropDownList .dropDownContent ul li .numRed { float: right;}
	
	.dropDownList .dropDownListHeader:hover{background:#F6F6F6;}

	/* Dropdown List end */

	/* expand area start */
	.expandContainer.active { border-bottom: 0;}
	.expandContainer .expandTitle { cursor: pointer; position: relative;}
	.expandContent { display: none;}
	.expandContainer.active > .expandContent { display: block;}
	/* .expandContainer .arrow { background: url(../images/arrow_large.png) 0 0 no-repeat; width: 18px; height: 8px; display: block; position: absolute; right: 10px; top: 50%; margin-top: -4px;} */
	.expandContainer .expandTitle.arrow.red::after { content:''; background: url(../images/arrow_large.png) 0 0 no-repeat; width: 18px; height: 8px; display: inline-block; position: absolute; right: 10px; top: 50%; margin-top: -4px;}
	
	.expandContainer.active .expandTitle.arrow.red::after { background-position: 0 -100px;}

	/* expand area end */
	
	/* Account Nav start */
	.accountNav { position: absolute; right: 0; top: 45%; margin-top: -18px; height: 51px; max-width: 300px; width: auto;}
	.accountNav .dropDownList { position: relative; height: 0;}
	.accountNav .dropDownList .dropDownListHeader { padding: 0 30px 0 60px; float: left; position: relative; height: 50px; display: table; background: #FFFFFF; border: 1px solid #FFF;}
	.accountNav .dropDownList .dropDownListHeader:hover, .accountNav .dropDownList.active .dropDownListHeader {background:#F6F6F6;}
	.accountNav .dropDownListHeader .iconPerson { background: url(../images/icon_person.png) 0 0 no-repeat; width: 28px; height: 28px; position: absolute; left: 26px; top: 5px;}
	.accountNav .numRed {display: inline-block; background: #F2606F; color: #FFF; text-align: center; border-radius: 20px; height: 17px; width: auto; font-size: 13px; padding: 0 5px;  line-height: 17px;}
	.accountNav .dropDownListHeader .numRedWrapper { display: inline-block;  width: 30px; position: absolute; top: 18px; left: -18px;}
	.accountNav .dropDownListHeader .numRed { float: right;}
	.accountNav .dropDownListHeader .text { display: table-cell; vertical-align: middle;}
	.accountNav .dropDownList .dropDownContent .text {display: block; padding: 15px 20px;}
	.accountNav .dropDownList .dropDownContent .text.mobile {display:none;}
	.accountNav .dropDownList .dropDownContent { border: 1px solid #CCCCCC; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; background: #FFFFFF; z-index: 998; position: absolute; width: 100%; top: 49px; box-sizing: border-box; overflow:hidden;}
	.accountNav .dropDownList .dropDownContent ul li { display: block;}
	.accountNav .dropDownList .dropDownContent ul li .numRed { position: absolute; right: 20px; top: 50%; margin-top: -8px;}
	.accountNav .dropDownList .dropDownContent ul li a { position: relative;}
	.accountNav .dropDownList .dropDownContent ul li a:hover { background: #F6F6F6; }
	

	/* Account Nav end */
	
	/*  Select Function start  */
	.selectFunction {  height: 40px; width: 240px;}
	.selectFunction.active {  z-index:999;}

	/*  Select Function end  */

	/* button or icon links start */
	
	/*.btnContainer.btn2 a.btn { width: 49%; float: left; }*/
	/*.btnContainer.btn2 a.btn:first-child { margin-right: 2%;}*/
	.btn { border-radius: 6px; padding: 10px; display: inline-block; box-sizing: border-box; text-decoration: none; font-size: 14px; line-height: 14px; text-align: center; width: 100%; background-repeat: no-repeat; box-sizing: border-box;}
	.btn.red { background-color: #EC1A2D; color: #FFFFFF;}
	.btn.gray { background-color: #BCBCBA; color: #FFFFFF;}
	.btn.gray.hover, .btn.gray:active { background-color: #666666;}
	.btn.red.hover, .btn.red:active { background-color: #BD1121;}
	.btnIcon { /* background: url(../images/icon_btn.png) no-repeat; */ padding-left: 36px; background-repeat: no-repeat; background-position: 10px 50%;}
	
	.btnContainer { position: relative;}
	.btnContainer.btn2 > div { float: left; margin: 0; box-sizing: border-box;}
	.btnContainer.btn2 > div .btn { display: block; /* padding-right:13px; */ text-align: center;}	
	.btnContainer.btn2 > div:first-child { padding-right: 7px;}
	.btnContainer.btn2 > div:last-child { padding-left: 7px;}
	
	/*.arrow.red { background: url(../images/arrow_small.png) 100% 0 no-repeat; padding-right: 18px;  display: inline-block; }*/
	.arrow::after { position: relative;}
	a.arrow.red { line-height: 18px;}
	.arrow.red::after { display: block; content: ''; background: url(../images/arrow_small.png) 50% 0 no-repeat; width: 18px; height: 18px; float: right;}
	.arrow.orange::after { display: block; content: ''; background: url(../images/arrow_orange.png) 50% -200px no-repeat; width: 13px; height: 13px;  margin-left: 10px; position: absolute; top: 50%; right: 10px; margin-top: -6px;}
	
	.iconLinkContainer { display: block;}
	.iconLinkContainer .iconLink { margin-right: 10px; text-indent: -9999px; display: inline-block;   text-align: left;}
	.iconLinkContainer .iconLink:last-child { margin-right: 0;}
	/* button or icon links end */

	/* table style start */
	.label { border-radius: 3px; width: 60px; display: inline-block; font-size: 12px; color: #FFFFFF; text-align: center;}
	.label.red { background: #EB192C;}
	.label.yellow { background: #FD9B3B;}
	.label.orange { background: #FD9B3B;}
	.label.pink { background: #E75265;}
	
	.tableContainer table { width: 100%;border-bottom: 1px solid #CCCCCC;}
	.tableContainer h2 { padding-bottom: 10px; border-bottom: 1px solid #999999; position: relative;padding-right: 40px; line-height: 28px;}
	.tableContainer h2.redBorder {  font-weight: bold;}
	.tableContainer h2.redBorder::before { display: block; width: 4px; background: #F2606F; content: ''; height: 28px; float: left;  margin-right: 10px; }
	.tableContainer h2 .remarks { line-height: 125%; font-size: 12px; display: block; margin-top: 20px;}
	
	.tableContainer a { color: #333333;}
	
	
	.tableContainer { border-bottom: 5px solid #FDF1F2; }
	.tableContainer::after { border-bottom: 5px solid #FFF; }
	.tableContainer.active { border-bottom: 5px solid #FDF1F2; }
	.tableContainer.active::after { border-bottom: 10px solid #FDF1F2; }
	.tableContainer.active .tableList .tableContent { border-bottom: 5px solid #FDF1F2;}
	.tableContainer.active .tableList .tableContent::after { display: block; content: ''; border-bottom:5px solid #FDF1F2;}
	
	/* table - no border bottom */
	/* .tableContainer.noBorder .tableList table td { border: 0;} */
	/* table - add border bottom (force) */
	/* .tableContainer.borderBottom .tableList table td { border-bottom: 1px solid;} */
	
	/* table - no expand function start */
	.tableContainer.noExpand { border-bottom: 0 !important;}
	.tableContainer.noExpand::after { display: none !important;}
	.tableContainer.noExpand .tableContent {border-bottom: 5px solid #FDF1F2;}
	/* table - no expand function end */
	
	.tableList { position: relative;}
	.tableList table th { padding: 10px; background: #FDF1F2; vertical-align: bottom;  border-bottom: 1px solid #CCCCCC;  box-sizing: border-box; }
	.tableList table td { padding: 20px 10px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box;}
	.tableList table td .code { display: block;}
	/* .tableList table tr:hover td { background: #FAFAFA;} */
	.tableList table tr:hover td td {background: #FFFFFF;}
	
	/* colspan start */
	.tableList .colspan span.colspanHead { display: block; text-align: center;}
	.tableList th.colspan span.colspanText { width: 50%; display: block; float: left; text-align: center;}
	.tableList td.colspan span.colspanText { width: 50%; display: block; float: left;}
	.tableList td.colspan div.colspanHead::before { display: block; padding-bottom: 10px;}
	/* colspan end */
	
	/* 2 colums fake table start */
	.tableCol2 { width: 100%; border-top: 1px solid #969696; border-bottom: 1px solid #CCCCCC;}
	.tableCol2 .tableRow { border-bottom: 1px solid #EEEEEE;}
	.tableCol2 .tableEndRow { border-bottom: 3px solid #EEEEEE;}
	.tableCol2 .tableRow:last-child { border-bottom: 0;}
	.tableCol2 .colLeft { display: block; width: 30%; padding: 10px 10px 10px 0; box-sizing: border-box; float: left;}
	.tableCol2 .colRight { display: block; width: 70%; padding: 10px 0 10px 10px; box-sizing: border-box; float: left;}
	.tableCol2 .colSpan { display: block; padding: 10px 0px; box-sizing: border-box; }
	.tableCol2.equalWidth .colLeft, .tableCol2.equalWidth .colRight { width: 50%; }
	.tableContent .tableCol2 { margin-bottom: 0; border-top: 0;}
	.tableContent .tableCol2 .colLeft { padding-left: 10px;}
	.tableContent .tableCol2 .colRight { padding-right: 10px;}
	/* 2 colums fake table end */
	
	/* 3 colums fake table start */
	.tableCol3 { width: 100%; border-top: 1px solid #969696; border-bottom: 1px solid #CCCCCC;}
	.tableCol3 .tableRow { border-bottom: 1px solid #EEEEEE;}
	.tableCol3 .tableRow:last-child { border-bottom: 0;}
	.tableCol3 .colLeft { display: block; width: 33%; padding: 10px 10px 10px 0; box-sizing: border-box; float: left;}
	.tableCol3 .colMiddle { display: block; width: 34%; padding: 10px 0px; box-sizing: border-box; float: left;}
	.tableCol3 .colRight { display: block; width: 33%; padding: 10px 0 10px 10px; box-sizing: border-box; float: left;}
	.tableCol3 .colSpan { display: block; padding: 10px 0px; box-sizing: border-box; }
	.tableContent .tableCol3 { margin-bottom: 0; border-top: 0;}
	.tableContent .tableCol3 .colLeft { padding-left: 10px;}
	.tableContent .tableCol3 .colRight { padding-right: 10px;}
	/* 3 colums fake table end */

		/* 4 colums fake table start */
	.tableCol4 { width: 100%; border-bottom: 1px solid #CCCCCC;}
	/* .tableCol4 { width: 100%; border-top: 1px solid #969696; border-bottom: 1px solid #CCCCCC;} */
	.tableCol4 .tableRow { border-bottom: 1px solid #EEEEEE;}
	.tableCol4 .tableRow:last-child { border-bottom: 0;}
	.tableCol4 .headerTopLeft {display: block; width: 20%; padding: 10px 10px 10px 0; box-sizing: border-box; float: left; background-color: rgb(205,26,45); color: white; }
	.tableCol4 .headerTopMiddle1{display: block; width: 20%; padding: 10px; box-sizing: border-box; float: left; background-color: rgb(205,26,45); color: white; }
	.tableCol4 .headerTopMiddle2{display: block; width: 40%; padding: 10px; box-sizing: border-box; float: left; background-color: rgb(205,26,45); color: white; }
	.tableCol4 .headerTopRight {display: block; width: 20%; padding: 10px 0 10px 10px; box-sizing: border-box; float: left; background-color: rgb(205,26,45); color: white; }
	.tableCol4 .headerLeft {display: none; width: 0%; padding: 10px 10px 10px 0; text-align: left; }
	.tableCol4 .headerMiddle1{display: none; width: 0%; padding: 10px; text-align: left; }
	.tableCol4 .headerMiddle2{display: none; width: 0%; padding: 10px; text-align: left; }
	.tableCol4 .headerRight {display: none; width: 0%; padding: 10px 0 10px 10px; text-align: left; }	
	.tableCol4 .colLeft { display: block; width: 20%; padding: 10px 10px 10px 0; box-sizing: border-box; float: left;}
	.tableCol4 .colMiddle1 { display: block; width: 20%; padding: 10px; box-sizing: border-box; float: left;}
	.tableCol4 .colMiddle2 { display: block; width: 40%; padding: 10px; box-sizing: border-box; float: left;}
	.tableCol4 .colRight { display: block; width: 20%; padding: 10px 0 10px 10px; box-sizing: border-box; float: left;}
	.tableCol4 .colSpan { display: block; padding: 10px 0px; box-sizing: border-box; }
	.tableContent .tableCol4 { margin-bottom: 0; border-top: 0;}
	.tableContent .tableCol4 .colLeft { padding-left: 10px;}
	.tableContent .tableCol4 .colRight { padding-right: 10px;}
	/* 4 colums fake table end */

	/* table style end */
	
	/*Footer red strip*/
	/* .colorFooter{width:100%; height:8px; background:rgb(237, 27, 46); z-index: 1000; position: absolute;} */


	/* list item */
	ol { list-style-type: decimal; margin: 0 0 0 17px;}
	ol li { padding: 0 0 10px 0;}
	ol li:last-child { padding: 0;}
	
	/* scroll bar */
	.jspVerticalBar, .jspTrack { width: 8px !important;}
	.jspTrack, .jspVerticalBar { background: transparent !important;}
	.jspVerticalBar {/*  right: 9px !important; */}
	.jspDrag { width: 8px; border-radius: 10px; background: #CCC !important;}
	.jspPane { width: 100% !important; box-sizing: border-box; /* padding: 0 20px !important; */}

	.dropDownList .dropDownContent.scroll-pane { height: 300px;}
	.dropDownContent.scroll-pane .jspVerticalBar { right: 6px;}


	/* select */
	.customSelect { width: 100%;  padding: 0;  height: 36px;  font-size: 12px;  text-align: left; box-sizing: border-box; cursor: pointer; display: block; user-select: none; -webkit-user-select: none; /*position: relative;*/  z-index: 10; background: url(../images/arrow_small.png) 100% -190px no-repeat #FFFFFF;}
	.customSelect.active { background-position: 100% -290px;}
	.customSelect .display { color: #666; line-height: 32px;  display: block; overflow: hidden; text-overflow: ellipsis; border: 2px solid #CCCCCC; -webkit-box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1);  box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1);}
	/*.customSelect .arrow { position: absolute; right: 10px; top: 50%; margin-top: -9px;  width: 18px; height: 18px;  display: block; background: url(../images/arrow_small.png) 50% -200px no-repeat;}*/
	.customSelect.active .listContainer { z-index: 999;}
	.customSelect.active .arrow { background-position: 50% -300px;}
	
	.listContainer { /* border-radius: 6px; */ padding: 0 12px; box-sizing: border-box;}
	.listContainer ul li:first-child { display: none;}
	.inputDiv, .display { padding: 0 12px; box-sizing: border-box; }

	
	.listContainer { background: #FFFFFF; border: 2px solid #CCCCCC; position: relative;margin-top: -5px; border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden;padding: 0;}
	.listContainer.resetPos { border-bottom-left-radius:0 !important; border-bottom-right-radius: 0 !important; /*border-radius: 6px;*/ position: relative; bottom: 146px;}
	.listContainer ul  { /*max-height: 200px; */ /*overflow-y: auto;*/  background: #FFFFFF; }
	.listContainer ul li { cursor: pointer; padding: 10px 12px; -webkit-user-select: none; color: #666;}
	.listContainer ul li:hover { background-color: #ED1B2E;  color: #FFF; }
	
	/* input */
	.inputDiv { height:36px; text-align:left; border-radius: 6px; border:#CCCCCC 2px solid; -webkit-box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1); box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1); background: #FFFFFF;}
	.inputDiv input { border: none; background: 0; padding: 0; margin: 0 !important; width: 100%; height:32px; line-height: 32px;}

	/* float area start */
	body.overlayOpen .overlay { display: block; top: 0;}
	body.overlayOpen .navContainer { z-index: 995;}
	
	
	.floatArea { position: absolute; right: -1373px; top: 20px; box-sizing: border-box; display: none; z-index: 999; display: none;}

	.floatArea .btnClose { background: url(../images/btn_close.png) 0 0 no-repeat; width: 16px; height: 16px; text-indent: -9999px; display: block; position: absolute; z-index: 999; }
	
	.floatArea h2 { font-size: 20px; padding-bottom: 20px;}
	
	
	.hiddenLayer{ position: absolute; left: 0; width: 100%; height: 100%; z-index: 999; display: none;}
	.hiddenLayer > div { position: relative; max-width: 1024px; height: 100%; margin: 0 auto;}
	
	/* float area end */
	
	/* remarks */
	.tableContainer .remarks .red { color: #EB192C;}
	/*.tableContainer .remarks */.remarksLabel {margin-right: 5px; float: left;}
	/*.tableContainer .remarks */.remarksContent { display: inline-block; float: left;}
	
	
	/* Hints start */
	.btnHints { display: inline-block; width: 18px; height: 19px;}
	.btnHints img { width: 100%;}
	.hintsContainer { position: absolute; width: 260px; height: auto; z-index: 995; margin-left: -130px;
  left: 50%; bottom: 100%; margin-bottom: 15px;}
	h4 { color: #333333; padding: 0 20px 15px 0; font-weight: bold;  }
	.hintsContainer .hintsArea { border-radius: 6px; background: #EEEEEE; width: 260px; position: relative; padding: 20px; box-sizing: border-box; display: block;}
	.hintsContainer .btnHintsClose { position: absolute; right: 10px; top: 10px; display: block; width: 16px; height: 16px; background: url(../images/btn_close_hints.png) 0 0 no-repeat; text-indent: -9999px; text-align: left;}
	.hintsContainer .hintsTitle { display: block; box-sizing: border-box; padding: 0 25px 10px 0; font-weight: bold; text-align: left; font-size: 12px; color: #333333;}
	.hintsContainer .hintsContent { background: #FFFFFF; padding: 10px; width: 100%; height: 100%; /* min-height: 60px; */ box-sizing: border-box;  text-align: left; display: block; font-size: 12px; color: #333333;}
	
	.hintsWrapper {display: inline-block; position: relative; vertical-align: bottom; margin-left: 5px; margin-top: -2px;}
	.hintsContainer .arrow { left: 50%; border: solid transparent; /* height: 15px; width: 15px; */ position: absolute; pointer-events: none; border-top-color: #EEEEEE; border-width: 10px; margin-left: -10px;}
	.btnHints::before { display: none; left: 50%; top: -15px; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #EEEEEE; border-width: 10px; margin-left: -9px;}
	.hintsWrapper.active .btnHints::before { display: block;}
	
	/* .tableList .tableContent th.hints .hintsWrapper { display: block;} */
	.tableList .tableContent td .responsive { position: relative;}
	.tableList .tableContent td.hints .hintsWrapper { display: none; position: absolute; width: 16px; }
	/* Hints end */
	
	/* Disc */
	/* .tableCol2 .listRow > span { padding-bottom: 0;} */
	.tableCol2 .listRow { border-bottom: 0; }
	.tableCol2 .tableRow.listRow span { padding-bottom: 0;}
	.tableCol2 li { margin-bottom: 10px;}
	.tableCol2 li:last-child { margin-bottom: 0;}
	/*
	.tableCol2 li.disc { position: relative; padding-left: 20px;}
	.tableCol2 li.disc::before { display: block; content: ''; background: #333333; border-radius: 100%; width: 5px; height: 5px; float: left; margin-top: 4px; position: absolute; left: 3px;}
	*/
	
	
	.discPt { position: relative; padding-left: 20px; display: block;}
	.discPt::before { display: block; content: ''; border: 2px solid #333333; border-radius: 100%;  float: left; margin-top: 4px; position: absolute; left: 3px; top: 2px;}
	

	/* List */
	ul.disc { list-style: disc; margin-left: 20px;}


	/* Custom checkbox start */
	.checkboxRow { display: block; margin-bottom: 20px; white-space: nowrap; }
	.checkboxDiv input[type=checkbox] { opacity: 0; width: 20px; height: 20px; cursor: pointer; display: inline-block; vertical-align: middle;}
	.checkboxDiv { display: inline-block; width: 20px; height: 20px; border: 2px solid #CCCCCC; border-radius: 6px; margin: 0; text-overflow: ellipsis; border: 2px solid #CCCCCC; -webkit-box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1);  box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1); background: #FFFFFF no-repeat 50% 50%; }
	.checkboxDiv.checked { background-image: url(../images/icon_checkbox_tick.png);}
	.checkboxLabel { cursor: pointer; margin: 5px 0 0 10px; display: inline-block; white-space: normal; vertical-align: top; }
	.checkboxDiv.disabled { background-color: #E0E0E0;}
	.checkboxDiv.disabled input[type=checkbox] { cursor: default;}
	/* Custom checkbox end */

	/* Custom radio start */
	
	/*.radioContainer span { position: relative;}*/
	input[type='radio'] { width: 20px; height:  20px; opacity: 0; float: left; cursor: pointer;}

	input[type='radio'] + label { margin: 0; clear: none; padding: 0 0 0 30px; cursor: pointer; display: block; line-height: 20px;}

	input[type='radio'] + label {background-repeat:no-repeat; background-position:0 0;}
	input[type='radio'] + label {background-image:url(../images/icon_radio.png);}
	input[type='radio'] + label {background-image:none\9;}
	input[type='radio'] + label {background-image:url(../images/icon_radio.png)\9\0;}

	input[type='radio']:checked + label {background-position:0 -100px;}

	.radioContainer input[type=radio] { opacity: 0; width: 20px; height: 20px; cursor: pointer; display: inline-block; vertical-align: middle;}
	.radioDiv { display: inline-block; width: 20px; height: 20px; background: url(../images/icon_radio.png) 0 0 no-repeat; cursor: pointer; margin: 8px 10px 0 0;}
	.radioDiv.checked { background-position:0 -100px;}
	/* Custom radio end */	
	
/* Main Content end */



/*.footerContainer { position: absolute;  bottom: 20px; width: 100%; padding: 20px 0; box-sizing: border-box;}

.mainContainer, .mainWrapper {height: 100%; min-height: 820px;}
.contentContainer {height: 100%; padding: 0 20px 116px 20px; box-sizing: border-box;}*/

/*.mainWrapper {min-height: 100%; margin-bottom: -116px;}
.mainWrapper::after { display: block; content: '';} 

.footerContainer { position: relative;}
.footerContainer, .mainWrapper::after { height: 116px;}*/

/*.mainContent {padding-bottom: 116px; box-sizing: border-box;}
.footerContainer { position: absolute; bottom: 0; width: 100%;}
.contentContainer { min-height: 820px;}*/

/*.footerContainer {position: absolute; bottom: 0;}*/
.backToTopWrapper {z-index: 1;}

/* select policy */
.selectPolicy .subTitle { display: block; padding: 20px 0 15px 0; margin: 0 25px; box-sizing: border-box; border-bottom: 1px solid #333333; font-weight: bold; }
.selectPolicy .listRow { padding: 0 25px; /*border-bottom: 1px solid #EEEEEE;*/ box-sizing: border-box;}
.selectPolicy .listRow:hover { background: #F6F6F6;}
.selectPolicy .listRow a { color: #333333;}
.selectPolicy .listConatiner:last-child { padding-bottom: 20px; box-sizing: border-box;}
.selectPolicy .number { display: block; width: 30%; float: left; padding: 15px 10px 15px 0;  box-sizing: border-box;}
.selectPolicy .name { display: block; width: 70%; float: left; padding: 15px 0; text-align: right;}
.selectPolicy .dropDownListHeader .text { max-width: 332px; }
.selectPolicy .dropDownListHeader .number, .selectPolicy .dropDownListHeader .name { padding: 0px; }
.selectPolicy .dropDownListHeader .number { width: 33%; }
.selectPolicy .dropDownListHeader .name { width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selectPolicy { float: left; width: 394px;}
.selectViewMode { float: right; width: 244px;}

/* error msg */
.msgError { display: inline-block;  color: #ED1B2E; padding: 10px 10px 10px 40px; position: relative; background: #FCDDE2; margin: 0 0 10px 0; width: 100%; box-sizing: border-box;}
.msgError::before { display: inline-block; content: ''; width: 18px; height: 15px;  background: url(../images/icon_error.png) 0 0 no-repeat; position: absolute; left: 10px;top: 10px;}
.msgError a { color: #ED1B2E !important;}

table .msgError { background: transparent; padding: 0; margin: 10px 0 0 0; }
table .msgError::before { display: none; }

.captiontitle1 {
  background: #e9e9e9;
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 5px 3px 5px 15px;
  text-align: left; /*text-indent: 15px;*/
}
.captionData2 {
  background: #FFFFFF;
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #CCCCCC;
  color: #000000;
  padding: 5px 3px 5px 5px;
  text-align: left;
}
.clearRightBorder {
  border-right: 0px !important;
}
table.bgTable {
  border-left: 1px solid #CCCCCC !important;
  border-top: 1px solid #ffffff !important;
  display: table;
}
.bgTable td.captionData-left-padding-15px {
  padding-left: 15px;
}
.bgTable td, .bgTable th, .bgTable a:link {
}

@media only screen and (min-width:0px){
	/* check window size */
	body::after{content:'desktop'; display:none;}
}
@media only screen and (max-width:1023px){
	/* check window size*/
	body::after{content:'tablet'; display:none;}


	.mainContainer { width: 100%;}
	.lastLogin { max-width: 400px;}
	
	.pageDes { padding-bottom: 15px;}
	
	/* button or icon links start */
	/* .btnIcon { background: url(../images/mobile/icon_btn.png) no-repeat; background-size: 33px;} */
	.btnIcon { background-repeat: no-repeat; /*background-position: 9px 8px; */background-size: 16px;}
	
	.arrow.red::after { background-image: url(../images/mobile/arrow_small.png); background-size: 33px; }
	.arrow.orange::after { background-image: url(../images/mobile/arrow_orange.png); background-size: 23px;   background-position: 50% -100px;}
	/* button or icon links end */
	
	/* custom select start */
	.customSelect { background-image: url(../images/mobile/arrow_small.png); background-size: 33px; background-position: 100% -85px;}
	.customSelect.active {background-position: 100% -137px;}
	/* custom select end */
	
	/* hints start */
	.hintsContainer .btnHintsClose {  background: url(../images/mobile/btn_close_hints.png) 0 0 no-repeat; background-size: 12px;}
	/* hints end */
	
	/* Main Nav start */
	.navContainer .topNav.mobile span.clientSearch a { background: url(../images/mobile/nav/search.png) no-repeat; font-size: 0px; }
	.navContainer .topNav.mobile span.contact a { background: url(../images/mobile/nav/top_nav.png) no-repeat; font-size: 0px; }
	/* .navContainer .nav li a { background: url(../images/mobile/nav/nav.png) no-repeat; background-size: 73px;} */
	
	/* Main Nav end */
	
	/* Account Nav */
	.accountNav .dropDownList .dropDownListHeader .iconPerson { background: url(../images/mobile/icon_person.png) 0 0 no-repeat; background-size: 28px;}
	
	/* Dropdown */
	.dropDownList .arrow { background: url(../images/mobile/arrow_small.png) 50% -95px no-repeat; background-size: 33px;}
	.dropDownList.active .arrow { background-position: 50% -145px;}
	
	/* Expand Area */
	.expandContainer .expandTitle.arrow.red::after { background-image: url(../images/mobile/arrow_large.png); background-size: 15px; }
	.expandContainer.active .expandTitle.arrow.red::after { background-position: 0 -50px;}
	
	.hintsContainer .btnHintsClose { background-size: 12px;}

	/* float area */
	.floatArea .btnClose { background-image: url(../images/mobile/btn_close.png); background-size: 16px;}

	.backToTopWrapper { width: 100%;}
	.backToTopWrapper a { right: 10px;}
}
@media only screen and (max-width: 830px){
	.lastLogin { max-width: 250px;}
}
@media only screen and (max-width:767px){
	
	.header {position: fixed; left: 0; top: 0; width: 100%; background-color: #FFF; z-index:100;}
	/*.innerHeader h1 {position: fixed; top: 52px; background-color: #FFF; padding-top: 20px; padding-bottom: 20px; z-index:100; width: 95%;}
	h1.hiddenH1 { z-index: 99;}*/
	.backToTopWrapper {width: 100%; bottom: 110px;}
	.backToTopWrapper a { background-image: url(../images/mobile/btn_top.png); background-size: 35px; width: 35px; height: 35px; right: 20px;}
	.navContainer .nav a.navPolicyContracteCopy {
		background-position: 12px -205px;
	}
	
	/* check window size */
	body::after{content:'mobile'; display:none;}
	
	/* error msg */
	.msgError::before { background-image: url(../images/mobile/icon_error.png); background-size: 18px;}

	/* overlay and fix scroll */
	html {overflow:visible; position:absolute; width:100%; height:100%; }
	body {position:absolute; height: 100%; width: 100%; overflow: auto;}

	/*html.hiddenScroll {position:fixed;}*/
	
	html.hiddenScroll body {overflow: hidden;}
	html.hiddenScroll .overlay { background: #FFF; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);}
	body.overlayOpen { overflow: hidden;position:absolute; width:100%; height:100%; background: #FFF; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
	
	
	.mobile { display: block;}
	.desktop { display: none;}
	
	/* Common Structure start */
	p { padding-bottom: 10px;}
	a, a:hover { text-decoration: none;}
	
	.mainWrapper {/*overflow-x: hidden;*/}
	.mainContainer { width: 100%;}
    .blockMsg { margin: 5% auto !important; left: 0 !important; right: 0 !important; }
    .loading { /* width: 200%; */ }
    .loading img { /* max-width: 200%; margin-left: -50%; */ }
	
	.tableContainer, .chartContainer, .tableCol2 { margin-bottom: 25px;}

	.code { display: block;}
	
	/* overlay */
	body .overlay { top: 0 !important;}
	body.navOpen .mainContainer { left: 230px;}
	body.navOpen .overlay { display: block; top: 0;}
	body.dropdown .overlay { display: block; top: 0;}
	 
	/* button or icon links start */
	.btn { border-radius: 5px; font-size: 12px; line-height: 12px; text-align: center;}
	.btnIcon { padding-left: 36px; }
	.btn.gray.hover, .btn.gray:active { background-color: #999999;}
	.btn.btnContainer .btnIcon {padding-left: 30px;}
	.btnContainer.btn2 > div { width: 50%;}
	.btnContainer.btn2 > div:first-child { padding-right: 4px;}
	.btnContainer.btn2 > div:last-child { padding-left: 4px;}
	.btnContainer.btn2 > div .btn { width: 100%; }
	/* button or icon links end */
	
	/* input */
	.inputDiv {  border-radius: 6px; display: block;}

	/* Common Structure end */
	
	/* Main nav start */
	.topNavContainer { display: none;}
	
	.navContainer { position: absolute; right: 100%; left: auto; top: 0; width: 230px; z-index: 999;}
	.navContainer .topNav.mobile {display: table; width: 100%;}
	.navContainer .topNav.mobile span.clientSearch a { width: 15px; height: 15px; background-size: 100%; margin-top: 2px;}
	.navContainer .topNav.mobile span.contact a { width: 15px; height: 15px; background-size: 100%; margin-top: 2px;}
	.navContainer .topNav.mobile span.lang a, .navContainer .topNav.mobile span.logout a {margin-top:2px;}
	.navContainer .topNav.mobile:hover { background: none;}
	.navContainer .topNav.mobile:hover::after { border: 0;}
	.navContainer .topNav.mobile span { float: left; display: table-cell; vertical-align: middle; padding: 20px 15px;}
	.navContainer .topNav.mobile span.hover{background:rgb(51, 51, 51);}

	.navContainer .topNav.mobile .lang { font-size: 15px;}
	.navContainer .topNav.mobile .logout { float: right;}
	.navContainer .nav li { height: 57px;}
	.navContainer .nav li a { background: url(../images/mobile/nav/nav.png) no-repeat; background-size: 50px;}
	.navContainer .nav li .navText span { font-size: 14px; padding-left: 70px;}
	.navContainer .nav li.hover { width: 100%;}
	.navContainer .nav a.navPolicies { background-position: 12px -52px;}
	.navContainer .nav a.navInvestment { background-position: 12px -104px;}
	.navContainer .nav a.navTargetPrice { background-position: 12px -156px;}
	.navContainer .nav a.navContract { background-position: 12px -208px;}
	.navContainer .nav a.navEstatement { background-position: 12px -260px;}
	.navContainer .nav a.navSelectedHospitals { background-position: 12px -312px;}
	.navContainer .nav a.navPaymentInstructions { background-position: 12px -364px;}
	.navContainer .nav a.navChangeRequestsProcessing { background-position: 12px -416px;}
	.navContainer .nav a.navToolsUsefulLinks { background-position: 12px -468px;}
	.navContainer .nav a.navContactFinancialConsultant { background-position: 12px -520px;}
	.navContainer .nav a.navMyPrudentialClub { background-position: 12px -572px;}

	.navContainer .nav li:active { background: #333333; width: 230px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
	.accountNav .dropDownList .dropDownContent .text.mobile {display:block;}
		
	.header { border-color: #AAAAAA;}
	.header a.mobileNav { width: 20px; height: 15px; background: url(../images/mobile/icon_menu.png) 50% 50% no-repeat; background-size: 100%; display: block; float: left; text-indent: -9999px; margin: 8px; margin-left:11px; z-index: 997; cursor: pointer;  position: relative;}
	.header .logo { width: 126px; height: 30px; display: block; position: absolute; left: 50%; margin-left: -53px; z-index: 998;}
	.header .logo img { width: 100%;}
	.lastLogin { max-width: 100%; padding: 15px 10px; border-bottom: 1px solid #AAAAAA;} 
	
	.accountNav { width: 100%; /* right: 10px; */ padding: 10px; padding-top:0;max-width: 100%; top: 20px; box-sizing: border-box;}
	.accountNav .dropDownList { top: 50px;}
	.accountNav .dropDownList .dropDownListHeader { border: 0; width: 30px; float: right; padding: 0 10px 10px 20px; height: 47px; border: 1px solid #FFFFFF; margin-top: -48px;}
	.accountNav .dropDownList.active .dropDownListHeader { background: #F6F6F6;  border: 1px solid #BCBCBA; border-bottom: 1px solid #F6F6F6 !important; z-index: 999;}
	.accountNav .dropDownList .dropDownListHeader .iconPerson { float: right; position: relative; left: 0; top: 4px; }
	.accountNav .dropDownList .dropDownListHeader .text { display: none;}
	.accountNav .dropDownList .arrow { display: none;}
	.accountNav .dropDownList .dropDownContent { border: 1px solid #BCBCBA; border-top-left-radius: 6px; top:-2px;}
	.accountNav .dropDownList.active .dropDownContent .text { background: #F6F6F6; border-top-left-radius: 6px;}
	.accountNav .numRed { font-size: 12px;}
	
	.selectFunction .dropDownList { font-size: 12px;}
	.header {padding:10px 0;}
	/* .logo {background-position:0 5px;} */
	.navContainer .nav {margin-top:0;}
	/* Main nav end */
	
	/* Main Content start */
	.innerHeader { padding: 0 0 20px 0;}
	h1 { display: block; float: none; font-size: 20px; line-height: 20px;}
	h2 { font-size: 15px; }
	.lastLogin.mobile { display: none;}

	.selectFunction { float: none; width: 100%; margin-top: 10px;}
	
	.contentContainer { margin: 0; padding: 0; position: relative;}
	
	.mainContent { padding: 72px 10px 0 10px; }
	
		/* Footer start */
		.footerContainer { padding: 20px 10px 15px 10px; width: 100%; box-sizing: border-box; left: 0;}
		/* Footer end */
		
		/* Dropdown List start */
		.dropDownList {font-size: 12px;}
		.dropDownList.active { z-index: 999;}
		.dropDownList .dropDownContent ul { padding-bottom: 0px;}
		.dropDownList .dropDownContent ul li a { padding:15px 20px 15px 20px; height:auto;}
		/* Dropdown List end */
		
		/* expand area start */
		/* .expandContainer.active .expandTitle.arrow.red::after { background-position: 0 -50px;} */

		/* expand area end */
		
		/* convert table start */
		/*table *{display:block; width:100%\9; float:left\9;}*/
		table tr:nth-child(1){display:none;}
		table td div{display:table; width:100%;}
		table td > div::before{content:attr(data-label); min-width: 70px; color: #333333; left: 10px; top: 10px; text-align: left; width: 50%; display:table-cell; vertical-align: top;}
		table td div::after { content: ''; clear: both; display: block;}
		table td span.text { text-align: right; display:table-cell; vertical-align: middle;float: right;}
		.tableList { width: 100%;}
		
		.tableList table th { border-bottom: 0;}
		/*.tableList table tr { display: block;  padding: 0;}*/
	
		.tableList table tr td:last-child { border-bottom: 0;}
		.tableContainer.active .tableList table tr:nth-child(2) td { border-top: 0;}
		/*.tableList table td::before { content: attr(data-label); min-width: 70px; color: #333333; left: 10px; top: 10px; text-align: left; width: 50%; display: inline-block; vertical-align: middle;}*/

		.tableList table tr:hover td { background: none;}
		.tableList table td { width: 100%; display: block;/* border-bottom: 1px solid #ddd;*/ padding: 10px; position: relative; box-sizing: border-box;}
		.tableList table td span.text a { text-decoration: underline;}
		.tableContent table td:first-child { background: #FDF1F2;  border-bottom: 0;  }
		.tableList table tr:hover td:first-child { background: #FDF1F2;}
		.tableList table tr:not(:nth-child(2)) td:first-child {border-top: 1px solid #CCCCCC;}
		.tableList table tr:last-child td:last-child { border-bottom: 0;}
		/* colspan */
		.tableList td.colspan .colspanText::before{content:attr(data-label); min-width: 70px; color: #333333; left: 10px; top: 10px; text-align: left; width: 50%; display: inline-block;  float: left;}
		.tableList td.colspan span.colspanText { text-align: right; display:block; vertical-align: middle; width: 100%; padding-bottom: 10px;}
		.tableList td.colspan span.colspanText:last-child { padding-bottom: 0;}
		.tableList td.colspan div.colspan { display: table;}
		.tableList td.colspan div.colspan::before { display: none;}
		.tableList td.colspan span.colspanHead { display: block;}
		.tableList td.colspan div.colspan::before { display: block; content: attr(data-label); width: 100%; padding-bottom: 10px;}
		.tableList td.colspan span.text { display: block;}
		/* convert table end */
		
		/* 2 colums fake table start */
		.tableCol2 { width: 100%;}
		.tableCol2 .tableRow {border-bottom: 1px solid #EEEEEE; margin: 0 10px;/*  padding: 10px 0; */}
		/* .tableCol2 .tableRow:first-child {border-top: 1px solid #999999;} */
		.tableCol2 .colLeft { width: 50%; text-align: left; }
		.tableCol2 .colRight { width: 50%; text-align: right; }
		.expandContent .tableCol2 .colLeft { padding-left: 0;}
		.expandContent .tableCol2 .colRight { padding-right: 0;}
		/* 2 colums fake table end */
		
		/* 3 colums fake table start */
		.tableCol3 { width: 100%;}
		.tableCol3 .tableRow {border-bottom: 1px solid #EEEEEE; margin: 0 10px;/*  padding: 10px 0; */}
		.tableCol3 .colLeft { width: 33%; text-align: left; }
		.tableCol3 .colRight { width: 33%; text-align: left; }
		.expandContent .tableCol3 .colLeft { padding-left: 0;}
		.expandContent .tableCol3 .colRight { padding-right: 0;}
		/* 3 colums fake table end */

		/* 4 colums fake table start */
		.tableCol4 { width: 100%;}
		.tableCol4 .tableRow {border-bottom: 1px solid #EEEEEE; margin: 0 10px;/*  padding: 10px 0; */}
		.tableCol4 .headerTopLeft {display: none; width: 100%; text-align: left; }
		.tableCol4 .headerTopMiddle1{display: none; width: 100%; text-align: left; }
		.tableCol4 .headerTopMiddle2{display: none; width: 100%; text-align: left; }
		.tableCol4 .headerTopRight {display: none; width: 100%; text-align: left; }
		.tableCol4 .headerLeft {display: block; padding: 10px 10px 10px 0px; width: 50%; text-align: left; box-sizing: border-box; float: left;}
		.tableCol4 .headerMiddle1{display: block; padding: 10px 10px 10px 0px; width: 50%; text-align: left; box-sizing: border-box; float: left;}
		.tableCol4 .headerMiddle2{display: block; padding: 10px 10px 10px 0px; width: 50%; text-align: left; box-sizing: border-box; float: left;}
		.tableCol4 .headerRight {display: block; padding: 10px 10px 10px 0px; width: 50%; text-align: left; box-sizing: border-box; float: left;}										
		.tableCol4 .colLeft {display: block; padding: 10px 0px 10px 10px; width: 49%; text-align: right; box-sizing: border-box; float: right;}
		.tableCol4 .colMiddle1{display: block; padding: 10px 0px 10px 10px; width: 49%; text-align: right; box-sizing: border-box; float: right;}
		.tableCol4 .colMiddle2{display: block; padding: 10px 0px 10px 10px; width: 49%; text-align: right; box-sizing: border-box; float: right;}
		.tableCol4 .colRight {display: block; padding: 10px 0px 10px 10px; width: 49%; text-align: right; box-sizing: border-box; float: right;}
		.expandContent .tableCol4 .colLeft { padding-left: 0;}
		.expandContent .tableCol4 .colRight { padding-right: 0;}
		/* 4 colums fake table end */
		
			
		/* No Convert Table start */
		.tableList.noConvertTable table td:first-child { background: #FFFFFF;}
		.tableList.noConvertTable table tr:nth-child(1) { display: table-row;}
		.tableList.noConvertTable table tr td:last-child { border-bottom: 1px solid #CCCCCC;}
		/*.tableList.noConvertTable table tr:nth-child(1) th { float: left;}*/
		.tableList.noConvertTable table td { /*display: block; float: left; width: auto;*/ display: table-cell;}
		.tableList.noConvertTable table td { width: auto;}
		.tableList.noConvertTable table tr:hover td:first-child { background: #FFFFFF;}	
		.tableList.noConvertTable table .responsive::before { display: none;}
		.tableList.noConvertTable table .responsive span.text { float: left; text-align: left;}
		/* No Convert Table end */
			
		/* table style start */
		.tableContainer h2 { line-height: 36px; padding-bottom: 6px; min-height:34px;}
		.tableContainer h2.redBorder::before {height: 36px; width: 6px;}	
		
		/* table style end */
		
		/* float area */
		.floatArea { position: fixed; top: 0;  width: 100% !important; height: 100% !important;  box-sizing: border-box; }
		.hiddenLayer { position: fixed; top: 0 !important; left: 0;}
		
		/* Scroll bar */
		.jspDrag { width: 5px !important;}
		.jspPane { width: 100% !important; box-sizing: border-box; padding: 0 !important;}
		.jspVerticalBar, .jspTrack { width: 5px !important;}
		.jspVerticalBar { right: 0 !important;}

		.dropDownContent.scroll-pane .jspVerticalBar { right: 5px !important;}
		.dropDownList .dropDownContent.scroll-pane { height:  180px;}
		
		/* custom select */
/* 		.customSelect { background-size: 33px; background-position: 100% -85px;}
		.customSelect.active {background-position: 100% -137px;} */
		
		/* Hints start */
		.btnHints { width: 16px; height: 16px;}
		.tableList .tableContent th.hints .hintsWrapper { display: none;}
		.tableList .tableContent td.hints .hintsWrapper { display: block;}
		.hintsContainer .hintsArea { padding: 10px;}
		.hintsContainer .btnHintsClose { width: 12px; height: 12px;}
		/* Hints end */


		/* Custom checkbox start */
		.checkboxRow { margin-bottom: 5px;}
		.checkboxDiv { display: inline-block; width: 20px; height: 20px; border: 2px solid #CCCCCC; border-radius: 6px; margin: 0; text-overflow: ellipsis; border: 2px solid #CCCCCC; -webkit-box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1);  box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,.1); background: #FFFFFF no-repeat 50% 50%; cursor: pointer;}
		.checkboxDiv.checked { background-image: url(../images/mobile/icon_checkbox_tick.png); background-size: 12px;}
		.checkboxLabel { width: 90%;}
		/* Custom checkbox end */

		/* custom radio start */
		input[type='radio'] + label {background-image:url(../images/mobile/icon_radio.png); background-size: 20px;}
		input[type='radio']:checked + label {background-position:0 -50px;}

		.radioDiv { background-image: url(../images/mobile/icon_radio.png); background-size: 20px;}
		.radioDiv.checked { background-position: 0 -50px;}
		

		/* select policy */
		.selectPolicy { margin-bottom: 10px;}
		.selectPolicy, .selectViewMode { width: 100%; float: left !important;}
		/*.selectViewMode { float: none; width: 100%; margin-top: 10px;}*/
		.selectPolicy .subTitle { margin: 0 20px 0 10px;}
		.selectPolicy .listRow { padding: 0 20px 0 10px; margin-right: 20px;}
		.selectPolicy .number { width: 100%; padding-bottom: 5px;}
		.selectPolicy .name { width: 100%; text-align: left; padding-top: 0;}
		.selectPolicy .dropDownListHeader .name { text-align: right; }
		.selectPolicy, .selectViewMode { width: 100%;}

		/*testing*/
		body.noHeight {overflow: hidden !important;}
		body.navOpen .navContainer {position: fixed; top: 0; height: 100%; left: 0; height: 100%; overflow: auto; overflow-x: hidden;}
		.navContainer .nav {padding-bottom: 50px;}
		
		
		/* overlay content */
		.overlaycontent{ width:90%; padding:5%; margin-top:5%; }
		.overlaycontent table tr{ display:table-row; }
		.overlaycontent .left, .overlaycontent .right { float: none; text-align: center; }
		.overlaycontent .left { margin-bottom: 15px; }		
		
	/* Main Content end */
}

@media print {
	/* .navContainer,  */.topNavContainer { display: none;}
	/* .contentContainer { margin-left: 0;} */
	
	html {overflow: visible; height: auto; position:static; }
}