@charset "UTF-8";
/*---------- ---------- ---------- CSS Reset ---------- ---------- ----------*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th { font-style: normal; font-weight: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*---------- ---------- ---------- Change URL ---------- ---------- ----------*/
input[type="text"], textarea, .second-nav li, .third-nav li, .paging li, .button, .contact-frame, .product-content-tab.selected.last, .product-content-tab.selected, .form-button, .investment-chart-controls, .close-button, .content-tab-list li .tips, .investment-chart-controls .show-all, .tab-content.selected, .investment-disclaimer-popup .btn-confirm, .investment-disclaimer-popup, .investment-disclaimer-popup .top-section, .form-container .container .data .grey-title.small
{behavior: url(/scws/resources/cws/includes/css/ie_fallback.htc); z-index: 1;}

/*---------- ---------- ---------- Common Style ---------- ---------- ----------*/
html {position: relative; min-height: 100%;
  /*border-bottom: 8px solid #ed1b2e;*/
  background-image:url('../../images/red-border.jpg');
  background-repeat:repeat-x;
  background-position: center bottom;
}
body { background-color: #fafafa; color: #25383c; font-family: "Arial", "Helvetica", "sans-serif", "微軟正黑體"; font-size: 14px; min-width: 320px; margin-bottom: 8px;}
textarea {font-family: "Arial", "Helvetica", "sans-serif", "微軟正黑體"; font-size: 14px;}
a { color: #25383c; text-decoration: none; }
img{max-width:100%;}
img.print-logo { display:none;}

/*the font size plz change the font size here*/
h1 { font-size: 21px; padding: 20px 0px 7px 0px; text-align: left; color: #666;}
h1.seo { font-size: 20px; padding: 20px 0px 7px 0px; text-align: inherit; color: #666; }
h2 { font-size: 20px; padding: 20px 0px 7px 0px; color: #666; }
h3 { font-size: 16px; }
h4 { font-size: 16px;}
h6, h6 a{ font-size: 12px;}
.medium h3 {font-size: 17px;}
.medium h6, .medium h6 a {font-size: 13px;}
.large h3 {font-size: 18px;}
.large h6, .large h6 a {font-size: 14px;}
p, li, input[type="text"], select, a, td{ font-size: 14px; }
.medium .content-container p,.medium .content-container li,.medium .content-container input[type="text"],.medium .content-container select,.medium .content-container a, .medium .content-container td{ font-size: 15px; }
.large .content-container p,.large .content-container li,.large .content-container input[type="text"],.large .content-container select,.large .content-container a, .large .content-container td{ font-size: 16px; }
.note, .note p {font-size: 12px;}
.medium .note, .medium .note p {font-size: 13px;}
.large .note, .large .note p {font-size: 14px;}

.third-nav.desktop a{font-size:12px !important;}
p.back-txt {width: 90%;}
.align-left { text-align:left;}
.align-right { text-align:right;}
.mobile-view {display: none;}
.back.desktop { display:block !important;}
input[type="text"], input[type="password"] { position: relative; border: 1px solid #CDCDCD; height: 18px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}
input[type="radio"] {margin: 3px 3px 0px 5px;}
textarea {position: relative; border: 1px solid #cdcdcd; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}
:focus { outline: none; }
.clear {clear: both;}
.red {color: #EC1B2E !important;}
.underline { text-decoration: underline;}
input[type="checkbox"] {margin-right: 11px;}
.back {width: 38px; height: 36px; position: relative; float: right; margin: 20px 0px 0px 0px; border: 1px solid #CFCFCF;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; display: none; z-index:700;}
.back a {padding: 5px 5px 0px 5px; display: block;}
.back:after {clear: both; display: block; content: '';}
.freeText{padding-top:15px;}
.freeText h1{padding: 5px 0px 7px 0px;}
.freeText a { position:relative}
.freeText a img.magniflier { width:16px !important; height:17px; display:block; position:absolute; bottom:5px; right:3px;}
.freeText a img.add-magniflier { display:inline-block; position:relative;}
.freeText ol, .tab-content ol { list-style: decimal; margin: 10px 0px 10px 22px;}
.content-tab ul, .tab-content ul, .freeText ul { list-style:disc;margin: 10px 0px 10px 22px;}
.content-tab ol{ list-style:decimal;margin: 10px 0px 10px 22px;}
.freeText ul li, .freeText ol li { margin:10px 0;}
.flash-container{width:100%; height:100%; position:absolute; margin:10px auto;}
.content-tab ul.paging{margin:10px 0px 10px 0px;}
.header .m-nav-content .login img{width:270px;}
.header .m-nav-content .search img{width:20px;}
a.relative-container{position:relative;}
div.magniflier, img.magniflier { width:16px !important; height:17px; display:block; position:absolute; bottom:8px; right:6px; background-image: url('../../images/magniflier.png'); background-repeat: no-repeat;}
img.add-magniflier { display:inline-block; position:relative;}

/*table header*/
tr.main-title{color:#ed1b2e; background-image: url("../../images/bg-investment-001.jpg"); background-repeat: repeat-x; background-position: top;}
tr.main-title2{color:#ed1b2e; background-color: #ffffff;}

.more {width: 28px; height: 31px;position: relative; float: right; margin: 20px 0px 0px 0px; border: 1px solid #CFCFCF;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; display: none; z-index:700; padding: 5px 5px 0px 5px; cursor: pointer;}
.more:after {clear: both; display: block; content: '';}
.more-content {position: relative; width: 100%; clear: both; float: none; text-align: center; padding: 5px 0px 15px 0px; display: none;}
.more-content img {margin: 0px 5px 0 5px; float: none !important; display: inline-block !important; width:56px;}
.more-content a {display: inline-block; vertical-align: top;}
.more-content p {text-align: center; max-width: 66px; color: #666; font-size: 12px;}

.datepicker {background-image: url("../../images/form-date.jpg"); background-position: right; background-repeat: no-repeat;}

.responsive-checkbox input[type="checkbox"] {position: absolute;}
.responsive-checkbox.style2 input[type="checkbox"] {margin: 0px 5px 0px 15px;}
.responsive-checkbox.style2 p.chkbox {margin-left: 33px !important;}
.responsive-checkbox input[type="radio"] {position: absolute !important; margin: 0 !important;}
.responsive-checkbox p.chkbox {position: relative; margin-left: 20px !important; top: -4px; display: inline-block; vertical-align: top;}
.responsive-checkbox p.chkbox b,.responsive-checkbox p.chkbox i{vertical-align: top;}
.responsive-checkbox .section.full p.chkbox {position: relative; margin-left: 33px !important;}

.button-control {margin: 20px 0 0 0; text-align: center;}
.button {text-decoration: none !important; cursor: pointer;}
.button .left-container { background-image: url("../../images/form-button-left.jpg"); background-repeat: no-repeat;
    display: inline-block; float: none; height: 43px; left: 5px; position: relative; width: 10px;}
.button .center-container {background-image: url("../../images/form-button-center.jpg"); background-repeat: repeat-x;
    display: inline-block; float: none; font-size: 14px; height: 43px; padding-left: 10px; padding-right: 10px;
    position: relative; vertical-align: top;}
.button .center-container p {color: #FFF; margin: 0 !important; position: relative; top: 10px; line-height: 1em;}
.button .center-container p.two-line {top: 1px;}
.button .right-container { background-image: url("../../images/form-button-right.jpg"); background-repeat: no-repeat;
    display: inline-block; float: none; height: 43px; position: relative; right: 5px; width: 10px;}

.two-column .left-col {width: 65%; margin-right: 2%; float: left;}
.two-column .left-col.style2 p {margin: 20px 0px 0px 0px; color: #25383c;}
.medium .two-column .left-col.style2 p {font-size: 15px;}
.large .two-column .left-col.style2 p {font-size: 16px;}
.two-column p.indent {padding: 0 0 0 5px;}

.two-column.style2 .left-col {width: 72%; margin: 0; float: left;}
.two-column.style2 .right-col {width: 24%; float: left;}

.two-column .left-col h1 {width: 93%; padding: 20px 0px 7px 0px;}
.two-column .left-col h2 {padding: 20px 0px 7px 0px;}
.two-column .left-col.style2 .note {margin: 30px 0px 0px 0px;}
.two-column .left-col.style2 .note p {color: #25383c; font-size: 11px;}
.medium .two-column .left-col.style2 .note p {font-size: 14px;}
.large .two-column .left-col.style2 .note p {font-size: 15px;}
.two-column .left-col.style3 {width: 70%; margin-right: 2%;}
.two-column .right-col {width: 23%; float: left; margin: 10px 0px 0px 20px;}
.two-column .right-col.style2 {width: 23%; float: left; margin: 12px 0px 0px 20px;}
.two-column .right-col.style3 {width: 23%; float: left; margin: 10px 0px 0px 20px;}

.two-column .right-col .icon-wrap {margin: 20px 0px; text-align: center; position: relative;}
.two-column .right-col .icon-wrap a {display: inline-table; vertical-align: top; margin-bottom:5px;}
.two-column .right-col .icon-wrap p {text-align: center; max-width: 66px; color: #666; font-size: 12px;}

.two-column .right-col .icon-wrap img {margin: 0px 5px 0 5px;}
.two-column .right-col .icon-wrap:after {content:''; clear: both; display: block;}
.two-column .right-col .sidead-title p{color: #25383c; margin: 5px 0px; padding: 5px 0px; border-bottom: 1px solid #C6C6C6; font-size: 15px;}

.two-column .sidead-title.style1.banner1 {position: relative; background-image: url("../../images/bg-crosssale-003.jpg"); background-repeat: no-repeat; width: 209px; height: 77px; display: block;}
.two-column .sidead-title.style1.banner2 {position: relative; background-image: url("../../images/bg-crosssale-001.jpg"); background-repeat: no-repeat; width: 209px; height: 77px; display: block; margin-top: 20px;}
.two-column .sidead-title.style1.banner3 {position: relative; background-image: url("../../images/bg-crosssale-002.jpg"); background-repeat: no-repeat; width: 209px; height: 105px; display: block;}
.two-column .sidead-title.style1.banner4 {position: relative; background-image: url("../../images/bg-crosssale-006.jpg"); background-repeat: no-repeat; width: 209px; height: 77px; display: block;}
.two-column .style1.title a.content:after {
    content: url(../../images/arrow/arrow-red-left.png); display: inline; height: 8px; position: relative; width: 7px; margin: 0px 0px 0px 5px;}

.two-column .sidead-content {position: relative; margin: 10px 0px; max-width:300px}
.two-column .sidead-content img { max-width: 100%;}
.two-column .right-col .sidead-content .frame {position: absolute; top: 0px; left: 0px;}
.two-column .right-col .sidead-content .bottom {position: relative; top: -6px;}
.two-column .right-col .sidead-content a:after { content:''; clear:both; display:block;}
.two-column .right-col .sidead-content p {background-image: url("../../images/bg-crosssale-005-content.jpg"); background-repeat: repeat-y; padding: 5px 0px 5px 10px; position: relative; margin: -3px 0px -5px 0px; width: 200px; /*color: #ed1b2e;*/}
.two-column .sidead-content p.no-link {color: #25383c; background-image: none; }
.two-column .right-col .sidead-content p:after {content: url(../../images/arrow/arrow-red-left.png); display: inline; position: relative; width: 7px; height: 8px; margin: 0px 0px 0px 5px;}
.two-column .sidead-content p.no-link:after { content:'';}
.two-column .right-col .sidead-content.caption p{color: #25383c; background-image: none; text-decoration: none; padding-left:0;}
.two-column .right-col .sidead-content.caption p:after{content: none; }
.two-column .right-col p.red:after {content: url(../../images/arrow/arrow-red-left.png); position: absolute; width: 7px; height: 8px; margin: 0px 0px 0px 5px;}
.two-column .right-col .sidead-content p.note {background-image: none;}
.two-column .right-col .sidead-content p.note:after {content: '';}

.banner-header.style1 { border-bottom: 1px solid #dedede; padding: 20px 0px; position: relative;}
.banner-header.style1 img { float: left; }
.banner-header.style1 h1.seo { float: left; font-size: 24px; margin: 0px 0px 40px 10px; padding: 0; width: 64%; }
.banner-header.style1 h2 { float: left; font-size: 24px; margin: 0px 0px 40px 10px; padding: 0; width: 64%; }
.banner-header.style2 { height: 119px; position: relative; margin-top: 10px;}
.banner-header.style2 img{ float: left; position: relative; }
.banner-header.style2 h1.seo { color: #ec1b2e; font-size: 1.8em; position: absolute; bottom: 5px; left: 210px; width: 70%;}
.banner-header.style2 h2 { color: #ec1b2e; font-size: 1.8em; position: absolute; bottom: 5px; left: 210px; width: 70%;}
.banner-header.style3 { height: 119px; position: relative; margin-top: 35px; padding-bottom:30px; background-size: 100% auto; background: url(../../images/landing/bg-landing-shadow.jpg) bottom no-repeat;}
.banner-header.style3 img{ float: left; position: relative; }
.banner-header.style3 h1.seo { color: #ec1b2e; font-size: 1.8em; position: absolute; bottom: 25px; left: 215px; padding:0; width: 70%;}
.banner-header.style3 h2 { color: #ec1b2e; font-size: 1.8em; position: absolute; bottom: 25px; left: 215px; padding:0; width: 70%;}
.banner-header:after { clear: both; content: ''; display: block; }
.content { margin: auto; padding: 0 10px; width: 980px;}
.content-container {padding: 0px 0px 10px 0px;}
.content-tab {padding: 0 0px 0 0px;}
.content-tab:after { clear: both; content: ''; display: block; }
.content-tab-list { font-size: 14px; font-weight: bold; padding: 10px 0px; margin: 0 0 0 23px !important; color: #ec1d2e; float: left; clear: both; }
.content-tab-list:after { clear: both; content: ''; display: block; }
.content-tab-list li { list-style: disc; position: relative; padding: 10px 0px; float: left; clear: both; margin:0 !important;}
.content-tab-list ol li { list-style: decimal;}
.content-tab-list li a img{max-width:25px; vertical-align: middle;}
.medium .content-tab-list li {font-size: 15px;}
.large .content-tab-list li {font-size: 16px;}
.content-tab-list li a { text-decoration: underline; font-weight: normal; }
.content-tab-list li .question { margin-left: 10px; vertical-align: middle; }
.content-tab-list li .tips:before { content: url(../../images/arrow/grey-question-bubble.jpg); display: block; left: -13px; position: absolute; top: 15px;}
.content-tab-list li .tips { background: #ffffff; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; border: 1px #cbcbcb solid; display: none; font-weight: normal; padding: 15px; position: absolute; top: -3px; right: -438px; text-decoration: none; width: 390px; z-index: 10; color: #25383c; }
.content-tab-list li .tips.show { display: block; }
.content-tab-list li .tips ul { margin-top:0;}
.content-tab-list li .tips.show { display:inline-block; margin: 0 0 0 0px;}
.content-tab-list li .tip-title { font-size: 15px; font-weight: bold; }
.content-tab-list li  .teaser { margin: 10px 0 0 0;}

.remark-section {padding: 45px 0 10px 0; width: 98%; margin: 0 auto;}

.drop-down-container {position: relative; width: 100%; max-width: 400px; padding: 10px 0 10px 0px; z-index: 890; overflow: visible; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;}
.drop-down-container.style2 {display: none;}
.drop-down-wrap { position: relative; width: 84%; background-color: #FFF; display: block; border: 2px solid #CFCFCF; margin: 0;}
.drop-down-content {background-color: #FFF; color: #676B6E; font-size: 1.4em; padding: 5px 5px 5px 10px; position: relative; top: 0; right: 0; display: none;}
.drop-down-content a {width: 100%; display: block; color: #666;}
.drop-down-content.border {border-bottom: 2px solid #cfcfcf;}
.drop-down-content.current a {color: #ed1b2e;}
.drop-down-content.selected {display: block;}
.drop-down-content.selected:after {content: url(../../images/arrow/arrow-red-down.png); display: block; height: 9px; position: absolute;
    right: 10px; top: 3px; width: 10px;}

.expand-module.style2 {padding: 20px 0 0 0;}
.expand-module li {list-style: disc; color: #ed1b2e; margin: 5px 0 5px 12px; font-weight: bold;}
.medium .expand-module li {font-size: 15px;}
.large .expand-module li {font-size: 16px;}
.expand-module ul {margin: 0px 0px 0px 22px;}
.expand-module li span {color: #25383c; text-decoration: underline; cursor: pointer;}
.expand-module li a {text-decoration: underline;}
.expand-module li .close-button {display: none;}
.expand-module li.selected {color: #25383c; padding: 7px 0px 5px 0px; margin: 0 0 0 23px; list-style: none; font-weight: bold; position: relative;}
.expand-module li.selected .close-button {font-weight: normal;}


.expand-module.show-all.selected li:before, .expand-module li.selected:before {content: url("../../images/arrow/arrow-red-down.png"); position: relative; width: 10px; height: 9px; margin: 0px 8px 0px -30px; top: -1px;}

.expand-module li ul li {display: none;}          /*Hide First level*/
.expand-module li ul li .close-button {display: none;}    /*Hide First level close button*/
.expand-module li.selected ul li ul li {display: none;}   /*Hide Second level*/

.expand-module.show-all li ul li {}


.expand-module li.selected ul {list-style: disc;}
.expand-module li.selected .close-button {display: block;}
.expand-module li.selected ul li {display: list-item; font-weight: normal; position: relative;}
.expand-module li.selected ul li .close-button {display: none;}
.expand-module li.selected ul li.selected {font-weight: bold;}
.expand-module li.selected ul li.selected .close-button {display: block; font-weight: normal;}
.expand-module li.selected ul li.selected li {display: list-item;}
.expand-module li.selected ul li.selected li li {display: none;}
.expand-module li.selected ul li.selected li.selected li {display: list-item;}

.close-button {background-color: #ed1b2e; position: absolute; bottom: 0px; right: 0px;  cursor: pointer;
    -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;}
.close-button p {color: #fff; font-size: 0.9em; padding: 3px 15px;}

.main-container {max-width: 1024px;margin: auto;background-color: #FFF; padding: 0px 0px 5px 0px;}
.second-nav.mobile, .third-nav.mobile { background-color: #ffffff; color: #676b6e; display: none; padding: 5px 5px 5px 10px; position: relative; display: none;}
.second-nav.mobile {font-size: 1.5em;}
.third-nav.mobile {font-size: 1.4em;}
.third-nav.mobile > a{font-size:1em;}
.second-nav.mobile.current, .third-nav.mobile.current { background-color: #ffffff; color: #ed1b2e;}
.second-nav.mobile.current a, .third-nav.mobile.current a {color: #ab1623;}
.second-nav.selected.mobile { background-color: #84929b; background-image: none; color: #ffffff; margin-left: 0px; padding: 5px 5px 5px 10px; display: none;}
.second-nav.mobile a {width: 100%; display: block; color: #666;}
.third-nav.mobile a {width: 100%; display: block; color: #666;}
.third-nav.selected.mobile { background-color: #fff; background-image: none; color: #666; margin-top: 3px; margin-left: 0px; padding: 5px 20px 5px 10px; display: none;}
.third-nav.selected.mobile span {width: 90%; display: block;}
.third-nav.selected.mobile.border {border-bottom: 2px solid #cfcfcf;}
.second-nav.mobile:after, third-nav.mobile:after { content: ''; display: none; }
.second-nav.selected.mobile:before, .third-nav.selected.mobile:before { content: ''; display: none;}
.second-nav.selected.mobile:after { content: url(../../images/arrow/arrow-white-down.png); display: block; height: 9px; position: absolute; right: 10px; top: 3px; width: 10px; }
.third-nav.selected.mobile:after { content: url(../../images/arrow/arrow-grey-down-new.png); display: block; height: 9px; position: absolute; right: 10px; top: 3px; width: 10px; }
.second-nav.wrap, .third-nav.wrap {display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.bottom-content .slider-container {background-image: none;}
@media handheld, only screen and (max-width: 767px) {
    .second-nav.wrap {position: relative; top: 40px; left: 0%; width: 100%; background-color: #fff; display: block; z-index: 200; margin: 0 0 5px 0;}
    .second-nav.wrap.selected {border-bottom: 2px solid #cfcfcf;}
    .third-nav.wrap {position: absolute; top: 180px; left: 5%; width: 84%; background-color: #fff; display: block; border: 2px solid #cfcfcf;}
    .mobile-overlay.selected {width: 100%; height: 100%; opacity: 0.3;}
    .top-nav .agent-login { display:none;}
    .two-column .sidead-content { max-width:300px !important;}
    
}

.highlight { color: #EC1B2E; }
.header { padding-top: 31px; width:100%; }
.header:after, .top-nav:after { clear: both; content: ''; display: block; }
.header .content { box-sizing: border-box; width: 100%; padding: 0; }
.header .content > * { padding-left: 22px; padding-right: 22px; }
.header .second-nav { overflow: hidden; }
.logo { position: absolute; top: -13px; left: -17px; font-size: 12px; white-space: nowrap; }
.logo .slogan {position: absolute; bottom: 4px; left: 211px; color: #68737a; }
.logo a { background: url(../../images/common/logo.png) left top no-repeat; background-size: 100%; display: block; width: 190px; height: 141px; overflow: hidden; text-indent: 100%; }
.head-nav, .search-box { float: right; margin-top: 10px; text-align: right; width: 63%; }
.head-nav { margin-top: 34px }
.head-nav a {text-decoration:none !important; border-right: 1px solid #b2b2b2; color: #666 !important; display: inline; font-size: 14px; padding: 0px 7px 0px 7px; }
.head-nav a.selected {color: #ec1b2e !important;}
.head-nav a.contact {position: relative; width: 15px; height: 15px; background-image: url("../../images/common/icon-contact.jpg"); background-repeat: no-repeat; display: inline-block; top: 3px; background-position: center;}
.head-nav a.home {background-image: url("../../images/common/icon-home.jpg"); width: 15px; height: 16px;
    background-repeat: no-repeat; background-position: center; padding: 0 13px;}
.head-nav a.contact.selected {background-image: url("../../images/common/icon-contact-selected.jpg");}
.head-nav a.contact img {display: none;}
.top-nav { position: relative; min-height: 77px; }
.top-nav .head-nav a img { height: 15px; margin-bottom: -3px; }
.top-nav .font-size-option { border-right: none; color: #cacaca; font-weight: bold; padding: 0px 3px; }
.top-nav .font-size-option.small { font-size: 0.75em; }
.top-nav .font-size-option.medium { font-size: 1em; }
.top-nav .font-size-option.large { font-size: 1.25em; }
.top-nav .agent-login { border-left: 1px solid #b2b2b2; border-right:none;}
.search-box input[type="text"] { height: 19px;}
.top-nav .search-box input[type="text"] { border-right: none; cursor: pointer; position: relative; left: 3px; border-radius: 0px; vertical-align:top;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.top-nav .search-box input[type="submit"] { background: url(../../images/common/btn-search.jpg) left top no-repeat; border: none; cursor: pointer; height: 20px; vertical-align:top;overflow: hidden; text-indent: 100%; white-space: nowrap; width: 21px; text-indent: -9999px;}
.first-nav { margin-top: 52px; }
.first-nav:after { clear: both; content: ''; display: block; padding-bottom: 5px; }
.first-nav ul { width: 100%; }
.first-nav ul li { float: left; margin-right: 10px; }
.first-nav ul li.planning-for-life>a { background: url(../../images/en/nav-desktop-01.png) left top no-repeat; display: block; height: 41px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 220px; background-size: 100%; }
.first-nav ul li.selected.planning-for-life>a { background: url(../../images/en/nav-desktop-01-selected.png) left top no-repeat; background-size: 100%; }
.first-nav ul li.products>a { background: url(../../images/en/nav-desktop-02.png) left top no-repeat; display: block; height: 41px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 220px; background-size: 100%; }
.first-nav ul li.selected.products>a { background: url(../../images/en/nav-desktop-02-selected.png) left top no-repeat; background-size: 100%; }
.first-nav ul li.news-and-promotions>a { background: url(../../images/en/nav-desktop-03.png) left top no-repeat; display: block; height: 41px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 220px; background-size: 100%; }
.first-nav ul li.selected.news-and-promotions>a { background: url(../../images/en/nav-desktop-03-selected.png) left top no-repeat; background-size: 100%;}
.first-nav ul li.customer-support-and-self-service>a { background: url(../../images/en/nav-desktop-04.png) left top no-repeat; display: block; height: 41px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 220px; background-size: 100%; }
.first-nav ul li.selected.customer-support-and-self-service>a { background: url(../../images/en/nav-desktop-04-selected.png) left top no-repeat; background-size: 100%; }
.second-nav {font-size: 1em; position:relative;}
.second-nav li a {color: #68737a; font-size: 14px; text-decoration:none !important;}
.second-nav:before { clear: both; content: ''; display: block; height: 0px; border-top: 1px solid rgba(132,146,155, 0.5); margin-left:-9999px; margin-right:-9999px;} 
.second-nav:after { clear: both; content: ''; display: block;}
.second-nav li { position: relative; background-color: transparent; border-radius: 0px 0px 5px 5px; border-top: none; border: 1px solid transparent; float: left; margin-right: 10px; padding: 3px 10px; cursor: pointer; max-width: 145px; text-align: center;}
.second-nav li.selected { background-color: #ffffff;  padding-top: 5px; border: 1px solid rgba(132,146,155, 0.5); border-top: none; color: #ec1b2e; margin-top: -1px; }
.second-nav li.selected a {color: #ab1623;}
.two-column .third-nav {width: 100%;}
.third-nav { font-size: 12px; max-width: 910px; position:relative;}
.third-nav:after { clear: both; content: ''; display: block; }
.third-nav li { position: relative; background-color: rgba(132,146,155, 0.8); border-radius: 5px; border: 1px solid transparent; color: #ffffff;  float: left; margin-right: 10px; margin-top: 10px; padding: 3px 15px; text-align: center; white-space: nowrap; cursor: pointer; min-width: 145px; font-size: 12px;}
.third-nav li a{ color: #ffffff; width: 100%; display: block;}
.third-nav li.selected { background-color: #ffffff; border: 1px solid rgba(132,146,155, 0.2); color: #ec1b2e; }
.third-nav li.selected a{ color: #ab1623; }
.footer {font-size: 1em; margin: 5px 0px 0px 0px; padding: 15px 15px 10px 15px; position: relative; background-color: #fff; border-top: 1px solid #dedede;}
.footer .content { position: relative; }
.footer strong { color: #000; }
.foot-nav { margin: 20px 0;}
.footer p.small {font-size: 11px; text-align: justify; color: #666;}
.foot-nav:after { clear: both; content: ''; display: block; }
.foot-nav li { border-right: 1px solid #b2b2b2; display: inline; }
.foot-nav li.mobile {display: none;}
.foot-nav li:last-child { border-right: none; }
.foot-nav li a { padding: 0 8px; color: #666; text-decoration:none !important;}
.foot-nav li.selected a {color: #EC1B2E;}
.foot-nav li:first-child a { padding-left: 0; }
.foot-nav li.commonRegulatoryDisclousres-footer { border-right: none; }
.foot-nav .consult-home{display:none;}

.foot-nav li:nth-child(9) { border-right: none; }
.foot-nav>li:first-child + li + li +li + li + li + li + li + li {border-right: none;}


.foot-nav select { margin-top: -10px; }
.prudential-network { position: absolute; bottom: 0; right: 10px; display: inline; color: #666;}
.prudential-network select {margin-left: 10px;}
.social-link { color: #ed1b2e; font-weight: bold; margin: 20px 0; }
.social-link img { margin-bottom: -5px; width: 33px; }
.drop-down { display: none; }
.m-nav { display: none; }
.slider-container { padding-bottom: 10px; position: relative; background-color: #fff;background-image: url('../../images/landing/bg-landing-shadow.jpg'); background-position: bottom center; background-repeat: no-repeat; background-size: 100%;}
.slider-container:after { clear: both; content: ''; display: block; margin-bottom: 10px; }
.slider-content { margin: auto; max-width: 1024px; width: 98%; }
.slider-viewport { overflow: hidden; width: 960px;}
.slider-content.investment .slider-viewport { overflow: hidden; width: 100%;}
.mob-text-wrap { margin-bottom:20px;}
.mob-list-container { position: absolute; bottom:0; }
.mob-text-wrap ul, .mob-text-wrap ol { font-size: 15px;  }
.mob-text-wrap ul { list-style: disc outside; padding-left: 20px;}
.mob-text-wrap ol { list-style: decimal outside; padding-left: 20px;}
.slide-holder { position: relative; width: 2000%; }
.slide-holder:after { clear: both; content: ''; display: block; }
.slide { float:left; width: 960px; }
.slider-content.investment .slide { float:left; width: 5%; }
.slide:after { clear: both; content: ''; display: block; }
.slider-img { float: right; margin: 10px 0px 0px 10px; max-width:50%;}

.slider-title { color: #EC1B2E; font-size: 26px; margin: 0 0 0 20px; padding: 90px 0 0 0; }
.slider-title i {margin-left: -7px;}
.investment .slider-title {padding: 45px 0 0 0 !important; font-size: 1.7em;}
.slider-text  {margin-left: 21px; }
.investment .slider-text {font-size: 10px;}
.slide-btn-container { position: absolute; top: 130px; width: 100%; }
.slide-btn-container .btn-left { cursor: pointer; position: absolute; left: 0px; }
.slide-btn-container .btn-right { cursor: pointer; position: absolute; right: 0px; }
.list-container { left: 10px; position: relative; top: -25px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px;  -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.list-container li { background: url(../../images/arrow/slider.png) no-repeat; cursor: pointer; float: left; height: 10px; margin-left: 10px; width: 10px; }
.list-container li.selected { background: url(../../images/arrow/slider-selected.png) no-repeat; cursor: default; }
.tablet { display: none; }
.mobile { display: none; }
.mega-font {font-size: 1.7em;}

.detail-wrap {padding: 20px 0px; clear: both; position: relative;}
.detail-wrap.style2 {width: 91%; float: left; clear: none;}
.detail-wrap:after {content:''; display: block; clear: both;}
.tab-header {position: relative; background-color: #FFF; background-image: -moz-linear-gradient(top, #fefefe 0, #e6e6e6 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e6e6e6')"; background-image: -ms-linear-gradient(top, #fefefe 0, #e6e6e6 100%); background-image: -webkit-linear-gradient(top, #FEFEFE 0, #E6E6E6 100%); background-image: linear-gradient(top, #fefefe 0, #e6e6e6 100%); border: 1px #CFCFCF solid; color: #ed1b2e; font-size: 18px;
    padding: 5px 40px 5px 15px; cursor: pointer; width: inherit;}
.medium .tab-header {font-size:19px;}
.large .tab-header {font-size:20px;}
.tab-header:after {content: url(../../images/arrow/product-inner-open.png); display: block; height: 8px; position: absolute; right: 15px; top: 3px; width: 17px;}
.tab-header.selected {background-color: #EC1B2E; background-image: none; border: 1px #EC1B2E solid; color: #FFF; display: block !important; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#EC1B2E', EndColorStr='#EC1B2E')"}
.tab-header.selected:after {content: url(../../images/arrow/product-inner-close.png); display: block; height: 8px;
    position: absolute; right: 15px; top: 3px; width: 17px;}
.tab-content {display: none; padding: 10px 15px 10px 15px; position: relative; box-shadow: -15px 0 15px -15px #D5D5D5, 15px 0 15px -15px #D5D5D5; -webkit-box-shadow: -15px 0 15px -15px #D5D5D5, 15px 0 15px -15px #D5D5D5; -moz-box-shadow: -15px 0 15px -15px #d5d5d5, 15px 0 15px -15px #d5d5d5; background-color: #FFF; clear: both;}
.tab-content:after {clear: both; content:''; display: block;}
.tab-content.selected {display: block !important;}
.medium .faq-detail .tab-content.selected {font-size: 15px;}
.large .faq-detail .tab-content.selected {font-size: 16px;}
.customer-commendation .tab-content{ min-height: 25px; padding: 10px 15px 10px 70px; background-image: url('../../images/aboutus_commendation_heart.jpg'); background-repeat: no-repeat; position: relative; margin-bottom: 15px; background-position: 10px 5px;}
.content-tab .left-col.site-map h1{margin-left: -18px;}
.site-map .expand-module.half {margin-left: -32px;}
.footer .footer-headquarter {display:inline-block; margin-right:20px;}
.footer-headquarter p:first-child{font-weight:bold;}
.footer .hyperlink {color:#666;}

.captchaContainer>div:first-child { display: inline-block; width: 120px; vertical-align: top; }
.captchaContainer>div:last-child { display: inline-block; }
.captchaContainer .refreshText, .captchaContainer .refresh { color: grey !important; font-size: 10px; font-style: italic; }
.captchaContainer .refresh { text-decoration: underline; }
.captchaContainer .captchaInputContainer { padding: 10px 0 0; }

@media handheld, only screen and (max-width: 1040px) {
    h1 {width: 95%; padding: 0px 12px 0px 12px; min-height: 16px;}
    h1.seo {width: 95%;padding: 0px 10px 0px 15px; min-height: 0;}
    h2 {width: 95%;padding: 0px 10px 0px 15px;}
    h2.inner-detail {width: 95%; margin: 10px 10px 10px 0px; padding: 0;}
    h4 {padding: 0 0 0 0px;}
    .drop-down-container {padding: 10px 0 10px 0px;}
    .drop-down-container.style2 {max-width: 550px; display: block;}
    .detail-wrap {padding: 0px 10px;}
    .detail-wrap.style2 {margin: 0 0 0 15px; padding: 0;}
    .mob-hide { display: none; }
    .foot-nav li.mobile {display: inline;}
    .back {margin: 0px 10px 0px 0px; display: block;}
    .back.desktop {margin: 20px 10px 10px 0px;}
    .back:after {display: block; content: ''; clear: both;}
    .content-tab {padding: 0 15px 0 15px;}
    .content-tab.news-inner-content {padding: 15px 15px 0 15px;}
    .content-tab h1 {padding: 0px 10px 0px 0px;}
    .more {margin: 0px 5px 0px 0px; display: none;}
    .more:after {display: block; content: ''; clear: both;}
    .freeText{margin-top:0px;}
    .freeText h1{padding:0px 10px 0px 0px;}
    .news-inner-content h2{padding: 0px 10px 0px 0px;}
    .news-inner-content .back{display:none;}
    .expand-module li {margin: 5px 0 5px 0px;}
    .expand-module li.selected{margin: 5px 0 5px 10px;}
    .banner-header.style1 {background-size: 100%; background: url(../../images/common/bg-tablet-shadow-top.jpg) no-repeat bottom; border-bottom: none; margin-top: 0px; padding: 0px 0px 30px 14px; }
    .banner-header.style1 h1.seo {padding: 0 0 0 10px;}
    .banner-header.style1 h2 {padding: 0 0 0 10px;}
    .banner-header.style3 {padding-left:15px}
    .banner-header.style3 h1.seo {left: 230px;}
    .banner-header.style3 h2 {left: 230px;}
    .slider-viewport { width: 100%;}
    .slide { width: 5%; }
    .content { margin: auto; padding: 0; width: 98%; }
    .content:after { clear: both; content: ''; display: block; }
    .content-tab-list {padding: 0;}
    .content-tab-list li .tips {width: 310px; right: -355px;}
    .content-container {padding: 10px 0px 10px 0px; /*overflow: hidden;*/}
    .desktop-only {display: none !important;}
    .header { background: #ffffff; margin: 0; position: relative; z-index: 900; overflow:visible; padding-top: 15px; padding-bottom: 5px;}
    .header.style2 {padding-bottom: 0px;}
    .header.style3 {padding-bottom: 15px;}
    .header-sect2 { background: #ffffff; margin: 0; z-index: 900; }
    .header .content { padding: 0; position: relative; width: 100%; }
    .header .content > .top-nav { padding: 10px 20px 0px 20px; min-height: 82px; }
    .header .content > .first-nav { padding-left: 20px; padding-right: 20px; }
    .header .second-nav { overflow: visible; }
    .top-nav { background-color: #fff; padding: 10px 20px 0px 20px; position: relative; z-index: 920; }
    .head-nav, .search-box { width: 83%; }
    .head-nav { margin-top: 10px }
    .logo { width: auto; top: 10px; left: 20px; }
    .logo .slogan {display: none;}
    .logo a { background-image: url(../../images/common/logo.jpg); width: 119px; height: 73px; }
    .mobile-overlay {width: 100%; height: auto; opacity: 1;}
    .mobile-overlay.selected {width: 100%; height: 100%; opacity: 0.3;}
    .third-nav.wrap {position: relative; display: block; width: 63%; max-width: 400px; top: 10px; left: 20px; border: 2px solid #cfcfcf; margin: 0px 0px 0px 0px;}
    .third-nav.selected.mobile {display: block !important;}
    .head-nav { font-size: 1.2em; }
    .search-box { margin-top: 15px; }
    .head-nav a img { height: 19px; margin-bottom: -5px; }
    .two-column .left-col {width: 100%;}
    .two-column .left-col.style2 {width: 97%;}
    .two-column .left-col.style2 p {margin: 10px 10px 0px 15px;}
    .two-column .left-col.style2 p.indent {margin: 10px 10px 0px 0px;}
    .two-column .left-col h1 {padding: 10px 0px 7px 0px;}
    .two-column p.indent {padding: 0 0 0 0;}
    .two-column .right-col { display: none; }
    .two-column .right-col.style2 {width: 207px; margin: 0 0 0 20px;}
    .search-box input[type="text"] { -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; border: 1px solid #DFDFDF; height: 31px; width: 215px; }
    .second-nav li {max-width: 85px;}/*remarks: 85 for en & 96 for tc*/
    body.zh_HK .second-nav li {max-width: 96px;}
    .two-column .sidead-content {margin: 0 0 10px 0; max-width:230px; padding-top: 14px;}
    .top-nav .search-box input[type="submit"] { background: url(../../images/common/btn-search-mobile.jpg) left top no-repeat; border: none; height: 33px; width: 29px;}
    .first-nav { background: #ffffff; margin-top: 0; padding: 16px 20px 0px 20px; position: relative; z-index: 890; }
    .first-nav ul li { float: left; margin-right: 5px; }
    .first-nav ul li:last-child { margin-right: 0; }
    .first-nav ul li.planning-for-life>a { background: url(../../images/en/nav-tablet-01.png) left top no-repeat; height: 55px; width: 173px; }
    .first-nav ul li.selected.planning-for-life>a { background: url(../../images/en/nav-tablet-01-selected.png) left top no-repeat; }
    .first-nav ul li.products>a { background: url(../../images/en/nav-tablet-02.png) left top no-repeat; height: 55px; width: 173px; }
    .first-nav ul li.selected.products>a { background: url(../../images/en/nav-tablet-02-selected.png) left top no-repeat; }
    .first-nav ul li.news-and-promotions>a { background: url(../../images/en/nav-tablet-03.png) left top no-repeat; height: 55px; width: 173px; }
    .first-nav ul li.selected.news-and-promotions>a { background: url(../../images/en/nav-tablet-03-selected.png) left top no-repeat; }
    .first-nav ul li.customer-support-and-self-service>a { background: url(../../images/en/nav-tablet-04.png) left top no-repeat; height: 55px; width: 173px; }
    .first-nav ul li.selected.customer-support-and-self-service>a { background: url(../../images/en/nav-tablet-04-selected.png) left top no-repeat; }
    .second-nav.desktop { margin: 40px 0 0px 0; width: 95%; padding-left:2.5%; padding-right:2.5%; border-top: 1px solid rgba(132,146,155, 0.5);}
    .second-nav.desktop.style2 {border-top: none;}
    .second-nav:before { clear: both; content: ''; display: block; height: 0px; margin:0px; border-top: none;} 
    .third-nav.desktop { display: none; }
    .footer { font-size: 1em; margin: 20px 0; position: relative; }
    .footer strong { font-weight: normal; }
    .foot-nav li.mobile { border-right: none; }
  /*.foot-nav li.commonRptStd-footer { border-right: none; }
  */
  .foot-nav li.commonRegulatoryDisclousres-footer { border-right: none; }
    .prudential-network { position: absolute; bottom: 1px; margin: 0; right: 10px;}/*hide it for ios problem*/
    .en .prudential-network {bottom: 0px;}
    .social-link img { width: 61px; }
    .drop-down { display: block; position: absolute; width: 100%; z-index: 880; top: 183px;}
    .drop-down.selected {z-index: 889;}
    .drop-down .nav-button { background: url(../../images/common/bg-tablet-shadow-top.jpg) center top no-repeat; text-align: center; background-size: 100%;}
    .drop-down .nav-content { -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; background: url(../../images/common/bg-tablet-shadow-top.jpg) center top no-repeat #ffffff; margin-top: -162px; transition: all 0.5s linear; background-size: 100%;}
    .drop-down.selected .nav-content { margin-top: 0; }
    .drop-down .nav-content:after { border: none; content: '';}
    .drop-down.selected .nav-content:after {border-bottom: 5px solid #EC1B2E; content: '';}
    .drop-down .nav-content:after { clear: both; content: ''; display: block; }
    .drop-down .nav-content .nav-content-wrap {margin: auto; text-align: center; width: 90%; max-width: 700px;}
    .drop-down .nav-content div div { color: #EC1B2E; float: left; margin: 20px 0; text-align: center; width: 20%; }
    .drop-down .nav-content .login {margin-left: 7%;}
    .drop-down .nav-content div div:last-child { width: 27%; }
    .drop-down .nav-content a { color: #EC1B2E; font-size: 1.0em; position: relative; }
    .drop-down .nav-content a:after { border-bottom: 5px solid transparent; border-left: 8px solid #EC1B2E; border-top: 5px solid transparent; content: ''; display: inline-block; height: 0; margin-left: 5px; width: 0; }
    .slide-btn-container { display: none; }
    .slider-title {padding: 25px 0 0 20px; margin: 0;}
    .investment .slider-title {padding: 25px 0 0 19px !important;}
    .footer .content {position: relative; padding: 10px 15px 0px 0px; width: 96%;}
    .footer p.non-tablet {display: none;}
    .foot-nav {/*position: relative;*/ margin-left: -5px; font-size:0;}
    .foot-nav li a {position: relative; padding: 0px 6px 0px 0px; display: inline-block; left: 5px;}
    .expand-module.style2 {padding: 0;}
    .search.advanced {width: 60%;}
    .search.advanced h1 {padding: 0px 0px 10px 0px;}
    .site-map .expand-module.half {margin-left: 0px;}
}


@media handheld, only screen and (max-width: 767px) {
    .back {margin: 3px 10px 10px 0px;}
    .back.desktop {margin: 5px 15px 10px 0px;}
    .news-inner-content .back.desktop {margin: 0px -3px 0px 0px;}
    .more {margin: 3px 5px 10px 10px; display: block;}
    .banner-header.style1 .more-content img {display: block;}
    .two-column .left-col h1{padding-left:0px;}
    h2 {width: 75%; font-size: 1.5em;}
    .mobile-view {display: block;}
    .detail-wrap {padding: 0px 0px 20px 0px;}
    .drop-down.selected {z-index: 900;}
    .detail-wrap.style2 {width: 95%; margin: 0 0 0 10px;}
    .top-nav {border-bottom: 1px solid #cfcfcf;}
    .drop-down {top: 70px;}
    .drop-down .nav-button {background: none;}
    .drop-down-container {padding: 0px 0px 10px 0px;}
    .drop-down-container.style2 {display: none;}
    .banner-header.style1 {padding: 5px 0px 15px 0px;}
    .banner-header.style2 { display: none;}
    .banner-header.style3 {display: none;}
    .banner-header-btn { display: block; }
    .banner-header.style1 img { display: none; }
    .slider-content {position: relative; width: 100%;}
    .slider-text {margin-left: 0px;}
    .slider-viewport {position: relative; width: 100%;}
    .mob-text-wrap { margin-bottom:0;}
    .expand-module li .close-button {display: none !important;}
    .expand-module ul {margin: 0px 0px 0px 0px;}
    .expand-module li {margin: 5px 0 5px 18px;}
    .expand-module li.selected{margin: 5px 0 5px 29px;}
    .content { margin: auto; width: auto;}
    .content-tab-list li .tips:before { content: '';  display: block; left: -13px; position: absolute; top: 15px; }
    .content-container { position: relative; width: 100%; padding: 0px 0px 20px 0px; -webkit-box-shadow: 0 8px 6px -6px #d5d5d5; -moz-box-shadow: 0 8px 6px -6px #d5d5d5; box-shadow: 0 8px 6px -6px #d5d5d5;}
    .content-tab-list li .tips div { text-decoration: none; }
    .content-tab-list li .tips { background: #ffffff; border-radius: 5px; border: 1px #cbcbcb solid; display: none; font-weight: normal; left: -0px; padding: 15px; 
        position: relative; text-decoration: none; top: 10px; width: 80%; z-index: 10; }
    .logo { top: 0; left: 0; }
    .logo a { background: url(../../images/common/logo-mobile.jpg) left top no-repeat; background-size:100%; height: 55px; width: 145px; }
    /* .logo { width: 145px; }
    .logo a { height: 60px; width: 88px; } */
    /* .logo { top: 9px; left: -18px; }
    .logo a { height: 52px; width: 150px; } */
    .head-nav { margin: 10px 10px 10px 0; width: auto; }
    .head-nav a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cacaca; display: inline-block; margin: 0; padding: 5px; padding: 8px; }
    .head-nav a.home {background-image: url("../../images/common/icon-mobile-home.jpg"); width: 28px; height: 24px; padding: 9px 8px; position: relative; top: 3px;}
    .head-nav a.home.selected {background-image: url("../../images/common/icon-mobile-home-selected.jpg");}
    .head-nav a.contact {background-image: url("../../images/common/icon-mobile-contact.jpg"); width: 28px; height: 24px; padding: 9px 8px;}
    .head-nav a.contact.selected {background-image: url("../../images/common/icon-mobile-contact-selected.jpg");}
    .top-nav .head-nav .home img, .top-nav .head-nav .contact img { height: 26px; }
    .head-nav .about, .head-nav .career, .head-nav .lang, .head-nav .mail, .head-nav .print, .head-nav .font-size-option { display: none; }
    .search-box { display: none; }
    .footer {border-top: none;}
    .footer {margin: 20px 0 0 0;}
    .first-nav { display: none; }
    .third-nav.mobile { display: none; position: relative; top: 0px; right: 0px; }
    .desktop { display: none; }
    .desktop-only {display: none;}
    .nav-content .login, .nav-content .tool, .nav-content .download-brochures-forms, .nav-content .contact-us { display: none; }
    .header { background: #ffffff; margin-top: 0; padding-top: 0px; position: relative; z-index: 890; padding-bottom: 35px;}
    .header.style2 {padding-bottom: 32px;}
    .header.style3 {padding-bottom: 60px;}
    .header .content > .top-nav {padding: 0; min-height: 0; }
    .drop-down.selected .nav-content { height: 0; }
    .drop-down .nav-content:after { display: none; }
    .drop-down.selected .m-nav { margin-top: 0; }
    .m-nav { -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; background: url(../../images/common/bg-mobile-menu.jpg) center bottom repeat-x; display: block; margin-top: -450px; padding: 6px; transition: all 0.5s linear; }
    .m-nav-content { background: #ffffff; border: 1px solid #BEBEBE; min-height: 435px; }
    .cwsUiError .drop-down.selected .m-nav-content { min-height: 380px; }
    .m-nav .font-size-option, .m-nav .search, .m-nav .lang { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cacaca; float: left; height: 30px; margin-left: 2%; margin-top: 10px; padding: 0; text-align: center; width: 30%; }
    .lang{font-size:0px;}
    body.en .m-nav .lang .switch-lang-en { display:none;}
    body.zh_HK .m-nav .lang .switch-lang-tc { display:none;}
    body.zh_CN .m-nav .lang .switch-lang-sc { display:none;}
    .m-nav .lang a, .m-nav .search a { display: block; font-weight: bold; margin-top: 5px; font-size: 14px; }
    .m-nav .lang a { margin-top: 8px; display:inline-block; padding: 0 5px; border-right: 1px solid #b2b2b2;}
    .m-nav .font-size-option a { display: inline-block; margin-right: 5px;}
    .m-nav .font-size-option a.btn-font-size.selected { color:#EC1B2E;}
    .m-nav .font-size-option a.btn-font-size.small {font-size: 16px; margin-top: 9px;}
    .m-nav .font-size-option a.btn-font-size.medium {font-size: 19px; margin-top: 6px;}
    .m-nav .font-size-option a.btn-font-size.big {font-size: 22px; margin-top: 3px;}
    .m-nav ul:before { clear: both; content: ''; display: block; }
    .m-nav ul { border-top: 1px solid #BEBEBE; margin-top: 55px; }
    .cwsUiError .m-nav ul { border-top: none; margin-top: 0; }
    .m-nav ul li { border-bottom: 1px solid #BEBEBE; }
    .m-nav ul li a { display: block; font-size: 0.9em; padding: 10px; }
    .m-nav ul li a:after { content: '>'; float: right; font-weight: bold; }
    .m-nav .login { margin: 10px 0; text-align: center; }
    .m-nav .m-nav-content-wrap {width: 100%; max-width: 400px; margin: auto; text-align: center;}
    .m-nav .about, .m-nav .career, .m-nav .tool, .m-nav .download-brochures-forms { display: inline-block; text-align: center; vertical-align: top; width: 65px; max-width: 100px; }
    .m-nav .about a, .m-nav .career a, .m-nav .tool a, .m-nav .download-brochures-forms a { color: #EC1B2E; display: block; font-size: 0.9em; line-height: 130%; max-width: 80px; text-align: center; margin: auto;}
    .m-nav .about a:after, .m-nav .career a:after, .m-nav .tool a:after, .m-nav .download-brochures-forms a:after { border-bottom: 4px solid transparent; border-left: 7px solid #EC1B2E; border-top: 4px solid transparent; content: ''; display: inline-block; height: 0; margin-left: 5px; width: 0; }
    .mobile-overlay { width: 100%; height: 100%; opacity: 1;}
    .mobile-overlay.selected {width: 100%; height: 100%; opacity: 0.3;}
    .foot-nav .site-map, .foot-nav .prudential-network { display: none; }
    .second-nav.mobile {display: none; border-left: 2px solid #cfcfcf; border-right: 2px solid #cfcfcf; }
    .second-nav.selected.mobile, .third-nav.selected.mobile {display: block;}
    .second-nav.selected.mobile { border: 0; padding-left: 12px; padding-right: 7px; background: #84929b; /* Old browsers */ background: -moz-linear-gradient(top, #84929b 0%, #68737a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #84929b 0%,#68737a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #84929b 0%,#68737a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84929b', endColorstr='#68737a',GradientType=0 ); /* IE6-9 */ }
    .social-link { font-size: 1.3em; text-align: center; }
    .social-link span { display: block; }
    .social-link span img { margin: 15px; }
    .dummy-img { background-size: 100% 100%; background: url(../../images/home/dummy.png) no-repeat; margin-left: 0; min-height: 200px; width: 100%; }
    .mob-border {position: relative; }
    .mob-border .mob-text-wrap {position: relative; border-left: 2px solid #ececec; border-right: 2px solid #ececec;}
    .slider-container { background: none; padding-bottom: 0px; position: relative; width: 100%;}
    .slider-img { position: relative; max-width:100%; width: 100%; float: none; padding: 0; margin: 0; display: inline-block; top: 3px;}
    .investment .slider-img {float: none; max-width: 100% !important;}
    .slider-img img {width: 100%;}
    .slider-title { padding: 10px 10px 10px 10px; width: auto; line-height: 1.1em;}
    .investment .slider-title {padding: 10px 0 10px 10px !important;}
    .slider-text p {margin: 0px 11px 10px 10px; }
    .mob-text-wrap li {margin: 0px 11px 7px 10px; }
    .mob-text-wrap ul, .mob-text-wrap ol { margin-left:0;}
    .two-column .left-col {margin-right: 0; width: 95%;}
    .two-column .left-col.style2 {width: 100%;}
    .two-column .right-col.style2 { display: none; }
    .two-column .left-col.style2 p.indent {margin: 0px 10px 0px 0px;}
    .two-column .left-col h1 {padding: 20px 0px 7px 0px;}
    .mob-list-container { position: static; text-align: center; }
    .list-container { background-color: #e4e4e4; display: inline-block; left: 5px; padding: 5px 15px 5px 5px; position: relative; top: 0; }
    .list-container:after { clear: both; content: ''; display: block; }
    div.tips.show { text-decoration: none; }
    .dummy-img.slider-img img { display: block; width: 100%; }
    .dummy-img { background: none; height: auto; }
    .mobile { display: inline-block; }
    .tablet { display: block; }
    .third-nav.wrap {position: relative; top: 50px; left: 12px; width: auto; background-color: #FFF; display: block; border: 2px solid #CFCFCF; margin: 0 22px 0 0;}
    .banner-header.style1 h1.seo {margin: 0; font-size: 1.5em; width: 75%; float: none;}
    .banner-header.style1 h2 {margin: 0; font-size: 1.5em; width: 75%; float: none;}
    .footer .content {padding: 20px 0px 0px 0px; width: 100%;}
    .footer p.small {text-align: left;}
  .foot-nav .consult-home{display:inline;}
    .content-tab-list {padding: 0px 0px 10px 0px;}
    .remark-section {padding-top: 25px;}
    .search.advanced {width: 80%;}
    .search.advanced h1 {padding: 0px 0px 10px 0px;}
    .search.advanced .left {float: none; width: 100%;}
    .search.advanced .left p {padding: 0 0 5px 0px;}
    .search.advanced .right {float: none; width: 100%;}
    .responsive-checkbox p.m-chkbox {position: relative; margin-left: 20px !important; top: -4px; display: inline-block; vertical-align: top;}
    .two-column p.indent{padding-top:20px;}
    .download-center .back.desktop{margin:23px 1px 10px 0px;}
    .news-inner-content .back{display:block; margin: 3px 0px 10px 0px;}
    .content-tab {padding: 0 12px 0 12px;}
    .slide-holder {border-bottom: 2px solid #ececec;}
    .exchange-rates .section .left br{display:none;}
    .captchaContainer>div:last-child { display: block; }
}
@media handheld, only screen and (max-width: 360px) {
    .foot-nav li.first a {padding: 0px 8px 0px 0px;}
    .footer .footer-headquarter{display:block; margin-bottom:20px;}
}
@media handheld, only screen and (max-width: 320px) {
    .tablet { display:none; }
    .mobile { display:block; }
}

@media screen and (min-width:0\0){
    .second-nav {margin-top: 0px;}
    .drop-down .nav-content:after {border: none; content: '';}
    .drop-down.selected .nav-content:after {border-bottom: 5px solid #EC1B2E; content: '';}
}


.select-box .select-item{display:none; background-color:#FFFFFF;align-items: center; box-sizing: border-box; color: black; white-space: pre; padding:2px 20px 2px 5px;}
.select-box .select-item:hover{background-color:#1e90ff; color:#ffffff;}
.select-box.show .select-item{display:block;}
.select-box.show .select-item.selected{border-top:1px solid #CCC;}
.select-box .select-item.selected{display:block; background:url('../../images/arrow/select-box-arrow.png'); background-repeat:no-repeat; background-position:96% 50%; cursor: pointer;}
.select-box .select-item.selected:hover{color:#000000;}
.prudential-network .select-box{margin-left: 10px; border:1px solid #CCC; display:inline-block;}
.prudential-network .select-box  > a{padding:0px !important;left: 0px !important; display:block !important;}

@media handheld, only screen and (max-width: 1040px) {
  .prudential-network .select-box{margin-left: 10px; display:inline-block; position:relative; bottom:0; left:0;}
}