body.loading {overflow: hidden; } body.loading .modal { display: block;} body .fontsSmaller a{font-weight:bold} body.largerFonts .fontsNormal a { font-weight:bold} body.XlargerFonts .fontsLarger a {font-weight:bold} body.largerFonts .fontsSmaller a { font-weight:normal} body.XlargerFonts .fontsSmaller a {font-weight:normal} table tr.even { background-color: #f0f0f0} .lSPager { top:2px;} .shareDiv { width: 68px;height: 35px;position: absolute;top: 26px;right: 362px;background: #fff; display:none;} .shareDiv div {padding-top:1px;} .shareDiv a.at-svc-whatsapp {display:none;} .ShareGroup a.at-svc-whatsapp {display:none;} .myEmailShareBtn{display:inline-block;*display:inline;*zoom:1;margin:0 2px 5px !important;padding:0;vertical-align: top;overflow:hidden;line-height:0;text-decoration:none;text-transform:none;color:#fff;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:0;font-family:helvetica neue,helvetica,arial,sans-serif;background-color:transparent} .myEmailShareBtn:hover {-webkit-transform:translateY(0px);transform:translateY(0px);color:#fff;text-decoration:none} at-resp-share-element .at-share-btn:focus,.at-resp-share-element .at-share-btn:hover{-webkit-transform:translateY(0px) !important;transform:translateY(0px) !important;color:#fff;text-decoration:none} .myEmailShareBtn{padding:5px;margin-right:5px} .noPadding {padding:0px !important;} .insuranceSelectionArea h1 span.open {margin: 0 -8px 0 -15px; } .insuranceSelectionArea h1 span.close {margin: 0 -15px 0 -8px; } .smartbanner { top: auto !important; bottom: 0px; } body.largerFonts .shareDiv { right:378px;top: 27px;} body.XlargerFonts .shareDiv { right:397px;top: 28px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .webkitCbxPadding{padding-top: 6px;} sup {position: relative;display: inline-block;transform: scale(0.8);-webkit-transform-origin-x: 0;} } .insuranceSelectionArea { padding: 30px 0 30px 0;} .insuranceSelectionArea h1 { padding-bottom: 30px;} .promotionArea .promotionInnerArea { padding:30px 0;} .promotionArea .LRPromote { cursor:pointer;} .link {text-decoration: underline;} .frontBannerArea .bannerSlider .banner01 {background:none; cursor:pointer;} .bold { font-weight:bold;} .bold sup { font-weight:bold;} .nowrap { white-space: nowrap; } .center { text-align: center; } .underline {text-decoration:underline} .promotionArea .promotionInnerArea h1 span {letter-spacing: -0.3em;margin-left: -8px;} .promotionArea .promotionInnerArea h1 span.speChar { margin-right: -10px;} .leftAlign {text-align:left;} #LoginPanel .btnLogin {margin:5px;} #LoginPanel .btnLogin a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden;} #LoginPanel .btnLogin img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #LoginPanel .btnCloseLogin {margin:5px;} #LoginPanel .btnCloseLogin a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden;} #LoginPanel .btnCloseLogin img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #LoginPanel table {font-size:1.25em; } #LoginPanel table td {padding-left:8px;text-align: left;} /* For New Login Partial View */ /* New Login Panel */ #NewLoginPanel .btnLoginNew {margin:5px;} #NewLoginPanel .btnLoginNew a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden;} #NewLoginPanel .btnLoginNew img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #NewLoginPanel .btnCloseLoginNew {margin:5px;} #NewLoginPanel .btnCloseLoginNew a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden;} #NewLoginPanel .btnCloseLoginNew img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #NewLoginPanel table {font-size:1.25em; } #NewLoginPanel table td {padding-left: 8px; text-align: left; border: none;} /* Become Member Panel */ #BecomeMemberPanel .btnConfirm {margin:5px;} #BecomeMemberPanel .btnConfirm a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden;} #BecomeMemberPanel .btnConfirm img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #BecomeMemberPanel .btnCloseBecomeMember {margin:5px;} #BecomeMemberPanel .btnCloseBecomeMember a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden;} #BecomeMemberPanel .btnCloseBecomeMember img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #BecomeMemberPanel #divBecomeMember {font-size:1.25em; padding-left: 8px; text-align: left; border: none; } #BecomeMemberPanel #divBecomeMember table { border: none; } #BecomeMemberPanel #divBecomeMember table td { border: none; text-align:left; } #BecomeMemberPanel #divBecomeMember .inputRow { display: inline-block; width: 100%; line-height: 45px; } #BecomeMemberPanel #divBecomeMember .inputRow .col_1 { width: 30%; float: left } #BecomeMemberPanel #divBecomeMember .inputRow .col_2, #BecomeMemberPanel #divBecomeMember .inputRow .col_3 { width: 35%; float: left } #BecomeMemberPanel #divBecomeMember .inputCol .k-textbox { width: 90% } #BecomeMemberPanel #divBecomeMember #tbAgreement { margin:5px; } #BecomeMemberPanel #divBecomeMember #tbAgreement td { vertical-align:top; } #BecomeMemberPanel #divBecomeMember #tbAgreement input[type="checkbox"] { margin-right:5px; margin-top:3px; } #BecomeMemberPanel #divBecomeMember .buttonRow { float: right; } #BecomeMemberPanel #divBecomeMember .fontBold { font-weight: bold; } #BecomeMemberPanel #divBecomeMember ul { margin-left: 20px; line-height: inital; list-style-type: disc; } #BecomeMemberPanel .requiredField::after { content: " *"; color: red; } /* For New Login Partial View */ /* IM Advisor */ #IMEnquiryForm { width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5); } #IMEnquiryForm #EnquiryForm {max-width:90%; text-align:left;padding:25px ;position:fixed;opacity:1; background:#fff; border-radius:10px;overflow:auto;max-height:95%;} #IMEnquiryForm h1.title { font-size: 1.66667em; color: #3a3a3a; margin-bottom: 20px; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px;} #IMEnquiryForm #FormContentPanel #divFormContent .inputRow label:not(.k-radio-label) {font-size:1.25em; /*padding-left: 8px;*/ text-align: left; border: none; font-weight: bold; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow { display: inline-block; width: 100%; } #IMEnquiryForm #FormContentPanel #divFormContent .col_1 { width: calc(20% - 10px); float: left; padding: 12px 5px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_2, #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_3 { width: calc(40% - 15px); float: left; padding: 5px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow_Name .col_2 { width: calc(20% - 15px); float: left; padding: 5px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow_Name .col_3 { width: calc(60% - 15px); float: left; padding: 5px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow_Details .col_2 { width: calc(80% - 10px); float: left; padding: 5px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputCol .k-textbox { width: 100% } .boxsizingBorder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; overflow:hidden; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .selectItem { display: inline-block; padding-right: 15px; padding-top: 7px; padding-bottom: 7px; width: 50px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .selectItem + input#PolicyNo { width: calc(100% - 130px); } #IMEnquiryForm #FormContentPanel #divFormContent .Agreement { text-align:right; margin:5px;font-size:1.166667em} #IMEnquiryForm #FormContentPanel #divFormContent .Agreement input[type="checkbox"] { margin-right:5px;} #IMEnquiryForm #FormContentPanel .buttonRow { float: right; } #IMEnquiryForm #FormContentPanel #divFormContent .btnClose {margin:5px;} #IMEnquiryForm #FormContentPanel #divFormContent .btnClose a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} #IMEnquiryForm #FormContentPanel #divFormContent .btnClose img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #IMEnquiryForm #FormContentPanel #divFormContent .btnConfirm {margin:5px;} #IMEnquiryForm #FormContentPanel #divFormContent .btnConfirm a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} #IMEnquiryForm #FormContentPanel #divFormContent .btnConfirm img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #IMEnquiryForm #FormResultPanel #divResultContent { text-align: center; } #IMEnquiryForm #FormResultPanel #divResultContent label {font-size:1.25em; text-align: center; border: none; } #IMEnquiryForm #FormResultPanel #divResultContent .buttonRow { float: none; text-align: center; margin-top: 20px; } #IMEnquiryForm #FormResultPanel #divResultContent .btnHome {margin:5px;} #IMEnquiryForm #FormResultPanel #divResultContent .btnHome a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} #IMEnquiryForm #FormResultPanel #divResultContent .btnHome img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } #IMEnquiryForm #FormResultPanel #divResultContent .btnClose {margin:5px;} #IMEnquiryForm #FormResultPanel #divResultContent .btnClose a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} #IMEnquiryForm #FormResultPanel #divResultContent .btnClose img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .AdvisorPanel { padding-top: 40px; text-align:center; } .AdvisorPanel .AdvisorContent .inputRow { font-size: 1.3em; padding: 10px 0px; } .AdvisorPanel .AdvisorContent .inputRow #Age { width: 40px; text-indent: 10px; } .AdvisorPanel .AdvisorContent .buttonRow { float: none; text-align: center; margin-top: 0px; } .AdvisorPanel .AdvisorContent .btnAdvisorSubmit {margin:10px 5px 5px 5px;} .AdvisorPanel .AdvisorContent .btnAdvisorSubmit a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .AdvisorPanel .AdvisorContent .btnAdvisorSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .promotionPopArea .promotionContentArea .AdvisorPanel.SmartHealth h1 { font-size: 1.9em; } .AdvisorPanel.SmartHealth.mobileVisible h1 {color: #0061b3;font-size: 2.08em;padding: 15px 20px 0px 20px;line-height: 1.2;font-weight: bold;margin-bottom: 10px;} .AdvisorPanel.SmartHealth.mobileVisible .AdvisorContent .buttonRow { margin-bottom: 20px; } .productDetailsArea.IMAdvisorRecommendation .tabContent { margin-bottom: 40px; } .productDetailsArea.IMAdvisorRecommendation .tabContent h1 { padding:15px; font-size:2.08em; color:#fff; background:#b4b4b4; text-align:center; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel { min-height: 10px; border:1px solid #b4b4b4; background:#fff; margin-bottom: 20px; padding: 0px; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent { padding: 10px; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent .inputRow { font-size: 1.9em; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #accommodation_row .divSlider { width: 30%; display: inline-block; padding-right: 40px; padding-left: 30px; padding-bottom: 30px; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #budget_row .divSlider { width: 30%; display: inline-block; padding-right: 60px; padding-left: 20px; padding-bottom: 30px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit-wrapper { background: #fff; overflow: hidden; margin-bottom: 40px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit { width: 40%; margin: 0 auto; padding-bottom: 60px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit tbody{ background: #efefef; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit-multi { width: 50%; float: left; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit-multi:first-child { padding: 0px 30px 60px 60px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit-multi:first-child + .tbBenefit-multi{ padding: 0px 60px 60px 30px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .infoContent { background-color: #fff; text-align: center; font-size: 1.3em; padding: 20px 5px 30px 5px; line-height: 1.5em; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit { margin-bottom: 0px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td { background:#efefef; padding:10px; color:#000; position:relative; line-height:1.2; /*border:1px solid #fff;*/ text-align:center; } /*.productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName a { color:#fff; text-decoration: underline; font-size: 1.16em; display: inline-block; }*/ .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName a { background:#fff; font-size:1.1667em; color:#3a3a3a; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName img { position:relative; margin-left:5px; top:3px; width:16px !important; height:auto; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td a:not(:first-of-type) { margin-left: 10px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr:first-of-type td { border-top: 0px solid #fff; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr:last-of-type td { /*border-bottom: 60px solid #fff;*/ } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr td:first-of-type { /*border-right: 60px solid #fff; border-left: 60px solid #fff; */} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr td:not(:first-of-type) { border-left: 60px solid #fff; border-right: 60px solid #fff; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.productName { background:#f4f010; font-size:1.66667em; font-weight:bold;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planContent { vertical-align: top; border-bottom: 0px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName.planLink { border-top: 0px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.productName, .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName { padding-bottom: 10px; vertical-align: top; border-bottom: 0px; line-height: 1.5em; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName { font-size: 1.3em; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName .planTitle { font-size: 1.25em; font-weight: bold; padding-bottom: 5px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit td.planName .content { font-size: 1.16em; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .cost { font-size: 1.3em; background:#efefef; padding:0px 10px 10px 10px; color:#000; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .button { background:#efefef; padding:10px; color:#000; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .quote_note { line-height: 1.5em; font-size: 1.16em; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .quote_note ul { padding-left: 20px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .detailRow1 td.cost { background:#f2f38b; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .detailRow2 td.cost { background:#fcffc8; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnProductInfo {margin:5px;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnProductInfo a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnProductInfo img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnQuote {margin:5px;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnQuote a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnContactMe {margin:5px;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnContactMe a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .btnContactMe img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit ul.benefitList { list-style-type: none; padding-left: 28px; line-height: 1.5; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit ul.benefitList li { padding-left: 4px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit ul.benefitList li:before { content: ""; color: #00b0ea; white-space: nowrap; padding-right: 23px; margin-left: -28px; background: url("/images/common/selected2.png"); background-size: 20px 16px; background-repeat: no-repeat; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit ul.benefitList li.notselected:before { content: ""; background: url("/images/common/notselect.png"); background-size: 20px 16px; background-repeat: no-repeat;} .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .Currency { font-size: 1.28205em; } .productDetailsArea.IMAdvisorQuote .selectionTitle2 { font-weight: bold; float: left; width: 20%; } .productDetailsArea.IMAdvisorQuote .boxSelection .selectItem { display: inline-block; padding-right: 20px; font-size: 1.25em; padding-top: 10px; } .productDetailsArea.IMAdvisorQuote .boxSelection .selectItem input[type="radio"]:checked + label.k-radio-label { font-weight: bold; color: #0061b3; } .productDetailsArea.IMAdvisorQuote .selectionRow { padding: 10px 0px; clear: both; line-height: 1.2; } .productDetailsArea.IMAdvisorQuote .boxSelection { /*text-align: center;*/ float: left; width: 80%; } .productDetailsArea.IMAdvisorQuote .selectionTitle { font-size: 1.3em; font-weight: bold; float: left; width: 20%; padding-top: 10px; } .productDetailsArea.IMAdvisorQuote .personalInfoRow { font-size: 1.25em; } .productDetailsArea.IMAdvisorQuote .boxSelection .customSelectBox .selectBox { text-align: center; margin: 0px; } .productDetailsArea.IMAdvisorQuote .boxSelection .customSelectBox .selectBox .boxContent { font-size: 1.25em; display: inline-block; vertical-align: middle; } .productDetailsArea.IMAdvisorQuote .boxSelection .customSelectBox { display: inline-block; vertical-align: top; margin-bottom: 3px; } .productDetailsArea.IMAdvisorQuote .boxSelection .switch-field label { font-size: 1.25em; vertical-align: middle; line-height: 1.2; } .productDetailsArea.IMAdvisorQuote .selectionRow .wrapper-dropdown-1 .dropdown { width: 230px; font-size: 125%; } .productDetailsArea.IMAdvisorQuote .selectionRow .monthlyRemarks { font-size: 125%; } .productDetailsArea.IMAdvisorQuote .selectionRow .numericTextBox { width: 230px; font-size: 115%; } .productDetailsArea.IMAdvisorQuote .tabContent { margin-bottom: 40px; } .productDetailsArea.IMAdvisorQuote .tabContent h1.title { font-size: 1.66667em; color: #3a3a3a; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px;} .productDetailsArea.IMAdvisorQuote .tabContent h1.resultContent { font-size: 1.66667em; color: #3a3a3a; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px; text-align: right; display: none; border-top: 1px solid #fff; } .productDetailsArea.IMAdvisorQuote .tabContent .detailsPanel { margin-bottom: 20px; } .productDetailsArea.IMAdvisorQuote .tabContent .SelectionContent { margin-top: 20px; } .productDetailsArea.IMAdvisorQuote .tabContent .customTextBox.Age { width: 50px; text-indent: 10px; } .productDetailsArea.IMAdvisorQuote .tabContent .buttonRow { float: right; margin-top: 20px; } .productDetailsArea.IMAdvisorQuote .tabContent #QuoteForm .btnBack {margin:5px;} .productDetailsArea.IMAdvisorQuote .tabContent #QuoteForm .btnBack a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorQuote .tabContent #QuoteForm .btnBack img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorQuote .tabContent #QuoteResult .btnBack {margin:5px;} .productDetailsArea.IMAdvisorQuote .tabContent #QuoteResult .btnBack a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorQuote .tabContent #QuoteResult .btnBack img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorQuote .tabContent .btnQuote {margin:5px;} .productDetailsArea.IMAdvisorQuote .tabContent .btnQuote a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorQuote .tabContent .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorQuote .tabContent .btnEdit {margin:5px;} .productDetailsArea.IMAdvisorQuote .tabContent .btnEdit a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorQuote .tabContent .btnEdit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorQuote .tabContent .btnContactMe {margin:5px;} .productDetailsArea.IMAdvisorQuote .tabContent .btnContactMe a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorQuote .tabContent .btnContactMe img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorQuote .tabContent .btnPrint {margin:5px;} .productDetailsArea.IMAdvisorQuote .tabContent .btnPrint a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea.IMAdvisorQuote .tabContent .btnPrint img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea.IMAdvisorQuote .tabContent hr { border-color: #e0e0e0; margin-bottom: 20px; } .productDetailsArea.IMAdvisorQuote .tabContent div.resultContent { margin-bottom: 5px; line-height: 1.5; } .productDetailsArea.IMAdvisorQuote .tabContent .quoteHeader { font-size: 1.66667em; color: #3a3a3a; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px; border-bottom: 1px solid #fff; } .productDetailsArea.IMAdvisorQuote .tabContent .quoteHeader div { font-weight: inherit; } .productDetailsArea.IMAdvisorQuote .tabContent .quoteHeader .personalInfo { float: left; width: 65%; } .productDetailsArea.IMAdvisorQuote .tabContent .quoteHeader .payment { float: right; width: 35%; text-align: right; } .productDetailsArea.IMAdvisorQuote .tabContent .familySelection { display: inline-block; margin-left: 20px; } .productDetailsArea.IMAdvisorQuote .tabContent .familySelection .selection { display: inline-block; margin-left: 10px; } .productDetailsArea.IMAdvisorQuote .tabContent .familySelection label { font-size: 0.8em; padding-left: 5px; } .productDetailsArea.IMAdvisorQuote .tabContent .field-validation-valid { font-size: 1.25em; padding-top: 5px; } .productDetailsArea.IMAdvisorQuote .tabContent .linkButtonRow { margin-top: 10px; margin-bottom: 15px; } .productDetailsArea.IMAdvisorQuote .tabContent .linkButtonRow a { font-size: 1.3em; color: #00b0ea; text-decoration: underline; cursor: pointer; padding-right: 10px; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel { font-size: 1.3em; float: left; width: 65%; } /*.productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel .row { padding: 10px 0px; }*/ .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel .fieldLabel { font-weight: bold; float: left; width: 40%; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel .fieldLabel span { font-weight: bold; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel .fieldLabel + .fieldVal { width: 60%; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel .fieldVal { float: left; width: 100%; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel .paymentPanel { font-size: 1.3em; float: left; width: 35%; text-align: right; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentPanel { font-size: 1.3em; width: 100%; text-align: right; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .totalRow { font-size: 1.3em; font-weight: bold; padding-top: 10px; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown { font-size: 1.3em; float: right; width: 25%; text-align: left; padding-right: 10px; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .fieldLabel { font-weight: bold; float: left; width: 60%; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .fieldLabel + .fieldVal { width: 40%; text-align: right; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .fieldVal { float: left; width: 100%; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .Currency { display: inline-block; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .Amount { display: inline-block; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow { margin: 3px 0px; font-size: 1.25em; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow .subInputLabel { float: left; width: 45%; display: inline-block; padding: 10px 0px; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow .subInputField { float: left; width: 55%; display: inline-block; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow .subInputField .k-numerictextbox { width: 120px; } .featureTable td { text-align: left; vertical-align: top; } .customSlider { width: 100%; } .customTextBox { border: none; border-bottom: 1px solid skyblue; color: #00b0ea; } .customTextBox:focus { outline: none; } .customKendoDropDown .k-icon.k-i-arrow-s { display: none; } span.customKendoDropDown.k-dropdown { background: none; width: auto; } .customKendoDropDown .k-dropdown-wrap { font-size: 1em; color: #00b0ea; -webkit-appearance:none; -moz-appearance:none; background:0 0; appearance:none; border:none; display: inline-block; padding: 0px; } .customKendoDropDown .k-state-active, .customKendoDropDown .k-state-focused, .customKendoDropDown .k-state-hover { box-shadow: none; border: none; background: none; } .customKendoDropDown .k-dropdown-wrap .k-input { line-height: 1em; height: 1em; padding: 0px; color: inherit; text-indent: 0; border: none; } .customKendoDropDown .k-select { display: none; } .customDropDown-wrapper { position:relative; } .customDropDown-wrapper select{ position: relative; z-index: 1; } .customDropDown-wrapper .fa { position: absolute; right: 3px; top: 5px; } .customKendoDropDown-wrapper { position:relative; } .customKendoDropDown-wrapper span.customKendoDropDown { position: relative; z-index: 1; padding-right: 18px; } .customKendoDropDown-wrapper .fa { position: absolute; right: 3px; top: 0px; } .customKendoDropDown-wrapper .customKendoDropDown .k-dropdown-wrap.k-state-active { box-shadow: unset; } .customDropDown { font-size: 1em; color: #00b0ea; -webkit-appearance:none;-moz-appearance:none;background:0 0;appearance:none;border:none; cursor: pointer; } .customDropDown::-ms-expand { display:none } .customICon { padding-left: 5px; color: #00b0ea;} .customICon.pointer { cursor: pointer; } .customSelectBox .selectBox { border: 1px solid darkgrey; color: black; padding: 10px 15px; cursor: pointer; margin: 10px 15px; width: 200px; min-height: 20px; box-shadow: 2px 2px grey; border-radius: 5px; } .customSelectBox .selectBox label.boxContent { cursor: pointer; } .customSelectBox .selectBox.disabled { border: 1px solid darkgrey; color: darkgrey; cursor: default; } .customSelectBox .selectBox.disabled label.boxContent { cursor: default; } .customSelectBox .selectBox.selected { border: 1px solid darkgrey; color: #fff; background: #fcb040; box-shadow: 0px 0px; } .customSelectBox .selectBox .boxIcon { display: none; } .customSelectBox .selectBox.selected .boxIcon { display: inline-block; padding-right: 5px; } .customICon-policy { padding-left: 5px; color: #00b0ea;background: url(/images/common/policy.png); background-size: 29px 26px; background-repeat: no-repeat; width: 20px; height: 29px; display: inline-block; vertical-align: middle; } .switch-field { } .switch-field input[type="radio"], .switch-field input[type="checkbox"] { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .switch-field label { display: table-cell; text-align: center; padding: 10px 15px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border-radius: 5px; width: 200px; min-height: 20px; box-shadow: 2px 2px grey; border: 1px solid darkgrey; color: black; } .switch-field label:hover { cursor: pointer; } .switch-field input[type="radio"]:checked + .customSelectBox label, .switch-field input[type="checkbox"]:checked + input[type="hidden"] + .customSelectBox label { border: 1px solid darkgrey; color: #fff; background: #fcb040; box-shadow: 0px 0px; } .switch-field input[type="radio"]:disabled + .customSelectBox label, .switch-field input[type="checkbox"]:disabled + input[type="hidden"] + .customSelectBox label { border: 1px solid darkgrey; color: darkgrey; cursor: default; } .switch-field input[type="radio"] + .customSelectBox label .boxIcon, .switch-field input[type="checkbox"] + input[type="hidden"] + .customSelectBox label .boxIcon { display: none; color: #fff; } .switch-field input[type="radio"]:checked + .customSelectBox label .boxIcon, .switch-field input[type="checkbox"]:checked + input[type="hidden"] + .customSelectBox label .boxIcon { display: inline-block; padding-right: 5px; } .diagonal_line:after{ content:""; position: absolute; border-top:1px solid #FFF; width: 100%; transform: rotate(45deg) translate(-50%, 0); transform-origin: 0% 0%; } /* Align Style */ /* #tipExpand,.inputField { margin: 0 !important; padding: 0 !important; min-height:0 !important;} .TSM_Family, .TSM_Couple, .formGroup,.Errmsg, .enroltip { margin: 0 !important; padding: 0 !important; min-height:0 !important;border: 0px !important;height: auto !important;} .productDetailsArea .step01Area .formCol .col01, .productDetailsArea .step01Area .formCol .col02, .productDetailsArea .step01Area .formCol .col03 { margin: 0 !important; padding: 0 10px 0 0 !important; min-height:0 !important;border: 0px !important;height: auto !important;width: 32%;} .formCol h1 { padding: 0px !important; margin: 20px 0px 10px 0px !important;} .formCol h1.expand { padding: 0px !important; margin: 10px 0px 0 0 !important;} .remarksArea { height: auto !important; margin: 20px 0px 10px 0px !important; padding: 0px !important; border:0px !important} .selectItem { height: auto !important; margin: 10px 0px 10px 0px !important; padding: 0px !important; border:0px !important} .k-radio-label:before {top: 1px;} */ .bannerArea { height: 120px; background: url(/images/common/img-content-banner-bg.jpg) no-repeat center;} .bannerArea .innerArea { height: 120px; } .productDetailsArea .AppForm { position: relative; float: right; width: 73%; } .productDetailsArea .AppForm { line-height: 1.2; } .productDetailsArea .AppForm hr { width: 88%; position: relative; top: 30px; border-color: #e0e0e0; border-top: 0px; } .productDetailsArea .AppForm .RWDVisible { display: none !important; } .productDetailsArea .AppForm .DesktopVisible { display: block !important; } .productDetailsArea .AppForm .k-radio-label {font-size:1.25em;display:inline-block;line-height:1.2;vertical-align: top;} .productDetailsArea .AppForm .k-widget:not(.k-dropdown) {font-size:1.25em;} .productDetailsArea .AppForm .enroltip { line-height: 1.4; } .productDetailsArea .AppForm h1 sup{ line-height: 0; } /* Quote Page */ .productDetailsArea .AppForm .enroltip h1 { cursor: pointer; } .productDetailsArea .AppForm h1 { font-size: 1.66667em; color: #3a3a3a; font-weight: bold; padding: 0px; margin: 20px 0px 10px 0px; } .productDetailsArea .AppForm h1.FirstItem { margin-top: 5px; } .productDetailsArea .AppForm h1 label { font-weight: bold; } .productDetailsArea .AppForm h1.expand { padding: 0px ; margin: 0; } .productDetailsArea .AppForm .col01, .productDetailsArea .AppForm .col02, .productDetailsArea .AppForm .col03 { padding: 0 10px 0 0; margin: 0; height: auto; width: 32%; float: left; } .productDetailsArea .AppForm .inputControl{ width: 93%; } .productDetailsArea .AppForm .inputControl .textbox-label{ font-size:1.25em; } .productDetailsArea .AppForm .ApplyControlRow{ padding-top: 10px; } .productDetailsArea .AppForm .ApplyControlRow.FirstRow{ padding-top: 0px; } /*.productDetailsArea .AppForm .ApplyControlRow h2{ top: 3px; }*/ .productDetailsArea .AppForm .ApplyControl{ width: calc(30% - 14px); float: left; } .productDetailsArea .AppForm .inlineBlock{ display: inline-block; line-height: 2.2; } .productDetailsArea .AppForm .inlineBlock > *, .productDetailsArea .AppForm .inlineBlock > * > * { display: inline-block; vertical-align: top; top: 0px; } /*.productDetailsArea .AppForm .FirstRow .inlineBlock .selectItem > * { top: -5px; }*/ /*.productDetailsArea .AppForm .inlineBlock .selectItem:not(:first-child) .k-radio-label*/ .productDetailsArea .AppForm .inlineBlock .selectItem:not(:last-child) .k-radio-label { margin-right: 15px; } .productDetailsArea .AppForm .k-datepicker{ padding: 0; } /*.productDetailsArea .AppForm :not(.FirstRow) > .selectItem*/ .productDetailsArea .AppForm .selectItem { margin: 10px 0px 0px 0px; } .productDetailsArea .step03Area .AppForm .inlineBlock .selectItem { margin-top: 0px; } .productDetailsArea .step03Area .AppForm .inlineBlock .selectItem.tooltip { margin-top: 10px; } .productDetailsArea .step03Area .AppForm .planDetail .FirstRow:first-child .selectItem.tooltip{ margin-top: 5px; } .k-radio-label:before { top: 1px; } .productDetailsArea .AppForm .QuestionSet { clear: both; overflow: hidden; width: 100%; } .productDetailsArea .AppForm .QuestionSet .inlineBlock { line-height: 1; } .productDetailsArea .AppForm .QuestionSet .eMessage{ padding: 0 10px; } .productDetailsArea .AppForm .QuestionSet .selectItem{ margin: 0px; } .productDetailsArea .AppForm .QuestionSet > * { overflow: hidden; } .productDetailsArea .AppForm .QuestionSet .question-row { width: 100%; } .productDetailsArea .AppForm .QuestionSet .question-row > *{ /*display: inline-block;*/ float: left; } .productDetailsArea .AppForm .QuestionSet .question-row .question{ padding: 0 10px; width: 64%; font-size: 1.25em; line-height:1.2; } .productDetailsArea .AppForm .QuestionSet .question-row .answer{ width: calc( 32% + 10px); } .productDetailsArea .AppForm .QuestionSet.noHeader{ padding-top: 20px; } .productDetailsArea .AppForm .QuestionSet.noHeader .question { padding-left: 0; padding-right: 20px; } .productDetailsArea .AppForm .QuestionSet.noHeader .question-row:not(:first-child) { padding-top: 10px; } .productDetailsArea .QuestionSet.noHeader .eMessage { margin-left: 18px; } .productDetailsArea .step03Area .QuestionSet.noHeader .answer { float: right; width: auto; } .productDetailsArea .StandardRemarks { font-size: 13px; line-height: 1.2; color: #3a3a3a; margin: 20px 0px 0px 0px; } .productDetailsArea .StandardRemarks.SubRemarks { margin: 5px 0px 0px 18px; } .productDetailsArea .StandardRemarks.FirstRow{ margin-top: 0px; } .productDetailsArea .StandardRemarks ul { padding-left: 20px; list-style-type: disc; } .productDetailsArea .StandardRemarks li { padding: 2px 2px 2px 0; } .productDetailsArea .StandardRemarks td:nth-child(1) { width:10px; vertical-align: top; } .productDetailsArea .StandardRemarks td { padding: 2px 2px 2px 0; } .productDetailsArea .AppForm .eMessage { width: auto; margin-top: 5px; display:none; color:red; font-size: 13px; } .productDetailsArea .AppForm .FormButton { cursor: pointer; width: auto; text-align: center; } .productDetailsArea .AppForm .FormButton { margin-top: 20px; text-align: right; } .productDetailsArea .AppForm .FormButton a { display: inline-block; background: #fcb040; color: #fff; padding: 5px 10px; line-height: 1.2; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; font-size: 1.3em; } .productDetailsArea .AppForm .FormButton img { position: relative; margin-left: 5px; top: 2px; width: 16px; height: auto; } .productDetailsArea .AppForm .NextItem{ margin-top: 10px; display: inline-block; } /* Quote Result */ .productDetailsArea .step02Area .AppForm { position: relative; float: right; width: 73%; } .productDetailsArea .step02Area .AppForm H1.title { font-size: 1.66667em; color: #3a3a3a; margin: 20px 0 0 0; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px; } .productDetailsArea .step02Area .AppForm H1.title.noPad { margin: 0px; } .productDetailsArea #Quote .step02Area .AppForm table#PlanDetail { /*width: calc(100% - 20px);*/ width: auto; margin: 20px 10px; } .productDetailsArea #Quote .step02Area .AppForm table#PlanDetail tr td:nth-child(1) { width: auto; font-weight: bold; padding-right: 20px; /*line-height: 1.2em; padding-top: 0.35em;*/ } .productDetailsArea #Quote .step02Area .AppForm table#PlanDetail td { vertical-align: top; position: relative; text-align: left; font-size: 1.3em; border: none; color: #3a3a3a; /*line-height: 1.7em;*/ line-height: 1.25; padding: 0.3em 0; } .productDetailsArea .step02Area .AppForm #tbBenefit td { font-size: 1.25em; } .productDetailsArea .step02Area .AppForm .bigTit { background: #01baf2; font-size: 1.66667em; padding: 20px; color: #fff; width: 25%; text-align: left; } .productDetailsArea .step02Area .AppForm #tbBenefit td { position: relative; line-height: 1.2; border: 1px solid #fff; text-align: center; } .productDetailsArea .step02Area .AppForm .sTit { background: #01baf2; font-size: 1.3333em; padding: 10px; color: #fff; } .productDetailsArea .step02Area .AppForm .planName { background: #0192e3; font-size: 1.3333em; padding: 10px; color: #fff; } .productDetailsArea .step02Area .AppForm .costTit { } .productDetailsArea .step02Area .AppForm #tbBenefit .costTit { background: #fcffc8; font-size: 1.25em; padding: 10px; color: #000; text-align: left; } .productDetailsArea .step02Area .AppForm .cost { background: #f2f38b; font-size: 1.16667em; padding: 10px; color: #000; } .productDetailsArea .step02Area .AppForm #tbBenefit .priceTit { background: #efefef; font-size: 1.16667em; padding: 10px 10px 10px 20px; color: #000; text-align: left; } .productDetailsArea .step02Area .AppForm .price { background: #efefef; font-size: 1.16667em; padding: 10px; color: #000; } .productDetailsArea #Quote .step02Area .AppForm .price td { border: none; } .productDetailsArea .step02Area .AppForm .price label, .productDetailsArea .step02Area .AppForm .memberPrice label { font-size: 1em; } .productDetailsArea .step02Area .AppForm .price table { margin: 0 auto; } .productDetailsArea .step02Area .AppForm #tbBenefit td td { font-size: 1em; } .productDetailsArea .step02Area .AppForm .Agreement { text-align: right; margin-top: 20px; font-size: 1.166667em; } /* Apply page */ .productDetailsArea .step03Area .AppForm { position: relative; width: 100%; } .productDetailsArea .step03Area .AppForm H1.title { font-size: 1.66667em; color: #3a3a3a; margin-bottom: 0px; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px; } .productDetailsArea .step03Area .AppForm .planDetail { width: calc(100% - 20px); margin: 20px 0px 20px 10px; } .productDetailsArea .step03Area .AppForm .planDetail.FirstItem { margin: 0px 10px 20px 10px; } .productDetailsArea .AppForm .ApplyControl.inlineBlock { line-height: 1; } .productDetailsArea .step03Area .AppForm .planDetail h2 { width: 20%; font-weight: bold; vertical-align: middle; position: relative; text-align: left; font-size: 1.3em; border: none; color: #3a3a3a; /*line-height: 1.7em;*/ float: left; line-height:1.2; vertical-align: top; /*padding-top: 0.2em;*/ } .productDetailsArea .step03Area .AppForm .planDetail h2.LongTitle{ width: calc(20% - 10px); padding-right: 10px; } .productDetailsArea .step03Area .AppForm .planDetail tr td:nth-child(1) { width: 20%; font-weight: bold; /*line-height: 1.25; padding: 0.3em 0;*/ } .productDetailsArea .step03Area .AppForm .planDetail td { vertical-align: top; position: relative; text-align: left; font-size: 1.3em; border: none; color: #3a3a3a; /*line-height: 1.7em;*/ line-height: 1.25; padding: 0.3em 0; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl:not(.inlineBlock) input { width: calc( 100% - 10px ); } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl > * .dropdown { width: calc( 100% - 10px ); } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.full { width: 80%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.half { width: 50%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.long { width: 40%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.normal { width: 32.5%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.short { width: 15%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.order { width: 2%; padding-top: 3px; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.order span{ font-weight: bold; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.name { width: 18%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.ageCol { width: 10%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.genderCol { width: 10%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.idPassportCol { width: 42%; } .productDetailsArea .step03Area .AppForm .Declaration { width: calc(100% - 20px); margin: 20px 10px; font-size: 1.166667em; } .productDetailsArea .step03Area .AppForm .Declaration > * { margin-top: 10px; } .productDetailsArea .step03Area .AppForm .Declaration > *.FirstItem { margin-top: 0px; } .productDetailsArea .step03Area .AppForm .Declaration tr td { padding-top: 10px; } .productDetailsArea .step03Area .AppForm .Declaration tr:nth-child(1) td { padding-top: 0px; } .productDetailsArea .step03Area .AppForm .Declaration td:nth-child(1){ width: 18px; vertical-align: top; } .productDetailsArea .step03Area .AppForm .ApplyControl.ageCol, .productDetailsArea .step03Area .AppForm .ApplyControl.genderCol { float:left; width:9%; } .productDetailsArea .step03Area .AppForm .ApplyControl.idPassportCol { float:left; width:40%; } .productDetailsArea .step03Area .AppForm .ApplyControl.half #DOBPicker > div:not(:first-child){ /*padding-left: 3px;*/ padding-bottom: 3px; } .productDetailsArea .step03Area .AppForm td label:not(:first-child), .productDetailsArea .step03Area .AppForm .ApplyControl.long label:not(:first-child) { margin-left: 15px; } .productDetailsArea .step03Area .AppForm .InsuredInfo label{ font-size: 1.25em; line-height: 1.5em; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControlRow.details .ApplyControl:not(.inlineBlock) > input, .productDetailsArea .step03Area .AppForm .planDetail .ApplyControlRow.details .ApplyControl > div { width:71%; float:right; top:0px; line-height:normal; margin-right: 10px; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControlRow.details .ApplyControl > label { font-size: 1.25em; position: relative; top: 0px; max-width: 26%; display: inline-block; } .productDetailsArea .step03Area .AppForm input[id$='HKID_Digit'] { width: calc( 100% - 40px ) !important; } /*.productDetailsArea .step03Area .AppForm .planDetail .FirstRow h2{ padding-top: 5px; }*/ /*.productDetailsArea .step03Area .AppForm .planDetail .FirstRow .ApplyControl{ margin-top: -6px; } .productDetailsArea .step03Area .AppForm .planDetail .FirstRow .ApplyControl.inlineBlock{ margin-top: -7px; }*/ /*.productDetailsArea .step03Area .AppForm .planDetail h2 .eMessage {font-size:12px; display: block;} .productDetailsArea .step03Area .AppForm .planDetail .Address .ApplyControl:not(.inlineBlock) input, .productDetailsArea .step03Area .AppForm .planDetail.InsuredInfo .insuredRow .ApplyControl:not(.inlineBlock) input { width:80%; float:right; top:0px; line-height:normal; margin-right: 10px; } .productDetailsArea .step03Area .AppForm .planDetail .Address label, .productDetailsArea .step03Area .AppForm .planDetail.InsuredInfo .insuredRow label { font-size: 1.25em; position: relative; top: 7px; }*/ /*.productDetailsArea .step03Area .AppForm .planDetail.InsuredInfo hr{ width: 100%; top: 0; }*/ .listingArea .showmore { display: none; } @media screen and (max-width: 1199px) { #IMEnquiryForm #EnquiryForm { width: 72%; } #IMEnquiryForm #EnquiryForm { max-height:85%; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow { padding-bottom: 10px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_1, #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_2, #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_3 { width: 90%; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_1 { padding: 5px 0px; } #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_2, #IMEnquiryForm #FormContentPanel #divFormContent .inputRow .col_3 { padding: 5px 5px 5px 10px; } #IMEnquiryForm #FormContentPanel #divFormContent .Agreement { text-align: center; } #IMEnquiryForm #FormContentPanel .buttonRow { float: none; text-align: center; margin-top: 20px; margin-bottom: 20px; } .productDetailsArea.IMAdvisorRecommendation .innerArea .tabContentGroupArea { width: 96%; margin: 0px auto; float: none; } .productDetailsArea.IMAdvisorRecommendation .tabContent .AdvisorPanel .AdvisorContent .inputRow { font-size:1.71em } .productDetailsArea.IMAdvisorRecommendation .tabContent .AdvisorPanel h1 { font-size:1.872em } .productDetailsArea.IMAdvisorRecommendation .ResultPanel h1 { font-size:1.872em } .productDetailsArea.IMAdvisorRecommendation .ResultContent table#tbBenefit { font-size:0.9em } .productDetailsArea.IMAdvisorQuote .selectionTitle { float: none; width: 100%; padding: 10px 0px; } .productDetailsArea.IMAdvisorQuote .selectionTitle2 { float: none; width: 100%; padding: 10px 0px; } .productDetailsArea.IMAdvisorQuote .boxSelection { text-align: left; float: none; width: 100%; padding: 5px 0px; } .productDetailsArea.IMAdvisorQuote .selectionRow { padding: 10px 0px; } .productDetailsArea.IMAdvisorQuote .selectionTitle { padding: 0px; } .customSelectBox .selectBox { width: 135px; padding: 10px 10px; } .switch-field label { width: 135px; padding: 10px 10px; min-height: 40px; display: table-cell; } .productDetailsArea.IMAdvisorQuote .innerArea .tabContentGroupArea { width: 96%; margin: 0px auto; float: none; } .productDetailsArea.IMAdvisorQuote .tabContent .buttonRow { float: none; text-align: center; margin-top: 20px; } .productDetailsArea.IMAdvisorQuote .tabContent div.resultContent { float: none; width: 100%; } .productDetailsArea.IMAdvisorQuote .tabContent .levy { float: none; text-align: center; width: 100%; } .productDetailsArea.IMAdvisorQuote .tabContent .familySelection { display: block; margin-left: 0px; margin-top: 5px; } .productDetailsArea.IMAdvisorQuote .tabContent .quoteHeader .personalInfo { float: none; width: 100%; } .productDetailsArea.IMAdvisorQuote .tabContent .quoteHeader .payment { float: none; width: 100%; text-align: left; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .infoPanel { float: none; width: 100%; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentPanel { float: none; width: 100%; text-align: center; margin-top: 10px; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown { padding-top: 15px; float: none; width: 100%; padding-right: 0px; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .fieldLabel { width: 40%; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .fieldLabel + .fieldVal { width: 60%; text-align: left; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .Currency { width: 30px; } .productDetailsArea.IMAdvisorQuote .tabContent .resultContent .resultPanel .paymentBreakdown .Amount { width: 80px; text-align: right; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow .subInputLabel { float: none; width: 100%; display: block; padding: 0px 10px; margin: 3px 0px; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow .subInputField { float: none; width: 100%; display: block; padding: 0px 10px; } } @media screen and (max-width: 700px) { .productDetailsArea.IMAdvisorQuote .selectionTitle { padding-bottom: 5px; } .productDetailsArea.IMAdvisorQuote .boxSelection .customSelectBox { display: block; padding: 2px 0px; } .productDetailsArea.IMAdvisorQuote .boxSelection .selectItem { display: block; padding: 5px 0px; } .productDetailsArea.IMAdvisorQuote .boxSelection { font-size: 0.9em; padding: 0px; width: 100%; } .productDetailsArea.IMAdvisorQuote .selectionRow .wrapper-dropdown-1 .dropdown { width: 100%; } .productDetailsArea.IMAdvisorQuote .selectionRow .numericTextBox { width: 100%; } .customSelectBox .selectBox { width: auto; min-height: 10px; } .productDetailsArea.IMAdvisorQuote .boxSelection .switch-field label { width: calc(100% - 20px); min-height: 10px; display: inline-block; } .productDetailsArea.IMAdvisorQuote .boxSelection .customSelectBox .selectBox { line-height: 15px; } .IMAdvisorQuote.productDetailsArea .boxSelection .customSelectBox { margin-bottom: 0px; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow .subInputLabel { float: left; width: auto; display: inline-block; padding: 10px 10px 10px 0px; margin: 0px; } .productDetailsArea.IMAdvisorQuote .tabContent .subInputRow .subInputField { float: left; width: auto; display: inline-block; padding: 0px; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #accommodation_row { font-size: inherit; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #accommodation_row .labelTitle { font-size: 1.71em; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #accommodation_row .divSlider { width: calc(100% - 80px); display: block; padding-right: 40px; padding-left: 40px; font-size: 1.3em; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #budget_row { font-size: inherit; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #budget_row .labelTitle { font-size: 1.71em; } .productDetailsArea.IMAdvisorRecommendation .AdvisorPanel .AdvisorContent #budget_row .divSlider { width: calc(100% - 80px); display: block; padding-right: 40px; padding-left: 40px; font-size: 1.3em; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit-single { width: 70%; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit-multi:first-child { padding: 0px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent .tbBenefit-multi:first-child + .tbBenefit-multi{ padding: 0px; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit .buttonRow { font-size: 0.9em; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr:first-of-type td { border-top: 1px solid #fff; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr:last-of-type td { border-bottom: 1px solid #fff; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr td:first-of-type { border-right: 1px solid #fff; border-left: 1px solid #fff; } .productDetailsArea.IMAdvisorRecommendation .ResultContent #tbBenefit tr td:not(:first-of-type) { border-left: 1px solid #fff; border-right: 1px solid #fff; } } /* IM Advisor */ /* IM Product Info */ .productDetailsArea .IMProduct sup { vertical-align: baseline; position: relative; top: -0.4em; } .productDetailsArea .IMProduct .featureCol ul div.title { font-weight: bold; font-size: 1.25em; line-height: 1.2; padding: 5px 0px; margin-bottom: 5px; } .productDetailsArea .IMProduct .featureCol ul div.note { font-size: 1.25em; margin-bottom: 10px; } .productDetailsArea .IMProduct .featureCol h1 sup { font-weight: bold; font-size:14.08px; top:-0.5em } .productDetailsArea .IMProduct .featureCol ul div.title sup { font-weight: bold; } .productDetailsArea .IMProduct .featureCol .footNote { font-size: 1.0625em; line-height: 1.2; } .productDetailsArea .IMProduct .featureCol .featureTable td { vertical-align: top; border: 0px !important; line-height: 1.2; } .productDetailsArea .IMProduct .featureCol h1 + table.profileTableContent { font-size: 1.25em; margin-bottom: 30px; line-height: 1.2; } .productDetailsArea .IMProduct .featureCol .profileTableContent { width: 70%; margin: 15px 0px 10px 0px; } .productDetailsArea .IMProduct .featureCol .profileTableContent .headerTitle { font-weight: bold; } .productDetailsArea .IMProduct .featureCol .profileTableContent td { border-top: 1px solid #c0c0c0; text-align: center; padding: 5px; } .productDetailsArea .IMProduct .featureCol .profileTableContent td.leftAlign { text-align: left; } .productDetailsArea .IMProduct .featureCol .profileTableContent tr:last-of-type td { border-bottom: 1px solid #c0c0c0; } .productDetailsArea .IMProduct .featureCol .profileTableContent td:not(:last-of-type) { border-right: 1px solid #c0c0c0; } .productDetailsArea .IMProduct .featureCol table.importantNote { margin-bottom: 20px; } .productDetailsArea .IMProduct .featureCol .remarksArea { margin-top: 30px; } .productDetailsArea .IMProduct .featureCol .btnGroup { float: right; } .productDetailsArea .IMProduct .featureCol .btnBack {margin:5px;} .productDetailsArea .IMProduct .featureCol .btnBack a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea .IMProduct .featureCol .btnBack img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea .IMProduct .featureCol .btnQuote {margin:5px;} .productDetailsArea .IMProduct .featureCol .btnQuote a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea .IMProduct .featureCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea .IMProduct .sobCol .num { font-size: 1.25em; font-weight: bold; display: inline-block; float: left; } .productDetailsArea .IMProduct .sobCol .content { width: 100%; } .productDetailsArea .IMProduct .sobCol div.num + div.content { display: inline-block; float: right; width: 98%; } .productDetailsArea .IMProduct .sobCol .headTitle { font-size: 1.25em; font-weight: bold; } .productDetailsArea .IMProduct .sobCol .headNote { font-size: 1.16em; line-height: 1.2; } .productDetailsArea .IMProduct .sobCol table.costTable td { position: relative; line-height: 1.2; vertical-align: middle; border: 1px solid #fff; text-align: center; } .productDetailsArea .IMProduct .sobCol table.costTable td.leftAlign { text-align: left; } .productDetailsArea .IMProduct .sobCol table.costTable td.topAlign { vertical-align: top; } .productDetailsArea .IMProduct .sobCol table tr.odd td.titleSub { background: #fcffc8; } .productDetailsArea .IMProduct .sobCol table tr.odd_gray td.titleSub { background: none; } .productDetailsArea .IMProduct .sobCol table.costTable .sTit { background: #01baf2; font-size: 1.33em; padding: 10px; color: #fff; } .productDetailsArea .IMProduct .sobCol table.costTable .planName { background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center; } .productDetailsArea .IMProduct .sobCol table.costTable .sectionTitle { background: #b4b4b4; font-size: 1.3333em; padding: 10px;color: #fff; text-align:center; } .productDetailsArea .IMProduct .sobCol table.costTable .mainTitle { background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold; } .productDetailsArea .IMProduct .sobCol table.costTable .mainTitle.center { text-align: center; } .productDetailsArea .IMProduct .sobCol table.costTable .mainTitle sup { font-weight: bold; } .productDetailsArea .IMProduct .sobCol table.costTable td.titleSub { background: #efefef; font-size: 1.16em; padding: 10px; color: #000; } .productDetailsArea .IMProduct .sobCol table.costTable td.costSub { background: #f2f38b; font-size: 1.16em; padding: 10px; color: #000; } .productDetailsArea .IMProduct .sobCol table.footNote { margin-bottom: 0px; margin-top: 8px; } .productDetailsArea .IMProduct .sobCol table.footNote td { font-size: 1.1em; } /*.productDetailsArea .IMProduct .sobCol .sob1, .productDetailsArea .IMProduct .sobCol .sob2 { margin-bottom: 50px; }*/ .productDetailsArea .IMProduct .sobCol table.sob2Content td { font-size: 1.16em; padding: 0px 5px 10px 0px; position: relative; line-height: 1.5; vertical-align: middle; } .productDetailsArea .IMProduct .sobCol .profileTableContent { font-size: 1.25em; margin-bottom: 30px; line-height: 1.2; width: 70%; margin: 15px 0px 10px 0px; } .productDetailsArea .IMProduct .sobCol .profileTableContent .headerTitle { font-weight: bold; } .productDetailsArea .IMProduct .sobCol .profileTableContent td { border-top: 0px; border-bottom: 1px solid #c0c0c0; text-align: center; padding: 5px; } .productDetailsArea .IMProduct .sobCol .profileTableContent td.leftAlign { text-align: left; } .productDetailsArea .IMProduct .sobCol .profileTableContent tr:first-of-type td { border-top: 1px solid #c0c0c0; } .productDetailsArea .IMProduct .sobCol .profileTableContent td:not(:last-of-type) { border-right: 1px solid #c0c0c0; } .productDetailsArea .IMProduct .sobCol .remarksArea { margin-top: 30px; } .productDetailsArea .IMProduct .sobCol table.costTable tr.headerPoint .titleSub { background: #f2f38b; } .productDetailsArea .IMProduct .sobCol table.costTable tr.subPoint .titleSub { background: #fcffc8; } .productDetailsArea .IMProduct .sobCol table.costTable tr.headerPoint td.titleSub, .productDetailsArea .IMProduct .sobCol table.costTable tr.headerPoint td.titleSub sup { font-weight: bold; } .productDetailsArea .IMProduct .sobCol table.costTable tr.headerPoint td.costSub { background: #efefef; } .productDetailsArea .IMProduct .sobCol table.costTable tr.subPoint td.costSub { background: #efefef; } .productDetailsArea .IMProduct .sobCol table.costTable tr.odd_gray td.costSub { background: none; } .productDetailsArea .IMProduct .sobCol .btnGroup { float: right; text-align: right; } .productDetailsArea .IMProduct .sobCol .btnBack {margin:5px;} .productDetailsArea .IMProduct .sobCol .btnBack a {display: inline-block;background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea .IMProduct .sobCol .btnBack img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea .IMProduct .sobCol .btnQuote {margin:5px;} .productDetailsArea .IMProduct .sobCol .btnQuote a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; font-size: 1.3em;} .productDetailsArea .IMProduct .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto; } .productDetailsArea .IMProduct .featureCol .StandardRemarks, .productDetailsArea .IMProduct .sobCol .StandardRemarks { line-height: 1.2; color: #3a3a3a; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; font-size: 1.16667em; } @media screen and (max-width: 1199px) { .productDetailsArea .IMProduct .sobCol .headContent { margin: 0px 2%; } .productDetailsArea .IMProduct .sobCol .headNote { margin: 10px 0px; } .productDetailsArea .IMProduct .sobCol .btnGroup { float: none; text-align: center; } .productDetailsArea .IMProduct .featureCol { width: 96% !important; } .productDetailsArea .IMProduct .featureCol h1 + table.profileTableContent { font-size: 1.1em; } .productDetailsArea .IMProduct .featureCol .footNote { font-size: 1.1em; } .productDetailsArea .IMProduct .featureCol ul div.note { font-size: 1.1em; } .productDetailsArea .IMProduct .sobCol .profileTableContent { font-size: 1.1em; } .productDetailsArea .IMProduct .sobCol .footNote { font-size: 1.1em; } .productDetailsArea .IMProduct .sobCol ul div.note { font-size: 1.1em; } .productDetailsArea .IMProduct .sobCol .StandardRemarks { margin: 0px 2% 20px 2%; } } @media screen and (max-width: 999px) { .productDetailsArea .IMProduct .sobCol .headContent { font-size: 75%; } .productDetailsArea .IMProduct .sobCol #tbDeductible td { font-size: 75%; } .productDetailsArea .IMProduct .sobCol table.footNote { font-size: 75%; } } @media screen and (max-width: 600px) { .productDetailsArea .IMProduct .sobCol .num { width: 3%; } .productDetailsArea .IMProduct .sobCol div.num + div.content { width: 97%; } } /* IM Product Info */ .topNav .btnAgent a { text-transform:none } .topNav .btnFontSize td a { line-height:1 } .topNav a {font-size:1.35em; } .TelforDesktop {display:inline-block;} .TelforMobile {display:none;} .text-danger { color:red; display:block;} .lSAction > .lSNext {margin-right: -49%} .lSAction > .lSPrev {margin-left: -49%} /*.frontBannerArea .bannerSlider .banner01 { background:none;}*/ /*.frontBannerArea {padding-top:26px;}*/ .inline {display:inline-block} .topNav .btnNavLogin { float: right; padding: 2px 4px 0 4px; } .topNav .btnNavLogin .btnNavLoginText { font-size: 16px; color: #3e3e3e; line-height: 1; } .topNav .btnNavLogin .btnNavLoginImg { padding: 0px 2px; } /*slider*/ .frontBannerArea .bannerSlider a {height:auto;} /*slider*/ /* Disable text transform in place holder*/ ::-webkit-input-placeholder { /* WebKit browsers */ text-transform: none; color: #ccc !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-transform: none; color: #ccc !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ text-transform: none; color: #ccc !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ text-transform: none; color: #ccc !important; } ::-ms-input-placeholder { /* Microsoft Edge */ text-transform: none; color: #ccc !important; } /******************************************/ .NoBorder td { border:none !important;vertical-align:top;} .remarksArea {font-size:1.16667em !important;} /*promote pop up (SmartApply)*/ .promotionPopArea {width: 1170px;margin:0 auto;} .promotionPopArea .promotionContentArea {width: 1170px;height:auto;background: #f7f7f7;border: 1px solid #d2d2d2; margin: 20px auto;} .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew, .promotionPopArea .promotionContentArea .contentCol table td .btnQuoteNow { margin: 5px 0;} .promotionPopArea .promotionContentArea .visualCol p {width:85%;} .promotionPopArea .promotionContentArea .visualCol .btnCta {width:38%; left:31%;} .promotionPopArea .promotionContentArea .contentCol table .emptycol { background:#f7f7f7; border-left:none; border-right:none;} .promotionPopArea .promotionContentArea .contentCol table th { padding:10px 7px;background: #00baf2;color: #fff;font-size: 1.2em;line-height: 1.2;text-align: center;vertical-align: middle;border: 1px solid #fff;} .promotionPopArea .promotionContentArea .contentCol table .highlight { text-align:left; vertical-align:top ;} .promotionPopArea .promotionContentArea .contentCol table td {padding:10px 5px;background: #e7e6e6;color: #3a3a3a;font-size: 1.2em;line-height: 1.2;text-align: center;vertical-align: middle;border: 1px solid #fff;} .promotionPopArea .promotionContentArea .contentCol table td.firstCol {background: #fde145;} .promotionPopArea .promotionContentArea .contentCol table td ul {padding-left:25px;} .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow a, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew a, .promotionPopArea .promotionContentArea .contentCol table td .btnQuoteNow a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; text-align:center;} .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow img, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew img, .promotionPopArea .promotionContentArea .contentCol table td .btnQuoteNow img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .promotionPopArea .promotionContentArea .contentCol .remark {margin:10px 0; font-size:1.1em;} .promotionPopArea .promotionContentArea .visualCol {position: relative;float: left;width: 268px;height: 667px;border-right: 1px solid #d2d2d2;} .promotionPopArea .promotionContentArea .contentCol {float: left;width: 840px;padding: 2em;} .promotionPopArea .btnClose {position: relative; top:15px; text-align: right;} .promotionPopArea .promotionContentArea .visualCol h1 {color: #0061b3;font-size: 3.3333em;padding: 15px 20px 0px 20px;line-height: 1.2;text-align: left;font-weight: bold;margin-bottom: 10px;} .promotionPopArea .promotionContentArea .visualCol p {width: 85%;font-size: 1.1667em;color: #3a3a3a;padding: 0px 20px;line-height: 1.3;text-align: left;margin-bottom: 20px;} .promotionPopArea .promotionContentArea .visualCol .btnCta a { display: block;background: #fff;font-size: 1.1667em;color: #3a3a3a;padding: 5px 10px;line-height: 1.2;border-radius: 3px;overflow: hidden;text-align: center;} .promotionPopArea .promotionContentArea .visualCol .btnCta { position: absolute;bottom: 30px;width: 52%;left: 24%;margin-left: 0px;} .promotionPopArea .promotionContentArea .visualCol .btnCta img {position: relative;margin-left: 5px;top: 3px;width: 16px;height: auto;} .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew a {background: #79c2ff;} .promotionPopArea .promotionContentArea h1 span.speChar {margin-left: -22px;letter-spacing: 0;margin-right: -10px;} .promotionPopArea .promotionContentArea h1 span {font-weight:bold;letter-spacing: -0.3em;margin-left: -8px;} .promotionPopArea .ShareGroup .shareArea { display:none; float: left;} .promotionPopArea .promotionContentArea .contentCol#SmartEnrolment .SpecialOffer:hover {color: #00b0ea;} .promotionPopArea .promotionContentArea .contentCol#SmartEnrolment .ApplyDetail:hover {color: #00b0ea;} .productDetailsArea #SmartClub .smartenrol .SpecialOffer:hover {color: #00b0ea;} .productDetailsArea #SmartClub .smartenrol .ApplyDetail:hover {color: #00b0ea;} .promotionPopArea .promotionContentArea .contentCol .btnCta { width: 60%; margin:0px auto; } .promotionPopArea .promotionContentArea .contentCol .btnCta a { display: block;background: #fff;font-size:0.8em;color: #3a3a3a;padding: 5px 10px;line-height: 1.2;border-radius: 3px;overflow: hidden;text-align: center;} .promotionPopArea .promotionContentArea .contentCol .btnCta img {position: relative;margin-left: 5px;top: 3px;width: 16px;height: auto;} .productDetailsArea .innerArea .lCol.LongTitle { width: 96%; } .productDetailsArea .step03Area .formCol .formGroup .formInputGroup .selectItem:first-child { float: none; display:inline-block; } .productDetailsArea .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) { float: none; display:inline-block; } .productDetailsArea #Quote .quote_remark #QuoteRemark {font-size:1.166667em;} .productDetailsArea .step02Area .quote_note {font-size:1.166667em;} .productDetailsArea .sobCol table{ line-height: 1.2 } .productDetailsArea .memberOfferCol h1 { font-size: 1.8em; } .btnTop img {opacity : 0.7} .productDetailsArea .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) {padding-left:0px; margin-left:10px;} .productDetailsArea .benefitScheduleTab td.col01 {width:12%} .productDetailsArea .benefitScheduleTab .remarksArea td{ /* position: relative; */line-height: normal;border: 0px solid #fff;text-align: left;} .borderRed {border-color:red !important;border:1px solid red;} .outlineRed {outline: 1px solid red; } .importantNotesArea .lCol {font-size:2.5em;} .importantNotesArea .rCol {font-size: 1.666em; color:#000;} /* Search Result Page*/ input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; /* remove the search and cancel icon */} /* search input field */ #SearchArea {position:absolute;right:3.95%;top:43px; z-index:9999; background-color:#fff; width:500px; height:30px; padding:3px;font-size:1.35em;} .SearchInput {width:400px;height:30px; line-height:30px;border-radius: 10em;padding-left:10px;box-shadow: 0 0 5px rgba(0,0,0,.5); margin-bottom:10px } .btnSearch {display:inline-block;width:80px; line-height:30px;border-radius: 10em; text-align:center;box-shadow: 0 0 5px rgba(0,0,0,.5);margin-left: 10px;cursor:pointer;} .search { cursor:pointer; } .mobileSearchBtn {display:none;} #SearchResult {padding-top: 50px;width: 1200px;margin: 0 auto;font-size: 1.25em;} #SearchResult table td {vertical-align:top; padding-bottom:20px;} #SearchResult hhurl {display:none;} #SearchResult hhtitle { font-weight:bold;} #SearchResult .row_num {padding-right: 6px;} #SearchResult c0 {font-weight:bold;} #SearchResult .Link {padding:3px; display:inline-block;cursor: pointer;font-size:120%;} #SearchResult .Link:hover {border:1px solid blue;} #SearchResult .current {padding:3px;display:inline-block; font-size:150%;font-weight: bold;} #SearchResult .pager {padding:8px;} #SearchResult .Total {margin-left:8px;} #SearchResult .title {font-size: 150%;font-weight: bold;padding: 8px;} /* Search Result Page*/ .header .innerArea .rCol {padding-top:25px;} .header {height:115px;} .topNav {top:115px;} .header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .menuCol {width:23% ; padding:30px 0 30px 10px; border-right: 1px solid #eee; } .header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .sloganCol{width:22%;padding:30px 0 30px 10px; } .header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .sloganCol h1{text-decoration:underline } .header .innerArea .rCol li .submenuArea#OnlineApp .submenuInnerArea .sloganCol h1{text-decoration:underline } .header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .sectionVisualCol{width:18%;padding:30px 0 30px 10px;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .imgCol {width:31% ; float:left; padding:30px 15px;} .header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .menuCol .secRow {margin-top:10px;} .header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sloganCol h1{text-decoration:underline } .header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sloganCol h1.secRow {margin-top:10px; } .header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .menuCol {width:23% ; padding:30px 0 30px 10px; border-right: 1px solid #eee; } .header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sloganCol{width:23%;padding:30px 0 30px 10px; } .header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sectionVisualCol{width:17%;padding:30px 0 30px 10px;} .header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sectionVisualCol h1.secRow {margin-top:10px; } /* Added by Chris at 31 Jan, 2018 */ .header .innerArea .rCol li .submenuArea#OnlineApp .submenuInnerArea .menuCol {width:23% ; padding:30px 0 30px 10px; border-right: 1px solid #eee; } .header .innerArea .rCol li .submenuArea#OnlineApp .submenuInnerArea .sloganCol{width:23%;padding:30px 0 30px 10px; } .header .innerArea .rCol li .submenuArea#OnlineApp .submenuInnerArea .sloganCol h1{text-decoration:underline } .header .innerArea .rCol li .submenuArea#OnlineApp .submenuInnerArea .sectionVisualCol{width:15%;padding:30px 0 30px 10px;} .header .innerArea .rCol li .submenuArea#OnlineApp .submenuInnerArea .menuCol .secRow {margin-top:10px;} /* Added by Chris at 31 Jan, 2018 END */ .header .innerArea .rCol li .submenuArea#OnlineClaim .submenuInnerArea .menuCol {width:23% ; padding:30px 0 30px 10px; border-right: 1px solid #eee; } .header .innerArea .rCol li .submenuArea#OnlineClaim .submenuInnerArea .sloganCol{width:23%;padding:30px 0 30px 10px; } .header .innerArea .rCol li .submenuArea#OnlineClaim .submenuInnerArea .sloganCol h1{text-decoration:underline } .header .innerArea .rCol li .submenuArea#OnlineClaim .submenuInnerArea .sectionVisualCol{width:15%;padding:30px 0 30px 10px;} .header .innerArea .rCol li .submenuArea#OnlineClaim .submenuInnerArea .menuCol .secRow {margin-top:10px;} .header .innerArea .lCol {width: 475px;} .header .innerArea .rCol li {margin-left:15px;} .header .innerArea .lCol h1 {margin-right:15px;} .header .innerArea .lCol .headerImg { height:72px;} .header .innerArea .lCol .bclogo {height:60px;} .header .innerArea .rCol li .submenuArea {top:115px;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .menuCol h1 {font-size:1.5em; font-weight: bold;text-decoration: underline; margin-bottom:5px;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .menuCol .secRow { margin-top:10px; } .header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol h1 {font-size:1.5em ;font-weight: bold;text-decoration: underline;margin-bottom:5px;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol h1 {font-size:1.5em ; font-weight: bold;text-decoration: underline;margin-bottom:5px;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol { float:left; width:30%; padding:30px 1.5%;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol li { float:none; padding-bottom:5px;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol li a { color:#3e3e3e; font-size:1.2em; line-height:1.2; text-align:left;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol li a:hover { color:#00b0ea;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol { float:left; width:30%; padding:30px 1.5%;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol li { float:none; padding-bottom:5px;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol li a { color:#3e3e3e; font-size:1.2em; line-height:1.2; text-align:left;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol li a:hover { color:#00b0ea;} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol {border:none} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sectionVisualCol {border-left:1px solid #eee} .header .innerArea .rCol li .submenuArea .submenuInnerArea .sloganCol span {font-size:1.2em;} .mobileOnlineApplicaion {display:none;} .footer .footerInnerArea .col02 .icoRow .txtCol .timeinfo {font-size:1.25em; color:#3a3a3a;line-height:1.2; } .footer .footerInnerArea .col02 .icoRow .txtCol .timeinfo .timeshift {margin-top:15px;} .footerInnerArea .btnSocial img { height:20px;} .productDetailsArea .applyNowTab .statusFlowArea li.Step1Arrow a {background: #f4f010; color: #3a3a3a; } .productDetailsArea .applyNowTab .statusFlowArea li.Step2Arrow a {background: #e2df08; color: #3a3a3a; } .productDetailsArea .applyNowTab .statusFlowArea li.Step3Arrow a {background: #bebb17; color: #3a3a3a; } .productDetailsArea .applyNowTab .statusFlowArea .arrow1-right {position: absolute;top: 0px;right: -17px;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 17px solid #f4f010;z-index: 1;border-left-color:#f4f010} .productDetailsArea .applyNowTab .statusFlowArea .arrow2-right {position: absolute;top: 0px;right: -17px;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 17px solid #e2df08;z-index: 1;border-left-color:#e2df08} .productDetailsArea.success .applyNowTab .statusFlowArea {background: #f4f010; color: #3a3a3a; text-align:center;height:24px; font-weight:bold;font-size:18px; padding-top:10px;} .productDetailsArea.Fail .applyNowTab .statusFlowArea {background: #f4f010; color: #3a3a3a; text-align:center;height:24px; font-weight:bold;font-size:18px; padding-top:10px;} .inputField{border:none;} .productDetailsArea .step01Area .formCol h1 {margin-bottom:10px;} .productDetailsArea .step01Area .formCol h1 label {font-weight: bold; } .productDetailsArea .step01Area .formCol h1 sup {font-weight: bold; } .productDetailsArea .step01Area .formCol .totalDay div {display:inline-block;} .productDetailsArea .step01Area .formCol .btnEnquiry {cursor:pointer; width:auto; text-align:center;} #div_Family h3 {font-size:125%; padding:5px 0;} .productDetailsArea .step01Area .formCol .btnEnquiry a {font-size:1.3em} .TSM_Family , .TSM_Couple {padding:5px;} .k-i-calendar , .k-i-arrow-s {margin-top:1px;} .productDetailsArea .step01Area .formCol .inputField { margin-bottom:0px; min-height:65px;} .TSM_field {width:100%;font-size:125%} .TSM_RadioBtn { line-height:1.5; } .TSM_RadioBtnLabel {font-size:1.25em; margin-left: 5px;margin-right: 5px; } .Errmsg {font-size:125% ; color:red; } .productDetailsArea .step01Area .formCol .selectItem {height:30px; } .k-radio:checked+.k-radio-label:after { background-color: #e2df08} .k-radio-label {top:-2px;} tr.detailRow {height:37px;} .showDetail {cursor:pointer;} /* For New Login Partial View */ .showLoginDetail {cursor:pointer;} /* For New Login Partial View */ .productDetailsArea .step01Area .formCol .col03 input.k-radio { width:auto;} .tabContent li .step ,.tabContent li .step {margin-top:5px;} .productDetailsArea .memberOfferCol { height:auto ; /*min-height:350px;*/} .productDetailsArea .memberOfferCol a {color:#0000f3 } .productDetailsArea .memberOfferCol .listingArea {font-size:1.2em;line-height: 1.4;} .productDetailsArea .memberOfferCol h1 .code {font-size:0.6em;} .productDetailsArea .memberOfferCol .listingArea td:nth-child(1) { vertical-align:top; } /* Added by Chris at 01 Feb, 2018: For handling the style when member offer col showed */ .productDetailsArea .memberOfferCol_New { margin-right: 22px; } /* Added by Chris at 01 Feb, 2018 END */ .productDetailsArea .applyNowTab .btnCtaGroup {width:100%;} .productDetailsArea .applyNowTab .btnCtaGroup .div_btn {float:right;} .productDetailsArea .applyNowTab .btnBack img {width: 16px; height: auto;} .productDetailsArea .applyNowTab .btnBack a {background:#79c2ff } .productDetailsArea .applyNowTab .btnApply a {font-size:1.3em} .productDetailsArea .applyNowTab .btnBack {right:inherit; left:inherit;display:inline-block; position: inherit; cursor:pointer;} .productDetailsArea .applyNowTab .btnApply {right:inherit; left:inherit;position: inherit;display:inline-block; margin-left:10px;cursor:pointer;} .productDetailsArea .innerArea .rCol {width:auto;margin-right:5px;} .productDetailsArea .step03Area .btnRequote a, .productDetailsArea .step03Area .btnSubmit a, .productDetailsArea .step03Area .btnReset a { font-size:1.3em;} .productDetailsArea .applyNowTab .btnSave img {width: 16px; height: auto;} .productDetailsArea .applyNowTab .btnSave {right:inherit; left:inherit;display:inline-block; position: inherit; cursor:pointer;} .productDetailsArea .applyNowTab .btnSave a { display:inline-block; background:#79c2ff; color:#fff; font-size:16px; padding:5px 10px; line-height:1.2; text-align:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow:hidden;} .quote_description ol, .quote_description li {list-style-type: decimal;} .quote_description ol {padding-left:20px;} .quote_description {margin: 10px 0} .productDetailsArea .step01Area .QuoteTSM .inputField .k-datepicker.k-input {padding:0;} .quote_remark{margin: 10px 0} .productDetailsArea .sobCol table { line-height: 1.2 } .productDetailsArea .sobCol .footNote td { padding:2px 0;} .productDetailsArea .step02Area H1.title { font-size: 1.66667em; color: #3a3a3a; margin-bottom: 20px; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px;} .productDetailsArea .step02Area h2 { float: left; width: 10%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding-top: 0px !important;} .productDetailsArea .step02Area p {font-size: 1.3em; color: #3a3a3a;} .productDetailsArea .applyNowTab .statusFlowArea .arrow-right { border-left-color:#efeeee} .productDetailsArea .step02Area .tblCol #tbBenefit td {font-size:1.25em; } .productDetailsArea .step02Area .tblCol #tbBenefit td td {font-size:1em; } .productDetailsArea .step02Area .tblCol #tbBenefit table.NoBorder td {border:none; text-align:left;} .productDetailsArea .step02Area .tblCol #tbBenefit table.NoBorder .left {width:20px; text-align:center;vertical-align:top;} .productDetailsArea .step02Area .infoRow { margin-bottom: 8px; } .productDetailsArea .step02Area .infoGroup { margin-bottom: 20px; } .productDetailsArea .step02Area .tblCol .quote_description td{text-align:left; border:none; line-height: 1.5;} .productDetailsArea .step02Area .tblCol .quote_remark td{text-align:left; border:none;line-height: 1.5;vertical-align:top;} .productDetailsArea .step02Area .tblCol .quote_remark td sup{vertical-align: baseline;position: relative;top: -0.4em;font-size: 11px;} .productDetailsArea .step02Area .tblCol .costTit .plus { font-weight:bold; font-size:1.25em } .productDetailsArea .step02Area .tblCol .costTit {font-size:1.25em;} .productDetailsArea .step02Area .tblCol .Agreement { text-align:right; margin:5px;font-size:1.166667em} .productDetailsArea .step02Area .tblCol .Agreement input[type="checkbox"] { margin-right:5px;} .productDetailsArea .step02Area .tblCol .price table {margin: 0 auto;} .productDetailsArea #Quote .step02Area .tblCol #Accept {margin:5px;text-align: right;} .productDetailsArea #Quote .step02Area .tblCol #QuoteRemark td:nth-child(1) {text-align:center} .productDetailsArea #Quote .step02Area .tblCol #QuoteDesc td:nth-child(1) {vertical-align:top;} .productDetailsArea #Quote .step02Area .tblCol table#PlanDetail {width:100%; margin-bottom:20px; } .productDetailsArea #Quote .step02Area .tblCol table#PlanDetail td {text-align:left; font-size:1.3em; border:none;color:#3a3a3a; line-height:1.7em; vertical-align:bottom} .productDetailsArea #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) {width:150px; font-weight:bold;} .productDetailsArea #Quote .step02Area .QuoteRemark td {vertical-align:top;} .productDetailsArea #Quote .step02Area .quote_description table td:nth-child(1) { vertical-align:top;} .productDetailsArea #Quote .step02Area .tblCol .price td { border:none;} .productDetailsArea.OnilneAppTSM .AppForm .QuestionSet .eMessage { margin-left: 0px; padding-left: 0px; } .productDetailsArea.OnilneAppTSM #Quote .step02Area .tblCol table#PlanDetail td {vertical-align:middle;} .productDetailsArea.OnilneAppTSM #Quote .step02Area table .desc { text-align:left;} .productDetailsArea.OnilneAppTSM .step03Area .formCol #isInsured .k-radio-label { font-size:1.25em;} .productDetailsArea .step03Area .formCol h1 {background-color: #e0e0e0;padding: 8px 10px;} .productDetailsArea .step03Area .formCol h2 {font-size:1.3em;} .productDetailsArea #Apply .step03Area .formCol .Address .inputField label { font-size: 1.25em;position: relative;top: 7px;} form.SubmitTSM.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;font-weight: bold; } .productDetailsArea .step03Area .btnCtaGroup {width:100%;} .productDetailsArea .step03Area .btnRequote a { background:#79c2ff} .productDetailsArea .step03Area .btnRequote {cursor:pointer;} .productDetailsArea .step03Area .btnRequote, .productDetailsArea .step03Area .btnSubmit, .productDetailsArea .step03Area .btnReset {margin-left:10px; margin-top:5px;} .productDetailsArea .step03Area .btnCtaGroup .div_btn {float:right;} .productDetailsArea .step03Area .btnSubmit {cursor:pointer;} .productDetailsArea .step03Area .btnRequote img, .productDetailsArea .step03Area .btnSubmit img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .step03Area .formCol #InsuredDetail .inputField .passport {width:65% !important;} .productDetailsArea .step03Area .formCol #InsuredDetail .desktopVisible .inputField { padding: 0 7px; font-size:1.3em;} .productDetailsArea .step03Area .formCol #InsuredDetail .errorRow {margin-left:35px;} .productDetailsArea .step03Area .formCol .Agreement tr td:nth-child(1) {width:20px; vertical-align:top;} .productDetailsArea .step03Area .formCol .Agreement tr td:nth-child(1) input {margin:2px 5px;} .productDetailsArea .step03Area .formCol .Agreement .field-validation-valid {font-size: 1em;} .productDetailsArea .step03Area .formCol .IDType {width:auto; float:left; padding:7px} .productDetailsArea .step03Area .formCol .formInputGroup h2 .AddressErr {font-size:12px} .productDetailsArea .step03Area .formCol .planDetail {font-size:1.3em; margin-bottom:15px;width: 100%;} .productDetailsArea .step03Area .formCol .planDetail tr td:nth-child(1) {width:20%; font-weight:bold;} .productDetailsArea.OnilneAppTSM .step03Area .formCol .planDetail tr td {line-height: 1.8em;} .productDetailsArea #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) {width:30%; font-weight:bold;} .productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement {text-align: justify; line-height:1.5;} .productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement td {text-align: justify; font-size:1.16667em;} .productDetailsArea .step03Area .otherInfoGroup p {text-align: justify; width:95%; font-size:1.16667em;} .productDetailsArea .step03Area .otherInfoGroup b {font-size:1.16667em;} .productDetailsArea #Apply .step03Area .formCol .col.surname {width:30%;} .productDetailsArea #Apply .step03Area .formCol .col.givenname {width:40%;} .productDetailsArea #Apply .step03Area .formCol #div_Area {padding-top:15px;} .productDetailsArea #Apply .step03Area .formCol #div_Area label {font-size:1.25em;} .productDetailsArea #Apply .step03Area .formCol .Address .inputField input { width:70%; float:right;} .productDetailsArea #Apply .step03Area .formCol .Address .inputField label {font-size:1.25em; position:relative;top:7px;} .productDetailsArea.OnilneAppTSM #Apply .step03Area .formCol .col:nth-child(1) {width:80%;} .productDetailsArea.OnilneAppTSM #Content .k-radio-label {font-size:1.25em;} .productDetailsArea.OnilneAppTSM #Content .h1 label {font-size: 1.66667em;color: #3a3a3a;font-weight: bold;} .productDetailsArea.OnilneAppTSM #Content .h1 {margin-bottom:10px;} .productDetailsArea .featureCol ul li { background-position-y: 10px; } .productDetailsArea .featureCol.ContentJustify p { text-align: justify; text-justify:distribute} .productDetailsArea .memberOfferCol .h1 {padding: 15px;font-size: 2.08333em;color: #fff;background: #b4b4b4;text-align: center; } .productDetailsArea.OnilneAppTSM #Content .h3 { padding: 5px 0; } .productDetailsArea.OnilneAppTSM #Content .h3 label {font-size: 125%; } .productDetailsArea.OnilneAppTSM .step03Area .formCol .formGroup .ApplicationType .k-radio-label { font-size:1.25em; } .productDetailsArea .innerArea .lCol .h1_title {color: #0061b3;font-size: 3.33333em;line-height: 1.2;font-weight: bold;} .productDetailsArea .benefitScheduleTab .tsmsob2 td:nth-child(3):not(.cost){ text-align: left; } .productDetailsArea .benefitScheduleTab .memberOfferCol .listingArea table td { text-align: left; line-height: inherit; vertical-align: initial; position: inherit; border: none; } .productDetailsArea .sobCol ul { line-height: initial; } .productDetailsArea .sobCol ul.subItem { margin-left: 0px; } .productDetailsArea .benefitScheduleTab .costSub.alignLeft { text-align:left;} .step04Area .featureCol .btnGroup {text-align:right} .step04Area .featureCol .btnQuote {display:inline-block;} .step04Area .featureCol .btnQuote a { cursor:pointer; background:#fcb040 ;color: #fff;font-size: 1.3em; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; margin: 0 5px;} .step04Area .featureCol .btnQuote img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .benefitScheduleTab .sobCol .btnQuote a { float:right; cursor:pointer; background:#fcb040 ;color: #fff;font-size: 1.3em; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; } .benefitScheduleTab .sobCol .btnQuote img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea #Confirm .step03Area .formCol h2 {width:30%;} .productDetailsArea #Confirm .step03Area .formCol .twoCol .col label{ font-size:1.3em;} .productDetailsArea #Confirm .step03Area .formCol .formInputGroup .col label { font-size:1.3em;} #Confirm .step03Area .formCol .formInputGroup .col { padding: 10px 10px 5px 0px;} #Confirm .step03Area .formCol .formInputGroup .col.contactno {width:40%; padding: 10px 10px 5px 0px;} .productDetailsArea #Confirm .step03Area .formCol #InsuredDetail .col .tooltip {font-size:1.3em;padding:0px;} .productDetailsArea #Confirm .step03Area .formCol #InsuredDetail h2 {width:5%;} .productDetailsArea #Confirm .step03Area .formCol #InsuredDetail .col {width:15%;} .productDetailsArea #Confirm .step03Area .formCol .infoRow p {width:auto;} .productDetailsArea #Confirm .step03Area .formCol .promotRow label { font-size:1.3em;padding: 10px 10px 5px 0px;} .productDetailsArea #Confirm .step03Area .formCol .Address {width:100%;} .productDetailsArea #Confirm .step03Area .formCol table td {vertical-align:top; line-height:1.8em;} .productDetailsArea #Confirm .step03Area .formCol table td .column {font-size:1.3em;padding: 10px 10px 5px 0px;} #backgroundLayer #dialog {text-align:center; border-radius:10px;} #backgroundLayer #dialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #backgroundLayer #dialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer #dialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer #dialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer #dialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer #dialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer #dialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /* Added by Chris for Overseas StudySafe */ #backgroundLayer1 #dialog1 {text-align:center; border-radius:10px;} #backgroundLayer1 #dialog1 .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #backgroundLayer1 #dialog1 .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer1 #dialog1 .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer1 #dialog1 .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer1 #dialog1 .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer1 #dialog1 .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer1 #dialog1 .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /* Added by Chris for Overseas StudySafe */ /* For New Login Optout dialog */ #backgroundLayer4 #dialog2 {text-align:center; border-radius:10px;} #backgroundLayer4 #dialog2 .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #backgroundLayer4 #dialog2 .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer4 #dialog2 .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer4 #dialog2 .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer4 #dialog2 .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer4 #dialog2 .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer4 #dialog2 .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /* For New Login Optout dialog */ #ConfirmDialogLayer { width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5); } #ConfirmDialogLayer #ConfirmDialog {max-width:90%;line-height:1.5;text-align:left;padding:25px ;position:fixed;opacity:1; background:#fff; font-size:1.3em; border-radius:10px;overflow:auto;max-height:95%;} #ConfirmDialogLayer #ConfirmDialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #ConfirmDialogLayer #ConfirmDialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #ConfirmDialogLayer #ConfirmDialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #ConfirmDialogLayer #ConfirmDialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #ConfirmDialogLayer #ConfirmDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #ConfirmDialogLayer #ConfirmDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #ConfirmDialogLayer #ConfirmDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #NewPurchaseDialogLayer { width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5); } #NewPurchaseDialogLayer #NewPurchaseDialog {max-width:90%;line-height:1.5;text-align:center;padding:50px ;position:fixed;opacity:1; background:#fff; font-size:1.3em; border-radius:10px;overflow:auto;max-height:95%;} #NewPurchaseDialogLayer #NewPurchaseDialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #NewPurchaseDialogLayer #NewPurchaseDialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #NewPurchaseDialogLayer #NewPurchaseDialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #NewPurchaseDialogLayer #NewPurchaseDialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #NewPurchaseDialogLayer #NewPurchaseDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #NewPurchaseDialogLayer #NewPurchaseDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #NewPurchaseDialogLayer #NewPurchaseDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #CommonAlertPanel #Commondialog {text-align:center; border-radius:10px;} #CommonAlertPanel #Commondialog .btnCtaGroup .div_btn {width:100%;text-align: center; margin-top:20px;} #CommonAlertPanel #Commondialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin-left:10px;} #CommonAlertPanel #Commondialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #CommonAlertPanel #Commondialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #CommonAlertPanel #Commondialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer;} #CommonAlertPanel #Commondialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #CommonAlertPanel #Commondialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /* Default*/ .productDetailsArea .featureCol.NoLatestOffer{ width: 96%; } .productDetailsArea .sobCol.NoLatestOffer{ width: 100%; } .productDetailsArea .featureCol .FlatTable {text-align: center;border-collapse: collapse;min-width:60%;} .productDetailsArea .featureCol .FlatTable .FirstCol{border-left: none;} .productDetailsArea .featureCol .FlatTable .LastCol{border-right: none;} .productDetailsArea .featureCol .FlatTable .BothCol{ border-left: none;border-right: none; } .productDetailsArea .featureCol .FlatTable td{border: 1px solid lightgray; padding: 5px 10px;} .productDetailsArea .featureCol .FlatTable td.SubTitle{font-weight: bold} .productDetailsArea .featureCol .importantNote {font-size:1.25em ;margin:20px 0;} .productDetailsArea .featureCol .importantNote td {vertical-align:top; margin:10px 0;line-height:1.5em} .productDetailsArea .featureCol .importantNote td.SubTitle {font-weight: bold; } .productDetailsArea .step02Area .quote_note { line-height:1.5em;} .productDetailsArea .step02Area .quote_note ul { padding-left:20px;} .productDetailsArea .step02Area .quote_note li { line-height:1.5em;} #backgroundLayer2 #EnrolFormDialog {text-align:center; border-radius:10px;} #backgroundLayer2 #EnrolFormDialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #backgroundLayer2 #EnrolFormDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer2 #EnrolFormDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer2 #EnrolFormDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer2 #EnquiryDialog {text-align:left; border-radius:10px; line-height:1.5;width:40%;} #backgroundLayer2 #EnquiryDialog .Dialog_Header{font-size: 1.3em; padding: 10px 0;} #backgroundLayer2 #EnquiryDialog .Dialog_Content{font-size: 1.3em;padding: 10px 0;} #backgroundLayer2 #EnquiryDialog .Dialog_Content table { width:100%;} #backgroundLayer2 #EnquiryDialog .Dialog_Content tr td { padding-bottom: 10px} #backgroundLayer2 #EnquiryDialog .Dialog_Content tr td:nth-child(1) { width: 20%; } #backgroundLayer2 #EnquiryDialog .Dialog_Content tr td:nth-child(2) { width: 80%; } #backgroundLayer2 #EnquiryDialog .Dialog_Content tr td:nth-child(2) input{ width: 60%; } #backgroundLayer2 #EnquiryDialog .Dialog_Footer{font-size: 1.16667em;padding: 10px 0;} #backgroundLayer2 #EnquiryDialog .Dialog_Footer tr td:nth-child(1) { vertical-align:top;padding-right: 5px;} #backgroundLayer2 #EnquiryDialog .Dialog_Footer tr td { vertical-align:top; } #backgroundLayer2 #EnquiryDialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px;font-size: 1.3em; } #backgroundLayer2 #EnquiryDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer2 #EnquiryDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer2 #EnquiryDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer2 #EnquiryDialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer2 #EnquiryDialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer2 #EnquiryDialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer5 #InfoDialog {text-align:left; border-radius:10px; line-height:1.5;} #backgroundLayer5 #InfoDialog .Dialog_Header{font-size: 1.3em; padding: 10px 0;} #backgroundLayer5 #InfoDialog .Dialog_Content{font-size: 1.3em;padding: 10px 0;} #backgroundLayer5 #InfoDialog .Dialog_Content table { width:100%;} #backgroundLayer5 #InfoDialog .Dialog_Content tr td { padding-bottom: 10px} #backgroundLayer5 #InfoDialog .Dialog_Content tr td:nth-child(1) { width: 20%; } #backgroundLayer5 #InfoDialog .Dialog_Content tr td:nth-child(2) { width: 80%; } #backgroundLayer5 #InfoDialog .Dialog_Content tr td:nth-child(2) input{ width: 60%; } #backgroundLayer5 #InfoDialog .Dialog_Footer{font-size: 1.16667em;padding: 10px 0;} #backgroundLayer5 #InfoDialog .Dialog_Footer tr td:nth-child(1) { vertical-align:top;padding-right: 5px;} #backgroundLayer5 #InfoDialog .Dialog_Footer tr td { vertical-align:top; } #backgroundLayer5 #InfoDialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px;font-size: 1.3em; } #backgroundLayer5 #InfoDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer5 #InfoDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer5 #InfoDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer5 #InfoDialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer5 #InfoDialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer5 #InfoDialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /* For General Captcha Overlay */ #CaptchaLayer { width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5);display:none; } #CaptchaDialog { padding:50px ;position:fixed;opacity:1; background:#fff; font-size:1.3em;text-align: center;border-radius: 20px; } #CaptchaLayer .btnCtaGroup .divCaptcha_btn {width:100%;text-align: center;margin-top:10px; } #CaptchaLayer .btnCtaGroup .RequoteCaptcha {display:inline-block; cursor:pointer; margin:10px 10px;} #CaptchaLayer .btnCtaGroup .RequoteCaptcha a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #CaptchaLayer .btnCtaGroup .RequoteCaptcha img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #CaptchaLayer .btnCtaGroup .SubmitCaptcha {display:inline-block; cursor:pointer; margin:10px 10px;} #CaptchaLayer .btnCtaGroup .SubmitCaptcha a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #CaptchaLayer .btnCtaGroup .SubmitCaptcha img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /*For Annual Travel*/ .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet { border-bottom: 1px solid #e0e0e0; margin-bottom:25px;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .Col { width:100%; margin:15px 5px;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .question { font-size: 1.25em; width:85%;display:inline-block; } .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .question td{ vertical-align:top;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .answer {font-size: 1.25em; width:15%;display:inline-block;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .answer .k-radio-label { margin:5px;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .Additional td {padding: 5px 0;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .formGroup .EnhancePA { padding-left:10px; font-size:1.25em;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .errorRow {font-size:1.25em;margin-left: 10px;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .col03 .selectItem .k-radio-label {font-size:1.25em;} .productDetailsArea.OnlineAppTAA #Quote .step02Area .tblCol .accept { text-align:right } .productDetailsArea.OnlineAppTAA #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) {width:225px; vertical-align:top;} .productDetailsArea.OnlineAppTAA #Quote .step02Area .tblCol .accept { padding-bottom:10px; } .productDetailsArea.OnlineAppTAA #Quote .step02Area .tblCol .accept input { margin-right:5px;} .productDetailsArea.OnlineAppTAA #Quote .step02Area .tblCol .Accept { text-align:right;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .fieldLabel {width:30%;float:left;font-size:1.25em; position:relative;top:15px;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .inputField {width:65%;float:right} .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .InsGender {width:65%;float:right; position:relative;top:18px} .productDetailsArea.OnlineAppTAA .step03Area .formCol .inputField.optCol { padding-top:13px;} form.SubmitTAA.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;} .productDetailsArea.OnlineAppTAA #Apply .k-radio-label { font-size:1.25em;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo hr {margin-top:20px;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .col {margin-right:20px;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoGroup .twoCol .question { width:70%; float:left; font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoGroup .twoCol .answer { width:25%; float:right; margin:10px 0; text-align:right;margin-right:10px; font-size:1.25em; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoGroup .twoCol .errorRow { float:left ; width:100%;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) {padding-left:0px;} .productDetailsArea.OnlineAppTAA .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em;font-weight:bold; text-decoration:underline;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em;font-weight:bold;} .productDetailsArea.OnlineAppTAA .tblCol td.desc { text-align:left;} .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .col .left { width:31%; display:inline-block;float:none;font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .col .right {width:45%; display:inline-block;float:none;font-size:1.25em; margin:10px 0;} .productDetailsArea.OnlineAppTAA .step03Area .otherInfoGroup .selectItem span.underline{font-size:1em;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .col01, .productDetailsArea.OnlineAppTAA .step01Area .formCol .col02, .productDetailsArea.OnlineAppTAA .step01Area .formCol .col03 { height:300px;} .productDetailsArea.OnlineAppTAA .step01Area .formCol .col03 .additionPA { font-size:1.25em; } .productDetailsArea.OnlineAppTAA .step01Area .formCol .col03 .additionPA td { padding:5px 0;} .productDetailsArea .OnlineAppTAA .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea .OnlineAppTAA .sobCol .costTable table td {border:1px solid white; font-size:1em;background: #efefef;} .productDetailsArea .OnlineAppTAA .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 25%;text-align: left; text-align:center;} .productDetailsArea .OnlineAppTAA .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .OnlineAppTAA .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; font-weight:bold} .productDetailsArea .OnlineAppTAA .sobCol .costTable .subTable {font-size:1.1666em;} .productDetailsArea .OnlineAppTAA .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center} .productDetailsArea .OnlineAppTAA .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea .OnlineAppTAA .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea .OnlineAppTAA .sobCol .sob1 td {vertical-align:middle;} .productDetailsArea .OnlineAppTAA .sobCol .sob1a td:nth-child(1) { padding-right:5px; } .productDetailsArea .OnlineAppTAA .sobCol .sob1a td {vertical-align:top;} .productDetailsArea .OnlineAppTAA .sobCol .sob1 td.costSub {text-align:left; padding: 10px;} .productDetailsArea .OnlineAppTAA .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea .OnlineAppTAA .sobCol .sob1 td.subtitle {text-align:center;} .productDetailsArea .OnlineAppTAA .sobCol .headNote {font-size:1.25em;} .productDetailsArea .OnlineAppTAA .sobCol .sob2 .sTit {background: #fcffc8; } .productDetailsArea .OnlineAppTAA .sobCol .sob2 .cost {background: #f2f38b; } .productDetailsArea .OnlineAppTAA .sobCol .sob2 td {border: #FFF 1px solid;font-size:1.16667em; line-height:1.5;padding:5px;} .productDetailsArea .OnlineAppTAA .sobCol .sob2 tr:nth-child(1) {background-color: #01baf2; color:#FFF} .productDetailsArea .OnlineAppTAA .sobCol .sob2 .title {background-color: #01baf2; color:#FFF; font-size:1.3333em;} .productDetailsArea .OnlineAppTAA .sobCol .sob2 .rotate {text-align:center;} .productDetailsArea .OnlineAppTAA .featureCol .importantNote {font-size:1.25em ;margin:20px 0;} .productDetailsArea .OnlineAppTAA .featureCol .importantNote td {vertical-align:top; margin:10px 0;line-height:1.5em} .productDetailsArea .OnlineAppTAA .featureCol .btnGroup{ text-align:right} .productDetailsArea .OnlineAppTAA .featureCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppTAA .featureCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 1.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppTAA .sobCol .btnGroup{ text-align:right} .productDetailsArea .OnlineAppTAA .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppTAA .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 1.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppTAA .sobCol .footNote {margin-bottom:20px;} .productDetailsArea .OnlineAppTAA .sobCol .note { margin-bottom:5px;} .productDetailsArea .OnlineAppTAA .featureCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppTAA .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppTAA .sob4 {margin-bottom:20px;} .productDetailsArea .OnlineAppTAA .sob3 li {font-size:1.25em} .productDetailsArea .OnlineAppTAA .profiletablecontent .title {background-color: #01baf2;color: #FFF;font-size: 1.3333em; text-align:center;} .productDetailsArea .OnlineAppTAA .profiletablecontent td {border:1px solid white; font-size:1.16667em; padding:5px} .productDetailsArea .OnlineAppTAA .profiletablecontent .producttablehead {background-color: #01baf2;color: #fff;font-weight: bold;text-align:center; } .productDetailsArea .OnlineAppTAA .profiletablecontent .s_color5 {background-color: #fcffc8;font-weight: bold; } .productDetailsArea.OnlineAppTAA .step03Area .otherInfoGroup .selectItem .Agreement td{ text-align:left; font-weight:normal; padding:5px 2px; line-height:20px;} /*For Annual Travel*/ /*For Home Safe*/ .productDetailsArea.OnlineAppHMP .step01Area .formCol .formGroup label {font-size:1.25em;} .productDetailsArea.OnlineAppHMP .step01Area .formCol .btnEnquiry {bottom:inherit;} .productDetailsArea.OnlineAppHMP .step01Area .remarksArea { padding-left:20px; } .productDetailsArea.OnlineAppHMP .step02Area .quote_remark table td:first-child {text-align:center;} .productDetailsArea.OnlineAppHMP .step02Area .AppForm .Household.detailRow > td:nth-child(1) { padding:10px; } .productDetailsArea.OnlineAppHMP .step02Area .AppForm .Liability.detailRow > td:nth-child(1) { padding:10px; } .productDetailsArea.OnlineAppHMP .step02Area .AppForm .bigTit {width:50%} .productDetailsArea.OnlineAppHMP .step02Area .AppForm td.right { text-align : left; } .productDetailsArea.OnlineAppHMP .step02Area .AppForm #tbBenefit td{ padding: 10px; } .productDetailsArea.OnlineAppHMP .step02Area .AppForm #tbBenefit td td{ padding: 0px; } .productDetailsArea.OnlineAppHMP .step02Area .AppForm #tbBenefit td td.left { padding-right: 5px; } .productDetailsArea.OnlineAppHMP .step02Area .AppForm #tbBenefit td td {text-align:left;} .productDetailsArea.OnlineAppHMP .step03Area .formCol .AdditionIns .num { float:left; font-size:1.25em; margin:8px 0px;} .productDetailsArea.OnlineAppHMP .step03Area .formCol .AdditionIns input { width:90%; float:right;} .productDetailsArea.OnlineAppHMP .step03Area .formCol .Identity .k-radio-label { padding-left:25px; font-size:1.25em;} .productDetailsArea.OnlineAppHMP .step03Area .formCol #PlanDetail label { font-size:1.25em;position: relative; top: 5px; } .productDetailsArea.OnlineAppHMP .step03Area .formCol #PlanDetail #div_Area label.k-radio-label { font-size:1.25em; position:relative; top:4px;} .productDetailsArea.OnlineAppHMP .step03Area .formCol #PlanDetail #div_Area {padding-top:10px;} .productDetailsArea.OnlineAppHMP .step03Area .formCol #PlanDetail .addheight {padding: 5px 0;} .productDetailsArea.OnlineAppHMP .step03Area .formCol #InsAddress .inputField input {width: 70%; float: right;} .productDetailsArea.OnlineAppHMP .step03Area .formCol #InsAddress .isSameAddr { float:left; position: relative; top: 7px; font-size:1.25em; margin:7px;} .productDetailsArea.OnlineAppHMP .step03Area .formCol #InsAddress .SameAddressQuestion { height:43px;} .productDetailsArea.OnlineAppHMP .step03Area .formCol #EffectiveDate { font-size:1.16em;} .productDetailsArea.OnlineAppHMP .step03Area .formCol .twoCol.AdditionIns .col {width:20%;} .productDetailsArea.OnlineAppHMP .step03Area.confirmPage #AdditionalIns {font-size:1.3em;} .productDetailsArea.OnlineAppHMP .step03Area .formCol h1 {background-color: #e0e0e0; padding: 8px 10px; } .productDetailsArea.OnlineAppHMP .step03Area .formCol .declaration {font-size:1.16667em;margin-bottom:10px;} .productDetailsArea.OnlineAppHMP .step03Area .formCol .declaration td {vertical-align:top; padding:3px 0;} .productDetailsArea.OnlineAppHMP .step03Area .formCol .declaration td:nth-child(1) {padding-right:5px;} .productDetailsArea.OnlineAppHMP .step01Area .formCol .col01, .productDetailsArea.OnlineAppHMP .step01Area .formCol .col02 { width:22%; height:250px;} .productDetailsArea.OnlineAppHMP .step01Area .formCol .col03 { width:45%; height:250px;} .productDetailsArea.OnlineAppHMP .step01Area .formCol .col03 .disabled { color:#d2d2d2; } .productDetailsArea.OnlineAppHMP .step01Area .formCol .inputField { padding-bottom:0px; } .productDetailsArea.OnlineAppHMP .step01Area .formCol .Errmsg { padding-bottom:10px; } .productDetailsArea .OnlineAppHMP .featureCol li table td { padding: 3px;} .productDetailsArea .OnlineAppHMP .sobCol sup { vertical-align: baseline; position: relative; top: -0.5em; } .productDetailsArea .OnlineAppHMP .sobCol .footNote { margin-top:10px; margin-bottom:0; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 25%;text-align: center;} .productDetailsArea .OnlineAppHMP .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff;text-align: center;} .productDetailsArea .OnlineAppHMP .sobCol .costTable td {border: 1px solid white;} .productDetailsArea .OnlineAppHMP .sobCol .costTable .cost {padding: 10px;color: #000;text-align: center; font-size:1.166667em} .productDetailsArea .OnlineAppHMP .sobCol .costTable .sectionTitle {background: #b4b4b4;padding: 10px;color: #fff;text-align: left; font-weight: bold;font-size: 1.166667em;} .productDetailsArea .OnlineAppHMP .sobCol .costTable .mainTitle {background: #efeedc;padding: 10px;color: #000;text-align: left; font-weight: bold;font-size: 1.166667em;} .productDetailsArea .OnlineAppHMP .sobCol .costTable td {border: 1px solid white;background: #efefef;} .productDetailsArea .OnlineAppHMP .sobCol .costTable tr.oddRow td { background: initial;} .productDetailsArea .OnlineAppHMP .sobCol .costTable .costTit {text-align: left;vertical-align: middle;background: #f2f38b !important;padding: 10px;font-size:1.166667em; font-weight:bold;} .productDetailsArea .OnlineAppHMP .sobCol .costTable .costSubTit {text-align: left;vertical-align: middle;background: #fcffc8 !important;padding: 10px;font-size:1.166667em;} .productDetailsArea .OnlineAppHMP .sobCol .sob1 td {text-align:center; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .plan {background-color: #0192e3 ; font-size:1.333em;text-align: center;color:#fff ; padding:10px 0; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .dash {border:none; vertical-align:top; padding: 0 5px;text-align:left; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .subTit {border:none;text-align:left; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .subhead .dash { font-weight:bold; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .subhead .subTit { font-weight:bold; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .subhead .cost { font-weight:bold; } .productDetailsArea .OnlineAppHMP .sobCol .costTable strong { font-weight:bold; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .costSub { font-size:1.16667em; padding:10px; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .costSub.alignLeft { text-align:left; } .productDetailsArea .OnlineAppHMP .sobCol table.NoBorder {font-size:100%;} .productDetailsArea .OnlineAppHMP .sobCol .costTable {font-size:1em;padding-top: 0px;line-height: 1.2;} .productDetailsArea .OnlineAppHMP .sobCol .costTable .NoBorder td {border:none; vertical-align:top; font-size:1em; margin:0 5px;text-align:left; } .productDetailsArea .OnlineAppHMP .sobCol div.sob2 {font-size:1.16667em;line-height:1.2;} .productDetailsArea .OnlineAppHMP .sob1 { padding: 10px 0;} .productDetailsArea .OnlineAppHMP .sob3.desc { font-size:1.16667em; margin:20px 0;} .productDetailsArea .OnlineAppHMP .sobCol .costTable .costTit table td {background: #f2f38b; } /*For Home Safe*/ /* For Maid Safe*/ #backgroundLayer2 #Maiddialog {text-align:center; border-radius:10px;min-width:200px;} #backgroundLayer2 #Maiddialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #backgroundLayer2 #Maiddialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer2 #Maiddialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer2 #Maiddialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer2 #Maiddialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer2 #Maiddialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer2 #Maiddialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer3 #optoutdialog {text-align:center; border-radius:10px;min-width:200px;} #backgroundLayer3 #optoutdialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #backgroundLayer3 #optoutdialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer3 #optoutdialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer3 #optoutdialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #backgroundLayer3 #optoutdialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #backgroundLayer3 #optoutdialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #backgroundLayer3 #optoutdialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} form.SubmitDMS.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;} form.SubmitDMS.formCol ol li {list-style:decimal; margin: 6px 0 6px 1.5em;padding: 0;} .OnlineAppDMS #Quote .price .k-radio-label{top: 1px;} /*.OnlineAppDMS .applyNowTab .k-i-calendar, .k-i-arrow-s {margin-top: 6px;}*/ .OnlineAppDMS .step03Area .formCol .formGroup .titOption {float: left;width: 100%;padding-top: 10px;} .OnlineAppDMS .step03Area .formCol .MaidIDType {width:auto; float:left; padding:7px 0px 7px 0px} .OnlineAppDMS .step03Area .formCol .planDetail {font-size: 1.3em;width: 100%;} .OnlineAppDMS.productDetailsArea .inputField input[type="radio"] {width: auto;} .DMS_RadioBtn { line-height:1.5; } .DMS_RadioBtnLabel {font-size:1.25em; margin-left: 5px;margin-right: 5px; } .DMS_field {width:100%;font-size:125%} .DMS_SubTitle {width:100%;font-size:125%;font-weight:bold} .productDetailsArea.OnlineAppDMS .step01Area .formCol .col01{float: left;width: 20%;height: 400px;padding: 0px 1.5%;} .productDetailsArea.OnlineAppDMS .step01Area .formCol .col02{float: left;width: 35%;height: 400px;padding: 0px 1.5%;} .productDetailsArea.OnlineAppDMS .step01Area .formCol .col03 {float: left;width: 35%;height: 400px;padding: 0px 1.5%;} .DMSApp-disabled{color: lightgray !important;} .productDetailsArea.OnlineAppDMS .applyNowTab .step02Area p {font-size: inherit;color: #3a3a3a;} .productDetailsArea.OnlineAppDMS .BlockDisplay{ display: inline-flex; } .productDetailsArea.OnlineAppDMS .rowSeparator{ height:0px; } .productDetailsArea.OnlineAppDMS .step02Area .tblCol td .radioPremiumAlign{ vertical-align: middle; } .productDetailsArea.OnlineAppDMS .step01Area .k-radio-label {font-size:1.25em;} .productDetailsArea.OnlineAppDMS .step02Area .AppForm #tbBenefit td {padding:10px;} .productDetailsArea.OnlineAppDMS .step02Area .AppForm #tbBenefit td td {padding:0px;} .productDetailsArea .OnlineAppDMS .featureCol .btnGroup{ text-align:right} .productDetailsArea .OnlineAppDMS .featureCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppDMS .featureCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 1.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppDMS .featureCol .btnblue a { background: #79c2ff; } .productDetailsArea .OnlineAppDMS .sobCol .footNote { margin-bottom: 10px; } .productDetailsArea .OnlineAppDMS .sobCol .btnGroup{ text-align:right} .productDetailsArea .OnlineAppDMS .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppDMS .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 1.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppDMS .sobCol .btnQuote.btnblue a { background: #79c2ff;} .productDetailsArea.OnlineAppDMS .step03Area .otherInfoGroup .selectItem .Agreement td{ text-align:left; font-weight:normal; padding:5px 2px; line-height:20px;} .productDetailsArea.OnlineAppDMS .step03Area fieldset.radio .k-radio-label {font-size:1.25em;} .productDetailsArea.OnlineAppDMS .formCol table.planDetail { line-height: 1.8em; } .productDetailsArea.OnlineAppDMS .formCol table.planDetail td{ vertical-align: top; } .productDetailsArea.OnlineAppDMS .step02Area .tblCol .Desc {padding:10px 0; text-align:left;} .productDetailsArea.OnlineAppDMS .step02Area table.NoBorder { border: none; margin: 0 auto;} .productDetailsArea.OnlineAppDMS .step02Area .AppForm #tbBenefit table.NoBorder td{ border: none; text-align:left;} .productDetailsArea .OnlineAppDMS #basic_table { margin-bottom: 5px; } .productDetailsArea .OnlineAppDMS #basic_table td { padding: 8px 0px; font-size: 1.25em; line-height: 1.2; } .productDetailsArea .OnlineAppDMS #basic_table td strong { font-weight: bold; } /* For Maid Safe*/ /*For Working Holiday*/ .productDetailsArea.OnlineAppWHS .step01Area .formCol .col01, .productDetailsArea.OnlineAppWHS .step01Area .formCol .col02 {height:110px; width:45% } .productDetailsArea.OnlineAppWHS .step01Area .formCol .col02 { border-right:none;} .productDetailsArea.OnlineAppWHS .step02Area .tblCol .price td {text-align:left; line-height: 1.4;} .productDetailsArea.OnlineAppWHS .step02Area .tblCol .bigTit {font-size:1.25em;} .productDetailsArea.OnlineAppWHS .step02Area .tblCol .cost {font-size:1.25em;} .productDetailsArea.OnlineAppWHS .step02Area .tblCol .desc {font-size:1.25em;text-align: left;} .productDetailsArea.OnlineAppWHS #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) {width:150px; font-weight:bold;} .productDetailsArea.OnlineAppWHS .step02Area .tblCol .title {font-size:1.25em;} .productDetailsArea.OnlineAppWHS .step02Area .Accept {text-align:right;} .productDetailsArea.OnlineAppWHS .step02Area .quote_remark #QuoteRemark td {vertical-align:top;} .productDetailsArea.OnlineAppWHS .step03Area .otherInfoGroup .selectItem span { font-size:1em;} .productDetailsArea.OnlineAppWHS .step03Area .k-radio-label {font-size: 1.25em;margin-left: 5px;} .productDetailsArea.OnlineAppWHS .step03Area #Personal , .productDetailsArea.OnlineAppWHS .step03Area #ContactInfo { margin-bottom:15px;} .productDetailsArea.OnlineAppWHS #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) { width:275px } .productDetailsArea .OnlineAppWHS .sobCol .costTable .bigTit {background: #01baf2;font-size: 1.16667em;padding: 20px;color: #fff;width: 25%;text-align: left; } .productDetailsArea .OnlineAppWHS .sobCol .costTable .sTit { background: #01baf2;font-size: 1.16667em;padding: 10px;color: #fff;} .productDetailsArea .OnlineAppWHS .sobCol .costTable .mainTitle { background: #efeedc;padding: 10px;color: #000;text-align: left;font-weight: bold;} .productDetailsArea .OnlineAppWHS .sobCol .costTable .costTit {text-align: left;vertical-align: middle;background: #fcffc8;padding: 10px;font-weight: bold;} .productDetailsArea .OnlineAppWHS .sobCol .sob1 td.subtitle , .productDetailsArea .OnlineAppWHS .sobCol .sob1 td.desc { text-align:center; } .productDetailsArea .OnlineAppWHS .sobCol .sob1 td.desc { padding:10px; text-align:left} .productDetailsArea .OnlineAppWHS .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000;text-align: center;} .productDetailsArea .OnlineAppWHS .sobCol .costTable { font-size: 1.166667em;} .productDetailsArea .OnlineAppWHS .sobCol .costTable td { border:1px solid #fff;} /*.productDetailsArea .OnlineAppWHS .sobCol .costTable td {border: 1px solid white;font-size: 1.16667em;background: #efefef;}*/ /* .productDetailsArea.OnlineAppWHS .step02Area .AMPromotion div { font-size:1.166667em; } */ .productDetailsArea.OnlineAppWHS .step02Area .AMPromotion .AMPromotionRemark ul { padding-left: 20px; } .productDetailsArea.OnlineAppWHS .step02Area .AMPromotion .AMPromotionRemark ul li { line-height: 1.5em; } .productDetailsArea.OnlineAppWHS .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent { list-style: none; padding: 0; margin: 0; } .productDetailsArea.OnlineAppWHS .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li { padding-left: 4px; } .productDetailsArea.OnlineAppWHS .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li:before { content: "-"; padding-right: 12px; } .productDetailsArea .OnlineAppWHS .sobCol .producttablehead {background-color: #01baf2;color: #fff;font-weight: bold;font-size: 1.16667em;} .productDetailsArea .OnlineAppWHS .sobCol .producttablehead td { text-align:center;} .productDetailsArea .OnlineAppWHS .sobCol table.sob2 {font-size:1.166667em;} .productDetailsArea .OnlineAppWHS .sobCol table.sob2 td { padding:10px; border:1px solid #fff;} .productDetailsArea .OnlineAppWHS .sobCol table.sob2 .sTit {background: #fcffc8; } .productDetailsArea .OnlineAppWHS .sobCol table.sob2 .cost {background: #f2f38b; } .productDetailsArea .OnlineAppWHS .sobCol .sob1 .sTit {text-align:center;} .productDetailsArea .OnlineAppWHS .sobCol .btnGroup{ text-align:right;} .productDetailsArea .OnlineAppWHS .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppWHS .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 2.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppWHS .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppWHS .featureCol .btnQuote a {margin:0 5px;} .productDetailsArea .OnlineAppWHS .featureCol table.importantNote td:nth-child(1) {padding-right:5px;} /*For Working Holiday*/ /*For Decoration Safe*/ .DARApp-disabled{color: lightgray !important;} form.SubmitDAR.formCol ol li {list-style:decimal; margin: 6px 0 6px 1.5em;padding: 0;} .productDetailsArea.OnlineAppDAR .step01Area .formCol .col01, .productDetailsArea.OnlineAppDAR .step01Area .formCol .col02 {height:400px; width:45% } .productDetailsArea.OnlineAppDAR .step01Area .formCol .col02 { border-right:none;} .productDetailsArea.OnlineAppDAR .step01Area fieldset .k-radio-label { font-size:1.25em;display: block;} .productDetailsArea.OnlineAppDAR .step01Area .formCol .btnEnquiry {bottom:inherit;} .productDetailsArea.OnlineAppDAR .step01Area .remarksArea{ padding-left:20px; } .productDetailsArea.OnlineAppDAR .step01Area .formCol .subItem{ width: 95%; margin-left: 20px; margin-top: 10px; } .productDetailsArea.OnlineAppDAR #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1){width:300px; font-weight:bold;} .productDetailsArea.OnlineAppDAR .step03Area .Agreement tr td:nth-child(1) input[type="checkbox"] { margin-top:7px;} .productDetailsArea.OnlineAppDAR #Apply .step03Area .formCol #div_Area label {margin-left:0px;} /*.productDetailsArea.OnlineAppDAR .step02Area .tblCol .quote_description #QuoteRemark { font-size:1.166667em;}*/ .productDetailsArea.OnlineAppDAR .step03Area .otherInfoGroup .selectItem .Agreement td{ text-align:left; font-weight:normal; padding:5px 2px; line-height:20px;} .productDetailsArea .OnlineAppDAR .featureCol p { font-size:1.25em; margin-bottom:15px;line-height: 1.2;} .productDetailsArea .OnlineAppDAR .sobCol .sob1 , .productDetailsArea .OnlineAppDAR .sobCol .sob2 ,.productDetailsArea .OnlineAppDAR .sobCol .sob3 ,.productDetailsArea .OnlineAppDAR .sobCol .sob4 { font-size:1.25em;margin-bottom: 20px;line-height: 1.2} .productDetailsArea .OnlineAppDAR .sobCol p { line-height:1.5; margin-bottom:15px;} .productDetailsArea .OnlineAppDAR .sobCol .sob1 .title { color: #01baf2; font-weight:bold;padding: 15px 0;} .productDetailsArea .OnlineAppDAR .sobCol .sob1 .subject { padding: 0px 0px 10px 0px; } .productDetailsArea .OnlineAppDAR .sobCol .sob4 table { margin-bottom:20px; font-size: 100%;} .productDetailsArea .OnlineAppDAR .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppDAR .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 1.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppDAR .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppDAR .sobCol .btnGroup{ text-align:right} .productDetailsArea .OnlineAppDAR .sobCol .sob1 table {margin-bottom:15px;} .productDetailsArea .OnlineAppDAR .sobCol .sob1 table td { border:1px solid #fff ; padding:5px; text-align:center;} .productDetailsArea .OnlineAppDAR .sobCol .sob1 table tr:nth-child(2n+1) { background-color: #ddd} .productDetailsArea .OnlineAppDAR .sobCol .sob1 table tr:nth-child(1) { background-color: #01baf2;color: #fff;font-weight: bold; text-align:center;} .productDetailsArea.OnlineAppDAR .formCol table.planDetail { line-height: 1.8em; } .productDetailsArea.OnlineAppDAR .formCol table.planDetail td{ vertical-align: top; } .productDetailsArea.OnlineAppDAR .inputField input[type="radio"] {width: auto;} .productDetailsArea .OnlineAppDAR .featureCol .Exclude {font-size:1.25em ;margin:20px 0;} .productDetailsArea .OnlineAppDAR .featureCol .Exclude td {vertical-align: top;margin: 10px 0;line-height: 1.5em;} .productDetailsArea.OnlineAppDAR .step03Area fieldset.radio .k-radio-label {font-size:1.25em;} /*For Decoration Safe*/ /* For Online Endorsement */ .productDetailsArea.OnlineEndorse .lCol { width:99%; } .productDetailsArea.OnlineEndorse .rCol { width:1%; } .productDetailsArea.OnlineEndorse .step01Area .formCol { position: relative; float: left; width: 100%; } .productDetailsArea.OnlineEndorse .step01Area .formCol .inputRow { width: 100%; display: inline-block; } .productDetailsArea.OnlineEndorse .step01Area .formCol .fieldLabel { width: 20%; float: left; position: relative; } .productDetailsArea.OnlineEndorse .step01Area .formCol .fieldLabel h1 { margin-bottom: 5px; padding-top: 10px; font-size: 1.3em; } .productDetailsArea.OnlineEndorse .step01Area .formCol .inputField { width: 25%; float: left; min-height: 0px; padding: 7px; } .productDetailsArea.OnlineEndorse .step01Area .k-textbox { text-indent:0.3em; } .productDetailsArea.OnlineEndorse .formCol .remarkField { padding-top: 15px; } .OnlineEndorse.productDetailsArea .step03Area .otherInfoGroup .selectItem span.underline { font-size: 1em; } .OnlineEndorse.productDetailsArea .step03Area .formInputGroup .planDetail { font-size: 1.3em; margin-bottom: 15px; width: 100%; } .OnlineEndorse.productDetailsArea .step03Area .formInputGroup .planDetail tr td:nth-child(1) { width: 25%; font-weight: bold; } .OnlineEndorse.productDetailsArea .step03Area .formInputGroup .planDetail td { vertical-align: top; line-height: 1.8em; } .OnlineEndorse.productDetailsArea .step03Area .formCol h1 {margin-bottom:15px;} .OnlineEndorse.productDetailsArea .step03Area .formInputGroup .inputDetail { margin-bottom: 15px; width: 100%; } .OnlineEndorse.productDetailsArea .step03Area .k-header { font-size:small;top:-4px;width:63%; } .OnlineEndorse.productDetailsArea .step03Area .InsDOB.inputField { width:49%; } .OnlineEndorse.productDetailsArea .step03Area .k-textbox { font-size:small;top:-4px; } .OnlineEndorse.productDetailsArea .k-dropdown { width:100%; } .OnlineEndorse.productDetailsArea .k-radio { display:none; } .OnlineEndorse.productDetailsArea .k-radio-label {top:-4px; display:inline-block; padding-top:2px; padding-right:15px; } .OnlineEndorse.productDetailsArea .step03Area .fieldLabel { float:left; width:23%; font-size: 1.25em; font-weight:normal; line-height:normal; min-height:1.8em; padding:6px; padding-bottom:8px; } .OnlineEndorse.productDetailsArea .step03Area .inputField { float:left; width:76%; font-size: 1.25em; font-weight:normal; line-height:normal; padding-right:2%; } .OnlineEndorse.productDetailsArea .step03Area .formInputGroup { padding-bottom:16px; } .OnlineEndorse.productDetailsArea .step03Area .inputAddressField { float:left; width:100%; font-weight:normal; line-height:normal; padding-right:2%;} .OnlineEndorse.productDetailsArea .step03Area .formCol .planDetail .emailRemarks { font-weight: normal !important; } .OnlineEndorse.productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement td { text-align: left; padding: 5px 2px; line-height: 20px; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .twoCol .col { float:left; width:76%; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .twoCol .col input { width:63%; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .Address .twoCol .col { width:50%; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .Address .inputField {padding-top:3px;padding-left:5px;width:95%;} .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .Address .inputField label {position:relative;top:3px;font-size:1em;} .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .Address .inputField input { width:80%; float:right; top:0px; line-height:normal; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol #div_Area {padding-top:8px;padding-right:20px;} .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) {width:36.5%; font-weight:bold;} .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .twoCol .col { float:left; width:50%; padding:unset; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .fieldLabel { width:35%; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .inputField { line-height:unset; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .Address .inputField {padding-top:3px;padding-left:5px;width:95%;} .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .Address .inputField label {position:relative;top:3px;font-size:1em;} .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .Address .inputField input { width:80%; float:right; top:0px; line-height:normal; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol #div_Area {padding-top:8px;padding-right:20px;} .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .formInputGroup .col label {position:relative;top:3px;font-size:1em;} .OnlineEndorse.productDetailsArea #Success p { vertical-align: top; font-size:1.2em; } .productDetailsArea.OnlineEndorse .step03Area .btnBack img {width: 16px; height: auto;} .productDetailsArea.OnlineEndorse .step03Area .btnBack a {background:#79c2ff } .productDetailsArea.OnlineEndorse .step03Area .btnBack {right:inherit; left:inherit;display:inline-block; position: inherit; cursor:pointer;} /* For Online Endorsement */ /* For Online Renewal */ .productDetailsArea.OnlineRenew .step01Area .formCol { position: relative; float: left; width: 100%; } .productDetailsArea.OnlineRenew .step01Area .formCol .inputRow { width: 100%; display: inline-block; } .productDetailsArea.OnlineRenew .step01Area .formCol .fieldLabel { width: 20%; float: left; position: relative; } .productDetailsArea.OnlineRenew .step01Area .formCol .fieldLabel h1 { margin-bottom: 5px; padding-top: 10px; font-size: 1.3em; } .productDetailsArea.OnlineRenew .step01Area .formCol .inputField { width: 25%; float: left; min-height: 0px; padding: 7px; } .productDetailsArea.OnlineRenew .step01Area .formCol .remarkField { padding-top: 15px; } .productDetailsArea.OnlineRenew .step01Area .formCol .k-textbox{ text-indent: 0.4em; } .OnlineRenew.productDetailsArea .step03Area .otherInfoGroup .selectItem span.underline { font-size: 1em; } .OnlineRenew.productDetailsArea .step03Area .formInputGroup .planDetail { font-size: 1.3em; margin-bottom: 15px; width: 100%; } .OnlineRenew.productDetailsArea .step03Area .formInputGroup .planDetail tr td:nth-child(1) { width: 30%; font-weight: bold; } .OnlineRenew.productDetailsArea .step03Area .formInputGroup .planDetail td { vertical-align: top; line-height: 1.8em; } .OnlineRenew.productDetailsArea .step03Area .otherInfoGroup .infoGroup .payment { font-size: 1.3em; margin-bottom: 15px; width: 100%; } .OnlineRenew.productDetailsArea .step03Area .otherInfoGroup .infoGroup .payment tr td:nth-child(1) { width: 30%; font-weight: bold; } .OnlineRenew.productDetailsArea .step03Area .otherInfoGroup .infoGroup .payment td { vertical-align: top; line-height: 1.8em; } .OnlineRenew.productDetailsArea .step03Area .formCol .planDetail .emailRemarks { font-weight: normal !important; } .OnlineRenew.productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement td { text-align: left; font-weight: normal; padding: 5px 2px; line-height: 20px; } .productDetailsArea .memberOfferCol .listingArea .planDetail { width: 40%; margin: 0px auto; } .productDetailsArea .memberOfferCol .listingArea .planDetail tr td:nth-child(1) { width: 40%; font-weight: bold; } .productDetailsArea .memberOfferCol .listingArea .planDetail td { vertical-align: top; line-height: 1.8em; text-align: left; } /* For Online Renewal */ /* For Oversea StudySafe */ .productDetailsArea.OnlineAppOSI .step01Area .formCol .col01, .productDetailsArea.OnlineAppOSI .step01Area .formCol .col02 {height:110px; width:45% } .productDetailsArea.OnlineAppOSI .step01Area .formCol .col02 { border-right:none;} .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet { border-bottom: 1px solid #e0e0e0; margin-bottom:25px;} .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .Col { width:100%; margin:15px 5px;} .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .question { font-size: 1.25em; width:85%;display:inline-block; } .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .question td{ vertical-align:top;} .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .answer {font-size: 1.25em; width:15%;display:inline-block;} .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .answer .k-radio-label { margin:5px;} .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .errorRow {font-size:1.25em;margin-left: 10px;} .productDetailsArea.OnlineAppOSI .step01Area .formCol .col03 .selectItem .k-radio-label {font-size:1.25em;} .productDetailsArea.OnlineAppOSI .applyNowTab .step02Area p {font-size: inherit;color: #3a3a3a;} .productDetailsArea.OnlineAppOSI .step02Area table.NoBorder { border: none;} .productDetailsArea.OnlineAppOSI .step02Area table.NoBorder td { border: none; text-align:left;} .productDetailsArea.OnlineAppOSI .step02Area .tblCol .price td {text-align:left; line-height: 1.4;} .productDetailsArea.OnlineAppOSI .step02Area .tblCol .bigTit {font-size:1.25em;} .productDetailsArea.OnlineAppOSI .step02Area .tblCol .cost {font-size:1.25em;} .productDetailsArea.OnlineAppOSI .step02Area .tblCol .Desc {font-size:1.25em;text-align: left;} .productDetailsArea.OnlineAppOSI .step02Area .tblCol .Desc ol { margin-left: 20px; } .productDetailsArea.OnlineAppOSI .step02Area .BlockDisplay{ display: inline-flex; } .productDetailsArea.OnlineAppOSI .step02Area .rowSeparator{ height:0px; } .productDetailsArea.OnlineAppOSI .step02Area .tblCol td .radioPremiumAlign{ vertical-align: middle; } .productDetailsArea.OnlineAppOSI #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) { width:275px } .productDetailsArea.OnlineAppOSI .step02Area .Accept {text-align:right;} .productDetailsArea.OnlineAppOSI #Quote .step02Area .price .k-radio-label{top: 1px;} /*.productDetailsArea.OnlineAppOSI .step02Area .AMPromotion { font-size:1.166667em; }*/ .productDetailsArea.OnlineAppOSI .step02Area .AMPromotion .AMPromotionRemark ul { padding-left: 20px; } .productDetailsArea.OnlineAppOSI .step02Area .AMPromotion .AMPromotionRemark ul li { line-height: 1.5em; } .productDetailsArea.OnlineAppOSI .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent { list-style: none; padding: 0; margin: 0; } .productDetailsArea.OnlineAppOSI .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li { padding-left: 4px; } .productDetailsArea.OnlineAppOSI .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li:before { content: "-"; padding-right: 12px; } .productDetailsArea.OnlineAppOSI .step02Area .step02Error { text-align: right; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .fieldLabel {width:30%;float:left;font-size:1.25em; position:relative;top:15px;} .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .inputField {width:65%;float:right} .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .InsGender {width:65%;float:right; position:relative;top:18px} .productDetailsArea.OnlineAppOSI .step03Area .formCol .inputField.optCol { padding-top:13px;} form.SubmitOSI.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;} .productDetailsArea.OnlineAppOSI #Apply .k-radio-label { font-size:1.25em;} .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo hr {margin-top:20px;} .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .col {margin-right:20px;} .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup .twoCol .question { width:70%; float:left; font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup .twoCol .answer { width:25%; float:right; margin:10px 0; text-align:right;margin-right:10px; font-size:1.25em; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup .twoCol .errorRow { float:left ; width:100%;} .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .col .left { width:31%; display:inline-block;float:none;font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .col .right {width:45%; display:inline-block;float:none;font-size:1.25em; margin:10px 0;} .OnlineAppOSI.productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement td { text-align: left; font-weight: normal; padding: 5px 2px; line-height: 20px; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup #AsiaMilesNo { width: 30% } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppOSI .step03Area .otherInfoGroup .selectItem span.underline{font-size:1em;} .productDetailsArea .OnlineAppOSI .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea .OnlineAppOSI .sobCol .costTable table td {border:1px solid white; font-size:1em;background: #efefef;} .productDetailsArea .OnlineAppOSI .sobCol .costTable .fontBold div { font-weight: bold; } .productDetailsArea .OnlineAppOSI .sobCol .costTable td .divNum { float:left; } .productDetailsArea .OnlineAppOSI .sobCol .costTable td .divTit { float:left; width:75%; padding-left:10px; } .productDetailsArea .OnlineAppOSI .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 25%;text-align: left; text-align:center;} .productDetailsArea .OnlineAppOSI .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .OnlineAppOSI .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; font-weight:bold} .productDetailsArea .OnlineAppOSI .sobCol .costTable .subTable {font-size:1.1666em;} .productDetailsArea .OnlineAppOSI .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center} .productDetailsArea .OnlineAppOSI .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea .OnlineAppOSI .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea .OnlineAppOSI .sobCol .sob1 td {vertical-align:middle; line-height:1.2;} .productDetailsArea .OnlineAppOSI .sobCol .sob1a td:nth-child(1) { padding-right:5px; } .productDetailsArea .OnlineAppOSI .sobCol .sob1a td {vertical-align:top;} .productDetailsArea .OnlineAppOSI .sobCol .sob1 td.costSub {text-align:left; padding: 10px;} .productDetailsArea .OnlineAppOSI .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea .OnlineAppOSI .sobCol .sob1 td.subtitle {text-align:center;} .productDetailsArea .OnlineAppOSI .sobCol .headNote {font-size:1.25em;} .productDetailsArea .OnlineAppOSI .sobCol .producttablehead {background-color: #01baf2;color: #fff;font-weight: bold;font-size: 1.16667em;} .productDetailsArea .OnlineAppOSI .sobCol table.sob2 .producttablehead td {background-color: #01baf2;} .productDetailsArea .OnlineAppOSI .sobCol .producttablehead td { text-align:center; } .productDetailsArea .OnlineAppOSI .sobCol table.sob2 {font-size:1.166667em;} .productDetailsArea .OnlineAppOSI .sobCol table.sob2 td { padding:10px; border:1px solid #fff; background:#efefef;} .productDetailsArea .OnlineAppOSI .sobCol table.sob2 .sTit {background: #fcffc8; } .productDetailsArea .OnlineAppOSI .sobCol table.sob2 .cost {background: #f2f38b; } .productDetailsArea .OnlineAppOSI .sobCol .btnGroup{ text-align:right;} .productDetailsArea .OnlineAppOSI .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppOSI .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 2.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppOSI .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppOSI .featureCol .btnQuote a {margin:0 5px;} .productDetailsArea .OnlineAppOSI .featureCol table.importantNote td:nth-child(1) {padding-right:5px;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .remarksArea td{/* position: relative; */line-height: normal;border: 0px solid #fff;text-align: left;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 td:nth-child(3):not(.cost){ text-align: left; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .costSub.alignLeft { text-align:left;} .productDetailsArea .OnlineAppOSI .sobCol .btnQuote a { float:right; cursor:pointer; background:#fcb040 ;color: #fff;font-size: 1.3em; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; } .productDetailsArea .OnlineAppOSI .sobCol .btnQuote img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 td { position:relative; line-height:1.2; vertical-align:middle; border:1px solid #fff; text-align:center;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 td.col01 {width:12%} .productDetailsArea .OnlineAppOSI .sobCol .sob3 td.col03 { width:40%;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .bigTit { background:#01baf2; font-size:1.66667em; padding:20px; color:#fff; width:25%; text-align:left;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .col03.bigTit { text-align:center;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .sTit { background:#01baf2; font-size:1.3333em; padding:10px; color:#fff;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .planName { background:#0192e3; font-size:1.3333em; padding:10px; color:#fff;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .costTit { background:#fcffc8; font-size:1.16667em; padding:10px; color:#000; text-align:left;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .cost { background:#f2f38b; font-size:1.16667em; padding:10px; color:#000;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .costSubTit { background:#efeedc; font-size:1.16667em; padding:10px; color:#000; text-align:left;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .costSub { background:#efefef; font-size:1.16667em; padding:10px; color:#000;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .col03.costSub { text-align:left;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .even .costSubTit { background:#eae8d9;} .productDetailsArea .OnlineAppOSI .sobCol .sob3 .even .costSub { background:#e9e9e9;} /* For Oversea StudySafe */ /* For All-In-One */ .productDetailsArea .OnlineAppIMOP .featureCol, .productDetailsArea .OnlineAppIMOP .sobCol, .productDetailsArea.OnlineAppIMOP .step01Area .formCol, .productDetailsArea.OnlineAppIMOP .step02Area .tblCol{ float: left; } .productDetailsArea .OnlineAppIMOP .featureCol .importantNote { margin-bottom: 60px; } .productDetailsArea .OnlineAppIMOP .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea .OnlineAppIMOP .sobCol .costTable table td {border:1px solid white; font-size:1em;background: #efefef;} .productDetailsArea .OnlineAppIMOP .sobCol .costTable td sup { font-size: 0.8em; } .productDetailsArea .OnlineAppIMOP .sobCol .costTable .fontBold div { font-weight: bold; } .productDetailsArea .OnlineAppIMOP .sobCol .costTable .fontBold sup { font-weight: bold; } .productDetailsArea .OnlineAppIMOP .sobCol .costTable td .divNum { float:left; } .productDetailsArea .OnlineAppIMOP .sobCol .costTable td .divTit { float:left; width:calc(100% - 40px); padding-left:10px; } .productDetailsArea .OnlineAppIMOP .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 25%;text-align: left; text-align:center;} .productDetailsArea .OnlineAppIMOP .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .OnlineAppIMOP .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; font-weight:bold} .productDetailsArea .OnlineAppIMOP .sobCol .costTable .subTable {font-size:1.1666em;} .productDetailsArea .OnlineAppIMOP .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center} .productDetailsArea .OnlineAppIMOP .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea .OnlineAppIMOP .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea .OnlineAppIMOP .sobCol .sob1 td {vertical-align:middle; line-height:1.2;} /*.productDetailsArea .OnlineAppIMOP .sobCol .sob1 td.costSub {text-align:left; padding: 10px;}*/ .productDetailsArea .OnlineAppIMOP .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea .OnlineAppIMOP .sobCol .sob1 td.subtitle {text-align:center;} .productDetailsArea .OnlineAppIMOP .sobCol .btnQuote a { cursor:pointer; background:#fcb040 ;color: #fff;font-size: 1.3em; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; } .productDetailsArea .OnlineAppIMOP .sobCol .btnQuote img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup h1 sup { vertical-align: baseline; position: relative; top: -0.5em; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredSelection, .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol { margin-bottom: 15px; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredSelection .InsuredPerson { padding: 5px 10px; font-size:1.25em; float: left; width: 25%;} .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol { width: 49%; float: left; padding-bottom: 10px; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .fieldLabel { width: 50%; font-size:1.25em; float: left; padding:10px 0; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB { width: 45%; float: left; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .borderLeft { padding-left: 5px; border-left: 1px solid #e0e0e0; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .borderBottom { border-bottom: 1px solid #e0e0e0; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB .field-validation-valid { font-size:1.25em; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsGender { width: 45%; float: left; padding: 10px 0px; font-size: 1.25em; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) { width:300px } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit td.center { text-align: center; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit td sup { font-size: 0.8em; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit .desktopVisible { display: table-cell; width: 50%; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit .mobileVisible { display: none; } .productDetailsArea .step03Area .formCol .Agreement tr td:nth-child(2) input {margin:2px 5px;} .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .infoRow h2 { width: 40%; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .infoRow p { width: 60%; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: left; width: 50%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 7px 0px 7px; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: left; width: calc(100% - 50% - 28px); padding: 0px 7px 7px 7px; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: left; width: calc(100% - 50% - 28px); padding: 10px 7px 7px 7px; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField h2 { font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 0px; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col .inputField #dd02 { float: right; width: 70%; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo { margin-bottom: 30px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em; font-weight:bold; padding-bottom: 5px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .fieldLabel { width: 30%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .inputField { width:65%; float:right; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { width: 50%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 45%; float:right; font-size:1.25em; padding-top: 15px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .InsGender { width:65%; float:right; padding-top: 18px; } .productDetailsArea.OnlineAppIMOP #Apply .k-radio-label { font-size:1.25em; } .productDetailsArea.OnlineAppIMOP .step03Area .otherInfoGroup .selectItem span.underline { font-size:1em; } .OnlineAppIMOP.productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement td { text-align: left; font-weight: normal; padding: 5px 2px; line-height: 20px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .col { margin-right: 20px; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em; font-weight:bold; margin-bottom: 10px; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .insuredRow { padding-bottom: 10px; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol table td .column {padding: 10px 10px 0px 0px;} .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol .planDetail .Premium { font-weight: bold; width: 80%; } /*New css for All-In-One 20190813*/ .productDetailsArea.OnlineAppIMOP .step01Area .AppForm label {font-size : 1.25em;} .productDetailsArea.OnlineAppIMOP .step01Area .AppForm .InsuredDOB .insuredCol {width:49%; display:inline-block;} .productDetailsArea.OnlineAppIMOP .step01Area .AppForm .datepicker {width:80%} .productDetailsArea.OnlineAppIMOP .step01Area .AppForm .InsuredDOB .fieldLabel {margin-bottom :8px;} .productDetailsArea.OnlineAppIMOP .step02Area .AppForm #tbBenefit .priceTit {text-align:center;} .productDetailsArea.OnlineAppIMOP .step02Area .AppForm #tbBenefit table td.priceTit {font-size: 1em;} .productDetailsArea.OnlineAppIMOP .step02Area .AppForm #tbBenefit .desktopVisible { display: table-cell; width: 50%; } .productDetailsArea.OnlineAppIMOP .step02Area .AppForm #tbBenefit .mobileVisible { display: none; } /* For All-In-One */ /* For Dental */ .productDetailsArea .OnlineAppIMDP .featureCol, .productDetailsArea .OnlineAppIMDP .sobCol, .productDetailsArea.OnlineAppIMDP .step01Area .formCol, .productDetailsArea.OnlineAppIMDP .step02Area .tblCol{ float: left; } .productDetailsArea .OnlineAppIMDP .featureCol .importantNote { margin-bottom: 60px; } .productDetailsArea .OnlineAppIMDP .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea .OnlineAppIMDP .sobCol .costTable table td {border:1px solid white; font-size:1em;background: #efefef;} .productDetailsArea .OnlineAppIMDP .sobCol .costTable td sup { font-size: 0.8em; } .productDetailsArea .OnlineAppIMDP .sobCol .costTable .fontBold div { font-weight: bold; } .productDetailsArea .OnlineAppIMDP .sobCol .costTable .fontBold sup { font-weight: bold; } .productDetailsArea .OnlineAppIMDP .sobCol .costTable td .divNum { float:left; } .productDetailsArea .OnlineAppIMDP .sobCol .costTable td .divTit { float:left; width:calc(100% - 40px); padding-left:10px; } .productDetailsArea .OnlineAppIMDP .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 25%;text-align: left; text-align:center;} .productDetailsArea .OnlineAppIMDP .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .OnlineAppIMDP .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; font-weight:bold} .productDetailsArea .OnlineAppIMDP .sobCol .costTable .subTable {font-size:1.1666em;} .productDetailsArea .OnlineAppIMDP .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center} .productDetailsArea .OnlineAppIMDP .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea .OnlineAppIMDP .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea .OnlineAppIMDP .sobCol .sob1 td {vertical-align:middle; line-height:1.2;} /*.productDetailsArea .OnlineAppIMDP .sobCol .sob1 td.costSub {text-align:left; padding: 10px;}*/ .productDetailsArea .OnlineAppIMDP .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea .OnlineAppIMDP .sobCol .sob1 td.subtitle {text-align:center;} .productDetailsArea .OnlineAppIMDP .sobCol .btnQuote a { cursor:pointer; background:#fcb040 ;color: #fff;font-size: 1.3em; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; } .productDetailsArea .OnlineAppIMDP .sobCol .btnQuote img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup h1 sup { vertical-align: baseline; position: relative; top: -0.5em; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredSelection, .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol { margin-bottom: 15px; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredSelection .InsuredPerson { padding: 5px 10px; font-size:1.25em; float: left; width: 25%;} .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol { width: 49%; float: left; padding-bottom: 10px; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .fieldLabel { width: 50%; font-size:1.25em; float: left; padding:10px 0; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB { width: 45%; float: left; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .borderLeft { padding-left: 5px; border-left: 1px solid #e0e0e0; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .borderBottom { border-bottom: 1px solid #e0e0e0; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB .field-validation-valid { font-size:1.25em; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsGender { width: 45%; float: left; padding: 10px 0px; font-size: 1.25em; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) { width:300px } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit td.center { text-align: center; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit td sup { font-size: 0.8em; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol table#PlanDetail tr:not(.detailRow) td.cost { background: #fcffc8; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol table#PlanDetail tr:not(.detailRow) td.planCol{ background: #f2f38b; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol table#PlanDetail .detailRow td:first-child{ text-align: left; padding: 10px; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol table#PlanDetail .detailRow td.text-indent{ padding-left: 45px; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit .desktopVisible { display: table-cell; width: 40%; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit .mobileVisible { display: none; } .productDetailsArea .step03Area .formCol .Agreement tr td:nth-child(2) input {margin:2px 5px;} .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .infoRow h2 { width: 40%; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .infoRow p { width: 60%; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: left; width: 50%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 7px 0px 7px; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: left; width: calc(100% - 50% - 28px); padding: 0px 7px 7px 7px; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: left; width: calc(100% - 50% - 28px); padding: 10px 7px 7px 7px; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField h2 { font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 0px; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col .inputField #dd02 { float: right; width: 70%; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo { margin-bottom: 30px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em; font-weight:bold; padding-bottom: 5px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .fieldLabel { width: 30%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .inputField { width:65%; float:right; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { width: 50%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 45%; float:right; font-size:1.25em; padding-top: 15px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .insuredGender .inputField { width:65%; float:right; padding-top: 15px; font-size:1.25em; } .productDetailsArea.OnlineAppIMDP #Apply .k-radio-label { font-size:1.25em; } .productDetailsArea.OnlineAppIMDP .step03Area .otherInfoGroup .selectItem span.underline { font-size:1em; } .OnlineAppIMDP.productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement td { text-align: left; font-weight: normal; padding: 5px 2px; line-height: 20px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .col { margin-right: 20px; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em; font-weight:bold; margin-bottom: 10px; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .insuredRow { padding-bottom: 10px; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol table td .column {padding: 10px 10px 0px 0px;} .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol .planDetail .Premium { font-weight: bold; width: 80%; } /*New css for Dental 20190815*/ .productDetailsArea.OnlineAppIMDP .step01Area .AppForm label {font-size : 1.25em;} .productDetailsArea.OnlineAppIMDP .step01Area .AppForm .InsuredDOB .insuredCol {width:49%; display:inline-block;} .productDetailsArea.OnlineAppIMDP .step01Area .AppForm .datepicker {width:80%} .productDetailsArea.OnlineAppIMDP .step01Area .AppForm .InsuredDOB .fieldLabel {margin-bottom :10px; margin-top:10px;} .productDetailsArea.OnlineAppIMDP .step02Area .AppForm #tbBenefit .priceTit {text-align:center;} .productDetailsArea.OnlineAppIMDP .step02Area .AppForm #tbBenefit table td.priceTit {font-size: 1em;} .productDetailsArea.OnlineAppIMDP .step02Area .AppForm #tbBenefit .desktopVisible { display: table-cell; width: 40%;} .productDetailsArea.OnlineAppIMDP .step02Area .AppForm #tbBenefit .mobileVisible { display: none; } /* For Dental */ /* For VHIS */ .productDetailsArea.OnlineAppVHIS + .relatedDocArea .innerArea .rCol li a{ font-size: 1em; } .productDetailsArea .OnlineAppVHIS .featureCol, .productDetailsArea .OnlineAppVHIS .sobCol, .productDetailsArea.OnlineAppVHIS .step01Area .formCol, .productDetailsArea.OnlineAppVHIS .step02Area .tblCol{ float: left; } .productDetailsArea .OnlineAppVHIS .featureCol .importantNote { margin-bottom: 60px; } .productDetailsArea .OnlineAppVHIS .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea .OnlineAppVHIS .sobCol .costTable table td {border:1px solid white; font-size:1em;background: #efefef;} .productDetailsArea .OnlineAppVHIS .sobCol .costTable td sup { font-size: 0.8em; } .productDetailsArea .OnlineAppVHIS .sobCol .costTable .fontBold div { font-weight: bold; } .productDetailsArea .OnlineAppVHIS .sobCol .costTable .fontBold sup { font-weight: bold; } .productDetailsArea .OnlineAppVHIS .sobCol .costTable td .divNum { float:left; } .productDetailsArea .OnlineAppVHIS .sobCol .costTable td .divTit { float:left; width:calc(100% - 40px); padding-left:10px; } .productDetailsArea .OnlineAppVHIS .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 25%;text-align: left; text-align:center;} .productDetailsArea .OnlineAppVHIS .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .OnlineAppVHIS .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; font-weight:bold} .productDetailsArea .OnlineAppVHIS .sobCol .costTable .subTable {font-size:1.1666em;} .productDetailsArea .OnlineAppVHIS .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center} .productDetailsArea .OnlineAppVHIS .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea .OnlineAppVHIS .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea .OnlineAppVHIS .sobCol .sob1 td {vertical-align:middle; line-height:1.2;} /*.productDetailsArea .OnlineAppVHIS .sobCol .sob1 td.costSub {text-align:left; padding: 10px;}*/ .productDetailsArea .OnlineAppVHIS .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea .OnlineAppVHIS .sobCol .sob1 td.subtitle {text-align:center;} .productDetailsArea .OnlineAppVHIS .sobCol .btnQuote a { cursor:pointer; background:#fcb040 ;color: #fff;font-size: 1.3em; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; } .productDetailsArea .OnlineAppVHIS .sobCol .btnQuote img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup h1 sup { vertical-align: baseline; position: relative; top: -0.5em; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredSelection, .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol { margin-bottom: 15px; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredSelection .InsuredPerson { padding: 5px 10px; font-size:1.25em; float: left; width: 25%;} .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol { width: 49%; float: left; padding-bottom: 10px; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol .fieldLabel { width: 50%; font-size:1.25em; float: left; padding:10px 0; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB { width: 45%; float: left; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .borderLeft { padding-left: 5px; border-left: 1px solid #e0e0e0; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .borderBottom { border-bottom: 1px solid #e0e0e0; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB .field-validation-valid { font-size:1.25em; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsGender { width: 45%; float: left; padding: 10px 0px; font-size: 1.25em; } /*.productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm table#PlanDetail { width: auto; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm table#PlanDetail tr td:nth-child(1) { width: auto; padding-right: 15px; }*/ .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit td.center { text-align: center; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit td sup { font-size: 0.8em; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm table#PlanDetail tr:not(.detailRow) td.cost { background: #fcffc8;} .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm table#PlanDetail tr:not(.detailRow) td.planCol{ background: #f2f38b;} .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm table#PlanDetail .detailRow td:first-child{ text-align: left; padding: 10px;} .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm table#PlanDetail .detailRow td.text-indent{ padding-left: 45px;} .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit .desktopVisible { display: table-cell; width: 40%; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit .mobileVisible { display: none; } .productDetailsArea .step03Area .formCol .Agreement tr td:nth-child(2) input {margin:2px 5px;} .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .infoRow h2 { width: 40%; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .infoRow p { width: 60%; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: left; width: 50%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 7px 0px 7px; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: left; width: calc(100% - 50% - 28px); padding: 0px 7px 7px 7px; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: left; width: calc(100% - 50% - 28px); padding: 10px 7px 7px 7px; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField h2 { font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 0px; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col .inputField #dd02 { float: right; width: 70%; } .productDetailsArea.OnlineAppVHIS #Apply .deliveryMethod .k-radio-label, .productDetailsArea.OnlineAppVHIS #Apply .claimsPaymentOptions .k-radio-label{ font-size: 1em; } .productDetailsArea.OnlineAppVHIS #Apply .deliveryMethod .deliveryMethod-msg{ display: inline; margin-left: 5px; font-size: 1em; } .productDetailsArea.OnlineAppVHIS #Apply .claimsPaymentOptions{ width: 100%; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo { margin-bottom: 30px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em; font-weight:bold; padding-bottom: 5px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .oneCol .insuredOccupation .fieldLabel { width: 100%; font-size:1.25em; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .oneCol .insuredOccupation .inputField { width: 100%; margin-top: 20px } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .oneCol .insuredOccupation .inputField input[type="radio"] { margin-left: 10px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .fieldLabel { width: 30%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .inputField { width:65%; float:right; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { width: 50%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 45%; float:right; font-size:1.25em; padding-top: 15px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredGender .inputField { width:65%; float:right; padding-top: 15px; font-size:1.25em; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredNameChi .inputField { padding-left: 0px; float: none; } .productDetailsArea.OnlineAppVHIS #Apply .k-radio-label { font-size:1.25em; } .productDetailsArea.OnlineAppVHIS .step03Area .otherInfoGroup .selectItem span.underline { font-size:1em; } .OnlineAppVHIS.productDetailsArea .step03Area .otherInfoGroup .selectItem .Agreement td { text-align: left; font-weight: normal; padding: 5px 2px; line-height: 20px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .col { margin-right: 20px; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em; font-weight:bold; margin-bottom: 10px; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .col label, .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .bankInfoGroup .col label {font-size:1em;} .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .col, .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .bankInfoGroup .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .col .left, .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .bankInfoGroup .col .left { width:45%; display:inline-block;float:none;font-size:1.25em;vertical-align:top;} .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .col .right, .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .bankInfoGroup .col .right {width:50%; display:inline-block;float:none;font-size:1.25em;vertical-align:top;} .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .insuredRow { padding-bottom: 10px; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol table td .column {padding: 10px 10px 0px 0px;} .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .planDetail .Premium { font-weight: bold; width: 80%; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .bankInfoGroup .col { padding: 10px 10px 5px 0px; } .productDetailsArea.OnlineAppVHIS #Confirm .claimsPaymentOptions { width:100%; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupation { padding: 10px 10px 5px 0px; width: 100%; font-size: 1.25em; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupationInput { width: 100%; font-size: 1.25em; margin-top: 10px; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupationInput input[type="radio"] { } /*VHIS - Quote result*/ .productDetailsArea.OnlineAppVHIS #Quote .quote_remark{margin: 10px 0; font-size: 1.166667em;} /*VHIS - UW*/ .productDetailsArea.OnlineAppVHIS .underwriting-listing h1{font-size:1.66667em;color:#3a3a3a;margin-bottom:20px;font-weight:700;background-color:#e0e0e0;padding:8px 10px} .productDetailsArea.OnlineAppVHIS #Underwriting .step03Area .formCol .underwriting-listing h2, .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .underwriting-listing h2{font-size:1.3em;color:#3a3a3a;font-weight:700;width:100%;float:none;color:#000;} .productDetailsArea.OnlineAppVHIS .underwriting-typeList{ margin-top: 20px; } .productDetailsArea.OnlineAppVHIS .underwriting-type{margin-bottom:15px;clear:both;overflow:hidden} .productDetailsArea.OnlineAppVHIS .formCol .underwriting-listing h2.questionNo{float:none;margin-bottom:5px;overflow:hidden;clear:both} .productDetailsArea.OnlineAppVHIS .formCol .underwriting-listing .underwriting-type > label{margin-bottom:10px;display:block;font-weight:700;float:left;width:50%;font-size:1.25em} .productDetailsArea.OnlineAppVHIS .underwriting-listing .typeAnswer{float:left;width:48%;margin-left:2%;margin-bottom:20px} .productDetailsArea.OnlineAppVHIS .underwriting-listing .typeAnswer label{font-size:1.25em;top:4px} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-questionName{margin-bottom:5px;float:left;width:50%;font-size:1.25em} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-seq{width:20px;float:left} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-questionName label{width:calc(100% - 20px);float:left} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-answerWrapper{margin-bottom:20px} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-answerWrapper .questionNo label{margin-bottom:10px;display:block;color:#3a3a3a;font-weight:700;text-decoration:underline;width:85%;float:left} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-question{margin-bottom:15px;width:100%;float:left;margin-right:0} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-answer{float:left;width:48%;margin-left:2%} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-answer textarea{width:100%;resize:none;padding:1.5%;overflow:auto} .productDetailsArea.OnlineAppVHIS .underwriting-listing .answerList-questionWrapper{overflow:hidden;margin-top:0;clear:both} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-multipleTitle{font-size:1.25em;clear:both;margin-bottom:15px;text-decoration:underline} .productDetailsArea.OnlineAppVHIS .underwriting-listing .file-wrapper{overflow:hidden;position: relative; height: 58px;} .productDetailsArea.OnlineAppVHIS .underwriting-listing .k-upload-files.k-reset{margin-bottom:1em} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-uploadDocs{ margin-bottom: 20px; } .productDetailsArea.OnlineAppVHIS .underWriting-desc p{font-size:1.25em;margin-bottom:25px;} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnCtaGroup{width:98%;overflow:hidden;margin-top:25px} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnCtaGroup .div_btn{float:right} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnRequote,.productDetailsArea .stepUnderWritingArea .btnSubmit,.productDetailsArea .stepUnderWritingArea .btnReset{margin-left:10px;margin-top:5px;cursor:pointer;display:inline-block} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnRequote a{background:#79c2ff} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnRequote a,.productDetailsArea .stepUnderWritingArea .btnSubmit a,.productDetailsArea .stepUnderWritingArea .btnReset a{font-size:1.3em;display:inline-block;background:#fcb040;color:#fff;font-size:16px;padding:5px 10px;line-height:1.2;text-align:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnRequote img,.productDetailsArea .stepUnderWritingArea .btnSubmit img{position:relative;margin-left:5px;top:2px;width:16px;height:auto} .productDetailsArea.OnlineAppVHIS .step03Area .otherInfoGroup .selectItem span{font-size:1em;font-weight:normal} @media screen and (max-width: 1199px) { .productDetailsArea.OnlineAppVHIS .underWriting-desc{padding:0 2%} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-typeList{padding:0 2%} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-uploadDocs{padding:0 2%} } @media screen and (max-width: 600px) { .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-question{float:none;clear:both;overflow:hidden} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-answer{float:none;width:100%;margin-left:0} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-questionName{float:none;width:100%} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-answer textarea{width:calc(100% - 20px);float:right} .productDetailsArea.OnlineAppVHIS .underWriting-desc,.underwriting-typeList{font-size:80%} .productDetailsArea.OnlineAppVHIS .underwriting-listing .underwriting-questionName label{margin-bottom:10px} .productDetailsArea.OnlineAppVHIS .underwriting-listing .typeAnswer{float:right;width:auto} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnCtaGroup{text-align:center} .productDetailsArea.OnlineAppVHIS .stepUnderWritingArea .btnCtaGroup .div_btn{float:none} } /*IMJC - Application*/ .OnlineAppIMJC.productDetailsArea .QuestionSet .eMessage { margin-left: 0px; clear:both; } .OnlineAppIMJC.productDetailsArea .QuestionSet.noHeader .eMessage { margin-left: 0px; padding-left: 0px; } .OnlineAppIMJC.productDetailsArea .AppForm .inputControl-SSM input[type='checkbox']{ width: 20px; float: left; } .OnlineAppIMJC.productDetailsArea .AppForm .inputControl-SSM label{ font-size: 1.25em; width: 90%; float: left; } @media screen and (max-width: 1199px) { .OnlineAppIMJC.productDetailsArea .AppForm .QuestionSet .question-row .answer { width: 100%; float: none; clear: both; margin-top: 10px; display: inline-block; margin-left: 0px; } .OnlineAppIMJC.productDetailsArea .QuestionSet .question-row { clear: both; width: 96%; } } /*IMJC - Select Plan*/ @media screen and (max-width: 500px) { .OnlineAppIMJC .step02Area table#tbBenefit { font-size: 0.8em; } } .OnlineAppIMJC.productDetailsArea .step02Area .AppForm #tbBenefit .priceTit { text-align: center; } .OnlineAppIMJC.productDetailsArea .step02Area .AppForm #tbBenefit td.mainTitle { background: #b4b4b4; padding: 10px; color: #fff; text-align: left; font-size: 1.25em; } .OnlineAppIMJC.productDetailsArea .AppForm #tbBenefit .k-widget { font-size: 1em; } /*IMJC - Apply*/ .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .infoRow h2 { width: 40%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .infoRow p { width: 60%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .AppForm .applicantDOB h2 { float: left; width: 50%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: left; width: calc(100% - 50% - 28px); padding: 0px 7px 7px 7px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: left; width: calc(100% - 50% - 28px); padding: 10px 7px 7px 7px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField h2 { font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 0px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col .inputField #dd02 { float: right; width: 70%; } .productDetailsArea.OnlineAppIMJC #Apply .deliveryMethod .k-radio-label, .productDetailsArea.OnlineAppIMJC #Apply .claimsPaymentOptions .k-radio-label{ font-size: 1em; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .bankInfoGroup { margin-top: 0px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .bankInfoGroup .ApplyControl { font-size: 85.715%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .bankInfoGroup .ApplyControl > div { padding: 7px; } .productDetailsArea .step03Area .otherInfoGroup .selectItem .eMessage span { font-size: 1em; } .productDetailsArea.OnlineAppIMJC #Apply .claimsPaymentOptions .k-radio-label[for='ClaimsPaymentOption_cheque'] { margin-left: 0px; } .productDetailsArea.OnlineAppIMJC #Apply .deliveryMethod .deliveryMethod-msg{ display: inline; margin-left: 5px; font-size: 1em; } .productDetailsArea.OnlineAppIMJC #Apply .claimsPaymentOptions{ width: 100%; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .bankInfoGroup .ApplyControl { width: 25%;} .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .bankInfoGroup .ApplyControl #BankNameOthers{ width: 100%;} .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .bankInfoGroup .ApplyControl #BankAccountHolder{ width: 100%;} .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .ApplyControl #dd02 .dropdown { width: 100%; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo { margin-bottom: 30px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .fieldLabel { width: 30%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .inputField { width:65%; float:right; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { width: 50%; float:left; font-size:1.25em; position: relative; top: 15px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 45%; float:right; font-size:1.25em; padding-top: 15px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .InsGender { width:65%; float:right; padding-top: 18px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredGender .inputField {width:65%;float:right;padding-top: 15px;font-size:1.25em;} .productDetailsArea.OnlineAppIMJC #Apply .k-radio-label { font-size:1.25em; } .productDetailsArea.OnlineAppIMJC .step03Area .otherInfoGroup .selectItem span.underline { font-size:1em; } .productDetailsArea.OnlineAppIMJC .step03Area .otherInfoGroup .selectItem .Agreement td { text-align: left; font-weight: normal; padding: 5px 2px; line-height: 20px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .col { margin-right: 20px; } .k-radio:disabled + .k-radio-label:hover:after { background: rgb(226, 223, 8); } .inputField-bankAcctNo input.bankAcctNo-prefix{ display: inline-block; width: 55px; float: left; } .inputField-bankAcctNo span.bankAcctNo-prefix{ display: inline-block; width: 20px;text-align: center;float: left;vertical-align: middle;line-height: 2.43em; } .inputField-bankAcctNo input.bankAcctNo{ width: calc(100% - 75px); float: left; } .inputField-bankAcctNo.othersBank .bankAcctNo-prefix{ display:none; } .inputField-bankAcctNo.othersBank input.bankAcctNo{ width: 100%; float: none; } @media screen and (max-width: 1199px) { .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .infoRow h2 { width: 50%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .infoRow p { width: 50%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: none; width: 100%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 0px 0px 0px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: none; width: 100%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: none; width: 100%; padding: 7px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .AppForm .applicantDOB h2 { width: 100% } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) {width:30%} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col .left { width:30%;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .planDetail .Premium { width: auto; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupation { padding: 0px 10px 5px 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail label { padding-top: 0px; } /* .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .planDetail .ApplyControl.noPad { overflow: hidden; padding-top: 10px; } */ .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .planDetail .IDType.ApplyControl { margin-top: 0px; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .InsuredInfo .ApplyControl > label { position: inherit; width: 100%; max-width: 100% !important; float: none; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .InsuredInfo .ApplyControl > label + div { width: 100% !important; float: none !important; overflow: hidden; } /* .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .InsuredInfo .ApplyControl { width: 100%; float: none; } */ .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float:none; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 100%; float:none; padding: 7px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .InsGender { width: 90%; float: none; padding: 7px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredGender .inputField{ width:100%; float:none; padding: 7px; padding-top: 7px; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .bankInfoGroup .ApplyControl { width:93%; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .ApplyControl #dd02 { width:100%; float: none ;} .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .ApplyControl #dd02 .dropdown { width: calc( 100% - 10px ); } .productDetailsArea.OnlineAppIMJC .step03Area .formCol #InsuredDetail hr { top: 0px; width: 100%; } } /*IMJC - Confirm page*/ .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em; font-weight:bold; margin-bottom: 10px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col label, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col label {font-size:1em;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col .left, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col .left { width:45%; display:inline-block;float:none;font-size:1.25em;vertical-align:top;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col .right, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col .right {width:50%; display:inline-block;float:none;font-size:1.25em;vertical-align:top;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .insuredRow { padding-bottom: 10px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol table td .column {padding: 10px 10px 0px 0px;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .planDetail .Premium { font-weight: bold; width: 80%; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col { padding: 10px 10px 5px 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .claimsPaymentOptions { width:100%; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupation { padding: 10px 10px 5px 0px; width: 100%; font-size: 1.25em; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupationInput { width: 100%; font-size: 1.25em; margin-top: 10px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupationInput input[type="radio"] { } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .AppForm .planDetail-claimsPaymentOptions { font-size: 85.715%; margin-left: 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .AppForm .planDetail-claimsPaymentOptions tr td { padding: 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .AppForm .planDetail-claimsPaymentOptions tr td:nth-child(1) { padding: 0.3em 0; } /* IMJC - Information */ .productDetailsArea .OnlineAppIMJC .sobCol ul { margin-left: 0px; } .productDetailsArea .OnlineAppIMJC .featureCol .StandardRemarks ul { margin-bottom: 0px; } .productDetailsArea .OnlineAppIMJC .featureCol .StandardRemarks ul li { margin-bottom: 0px; margin-left: 0px; background-size: 0px; padding: 2px 2px 2px 0; font-size: 100%;} .inputField-bankAcctNo input.bankAcctNo-prefix{ display: inline-block; width: 55px; float: left; } .inputField-bankAcctNo span.bankAcctNo-prefix{ display: inline-block; width: 20px;text-align: center;float: left;vertical-align: middle;line-height: 2.43em; } .inputField-bankAcctNo input.bankAcctNo{ width: calc(100% - 75px); float: left; } .inputField-bankAcctNo.othersBank .bankAcctNo-prefix{ display:none; } .inputField-bankAcctNo.othersBank input.bankAcctNo{ width: 100%; float: none; } @media screen and (max-width: 1199px) { .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .infoRow h2 { width: 50%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .infoRow p { width: 50%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: none; width: 100%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 0px 0px 0px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: none; width: 100%; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: none; width: 100%; padding: 7px; } .productDetailsArea.OnlineAppIMJC #Apply .step03Area .AppForm .applicantDOB h2 { width: 100% } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) {width:30%} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col .left { width:30%;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .planDetail .Premium { width: auto; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupation { padding: 0px 10px 5px 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail label { padding-top: 0px; } /* .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .planDetail .ApplyControl.noPad { overflow: hidden; padding-top: 10px; } */ .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .planDetail .IDType.ApplyControl { margin-top: 0px; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .InsuredInfo .ApplyControl > label { position: inherit; width: 100%; max-width: 100% !important; float: none; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .InsuredInfo .ApplyControl > label + div { width: 100% !important; float: none !important; overflow: hidden; } /* .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .InsuredInfo .ApplyControl { width: 100%; float: none; } */ .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float:none; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 100%; float:none; padding: 7px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .InsGender { width: 90%; float: none; padding: 7px; } .productDetailsArea.OnlineAppIMJC .step03Area .formCol .InsuredInfo .insuredGender .inputField{ width:100%; float:none; padding: 7px; padding-top: 7px; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .bankInfoGroup .ApplyControl { width:93%; } .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .ApplyControl #dd02 { width:100%; float: none ;} .productDetailsArea.OnlineAppIMJC .step03Area .AppForm .ApplyControl #dd02 .dropdown { width: calc( 100% - 10px ); } .productDetailsArea.OnlineAppIMJC .step03Area .formCol #InsuredDetail hr { top: 0px; width: 100%; } } /*IMJC - Confirm page*/ .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .insuredRow { margin: 15px 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em; font-weight:bold; margin-bottom: 10px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .InsuredSEQ sup { font-size:1.3em; font-weight:bold; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col label, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col label {font-size:1em;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col .left, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col .left { width:45%; display:inline-block;float:none;font-size:1.25em;vertical-align:top;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .col .right, .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col .right {width:50%; display:inline-block;float:none;font-size:1.25em;vertical-align:top;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .insuredRow { padding-bottom: 10px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol table td .column {padding: 10px 10px 0px 0px;} .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .planDetail .Premium { font-weight: bold; width: 80%; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol .bankInfoGroup .col { padding: 10px 10px 5px 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .claimsPaymentOptions { width:100%; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupation { padding: 10px 10px 5px 0px; width: 100%; font-size: 1.25em; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupationInput { width: 100%; font-size: 1.25em; margin-top: 10px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupationInput input[type="radio"] { } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .AppForm .planDetail-claimsPaymentOptions { font-size: 85.715%; margin-left: 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .AppForm .planDetail-claimsPaymentOptions tr td { padding: 0px; } .productDetailsArea.OnlineAppIMJC #Confirm .step03Area .AppForm .planDetail-claimsPaymentOptions tr td:nth-child(1) { padding: 0.3em 0; } /* IMJC - Information */ .productDetailsArea .OnlineAppIMJC .sobCol ul { margin-left: 0px; } .productDetailsArea .OnlineAppIMJC .featureCol .StandardRemarks ul { margin-bottom: 0px; } .productDetailsArea .OnlineAppIMJC .featureCol .StandardRemarks ul li { margin-bottom: 0px; margin-left: 0px; background-size: 0px; padding: 2px 2px 2px 0; font-size: 100%;} /*For Personal Accident*/ .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet { border-bottom: 1px solid #e0e0e0; margin-bottom:25px;} .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .Col { width:100%; margin:15px 5px;} .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .question { font-size: 1.25em; width:85%;display:inline-block; } .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .question td{ vertical-align:top;} .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .answer {font-size: 1.25em; width:15%;display:inline-block;} .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .answer .k-radio-label { margin:5px;} .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .errorRow {font-size:1.25em;margin-left: 10px;} .productDetailsArea.OnlineAppPAH .step01Area .formCol .col01, .productDetailsArea.OnlineAppPAH .step01Area .formCol .col02 {height:200px; width:45% } .productDetailsArea.OnlineAppPAH .step01Area .formCol .col02 { border-right:none;} .productDetailsArea.OnlineAppPAH .step01Area .formCol .formGroup .InsuredPerson { padding-left:10px; font-size:1.25em;} .productDetailsArea.OnlineAppPAH #Quote .step02Area .tblCol .accept { text-align:right } .productDetailsArea.OnlineAppPAH #Quote .step02Area .tblCol table#PlanDetail tr td:nth-child(1) {width:225px; vertical-align:top;} .productDetailsArea.OnlineAppPAH #Quote .step02Area .tblCol .accept { padding-bottom:10px; } .productDetailsArea.OnlineAppPAH #Quote .step02Area .tblCol .accept input { margin-right:5px;} .productDetailsArea.OnlineAppPAH #Quote .step02Area .tblCol .Accept { text-align:right;} .productDetailsArea.OnlineAppPAH .step02Area .AMPromotion { width: 98%; } .productDetailsArea.OnlineAppPAH .step02Area .AMPromotion .AMPromotionRemark ul { padding-left: 20px; } .productDetailsArea.OnlineAppPAH .step02Area .AMPromotion .AMPromotionRemark ul li { line-height: 1.5em; } .productDetailsArea.OnlineAppPAH .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent { list-style: none; padding: 0; margin: 0; } .productDetailsArea.OnlineAppPAH .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li { padding-left: 4px; } .productDetailsArea.OnlineAppPAH .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li:before { content: "-"; padding-right: 12px; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .fieldLabel {width:30%;float:left;font-size:1.25em; position:relative;top:15px;} .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .inputField {width:65%;float:right} .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .InsGender {width:65%;float:right; position:relative;top:18px} .productDetailsArea.OnlineAppPAH .step03Area .formCol .inputField.optCol { padding-top:13px;} form.SubmitPAH.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;} .productDetailsArea.OnlineAppPAH #Apply .k-radio-label { font-size:1.25em;} .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo hr {margin-top:20px;} .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .col {margin-right:20px;} .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoGroup .twoCol .question { width:70%; float:left; font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoGroup .twoCol .answer { width:25%; float:right; margin:10px 0; text-align:right;margin-right:10px; font-size:1.25em; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoGroup .twoCol .errorRow { float:left ; width:100%;} .productDetailsArea.OnlineAppPAH .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) {padding-left:0px;} .productDetailsArea.OnlineAppPAH .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em;font-weight:bold; text-decoration:underline;} .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em;font-weight:bold;} .productDetailsArea.OnlineAppPAH .tblCol td.desc { text-align:left;} .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .col .left { width:31%; display:inline-block;float:none;font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .col .right {width:45%; display:inline-block;float:none;font-size:1.25em; margin:10px 0;} .productDetailsArea.OnlineAppPAH .step03Area .otherInfoGroup .selectItem span.underline{font-size:1em;} .productDetailsArea.OnlineAppPAH .step03Area .otherInfoGroup .selectItem .Agreement td{ text-align:left; font-weight:normal; padding:5px 2px; line-height:20px;} .productDetailsArea .OnlineAppPAH .sobCol table td .divTit { float: left;width: 75%;padding-left: 10px;} .productDetailsArea .OnlineAppPAH .sobCol table td .divNum { float: left; } .productDetailsArea .OnlineAppPAH .sobCol .costTable .bigTit {background: #01baf2;font-size: 1.33333em;padding: 20px;color: #fff;width: 25%;text-align: left; } .productDetailsArea .OnlineAppPAH .sobCol .costTable .sTit { background: #01baf2;font-size: 1.33333em;padding: 10px;color: #fff;} .productDetailsArea .OnlineAppPAH .sobCol .costTable .mainTitle { background: #efeedc;padding: 10px;color: #000;text-align: left;font-weight: bold;} .productDetailsArea .OnlineAppPAH .sobCol .costTable .costTit {text-align: left;font-size: 1.16667em;vertical-align: middle;background: #fcffc8;padding: 10px;font-weight: bold;} .productDetailsArea .OnlineAppPAH .sobCol .sob1 td.subtitle , .productDetailsArea .OnlineAppPAH .sobCol .sob1 td.desc { text-align:center; } .productDetailsArea .OnlineAppPAH .sobCol .sob1 td.desc { padding:10px; text-align:left} .productDetailsArea .OnlineAppPAH .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px 0 10px 0;color: #000;text-align: center;} .productDetailsArea .OnlineAppPAH .sobCol .costTable td { border:1px solid #fff;} .productDetailsArea .OnlineAppPAH .sobCol .costTable .planName {background: #0192e3;font-size: 1.33333em;padding: 10px;color: #fff; text-align:center} .productDetailsArea .OnlineAppPAH .sobCol .producttablehead {background-color: #01baf2;color: #fff;font-weight: bold;font-size: 1.16667em;} .productDetailsArea .OnlineAppPAH .sobCol .producttablehead td { text-align:center;} .productDetailsArea .OnlineAppPAH .sobCol table.sob3 td { padding:10px; border:1px solid #fff;font-size:1.166667em;} .productDetailsArea .OnlineAppPAH .sobCol table.sob3 .sTit {background: #fcffc8; } .productDetailsArea .OnlineAppPAH .sobCol table.sob3 .cost {background: #f2f38b; } .productDetailsArea .OnlineAppPAH .sobCol .sob1 .sTit {text-align:center;} .productDetailsArea .OnlineAppPAH .sobCol .btnGroup{ text-align:right;} .productDetailsArea .OnlineAppPAH .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppPAH .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 2.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppPAH .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /** Currency **/ .productDetailsArea.Currency .innerArea .subTitle { float: left; width: 100%; font-size: 1.66em; color: #3a3a3a; font-weight: bold; padding-top: 0px !important;} .productDetailsArea.Currency .tabContentGroupArea .tabContent .details { font-size: 1.25em; line-height: 1.2; } .productDetailsArea.Currency .tabContentGroupArea .tabContent .details .currency_table { width: 70%; padding-bottom: 50px; } .productDetailsArea.Currency .tabContentGroupArea .tabContent .details .currency_table td:first-child { width: 10%; padding: 5px 0px; } .productDetailsArea.Currency .tabContentGroupArea .tabContent .details .currency_table td.table_header { font-weight: bold; border-bottom: 1px solid #e0e0e0; } .productDetailsArea.Currency .tabContentGroupArea .tabContent .remark { font-size: 1.16em; } /** eClaim **/ #main_content #noticeArea .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #main_content #noticeArea .btnCtaGroup .btnRequote a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #main_content #noticeArea .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #main_content #noticeArea .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #main_content #noticeArea .btnCtaGroup .btnSubmit a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #main_content #noticeArea .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #noticeCaptcha .btnCtaGroup .divCaptcha_btn {width:100%;text-align: center;margin-top:10px; } #noticeCaptcha .btnCtaGroup .btnRequoteCaptcha {display:inline-block; cursor:pointer; margin:10px 10px;} #noticeCaptcha .btnCtaGroup .btnRequoteCaptcha a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #noticeCaptcha .btnCtaGroup .btnRequoteCaptcha img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #noticeCaptcha .btnCtaGroup .btnSubmitCaptcha {display:inline-block; cursor:pointer; margin:10px 10px;} #noticeCaptcha .btnCtaGroup .btnSubmitCaptcha a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #noticeCaptcha .btnCtaGroup .btnSubmitCaptcha img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.eClaimTravel #UploadDoc td:nth-child(1) { vertical-align:top; } .productDetailsArea .eClaimApplyNowTab .statusFlowArea { margin-bottom:20px; } .productDetailsArea.eClaimTravel {padding-bottom:40px;} .productDetailsArea.eClaimTravel .step03Area .formCol .infoGroup {margin-bottom: 15px;} .productDetailsArea.eClaimTravel .step03Area .formCol .planDetail {font-size:1.3em; margin-bottom:0px;width: 100%;} .productDetailsArea.eClaimTravel .step03Area .col {margin-bottom:8px;line-height:normal;} .productDetailsArea.eClaimTravel .step03Area .BankTwoCol .col { float:left; width:65%; } .productDetailsArea.eClaimTravel .step03Area .BankFieldLabel {width:auto;float:left;font-size:1.25em; position:relative;top:7px;padding-left:4px;} /*.productDetailsArea.eClaimTravel .step03Area .BankFieldLabel label {padding-left:4px;}*/ .productDetailsArea.eClaimTravel .step03Area .formCol .BankInputField { float:right; width:80% !important; } #ClaimInfo .k-radio-label { font-size:1.25em;top:-6px;} #ClaimInfo h1 .k-radio-label { font-size:1em;top:-4px;} #ClaimInfo .claimcontact .k-radio-label { top:-9px;} #ClaimInfo .k-radio, input.k-checkbox { display:inline-block; } #ClaimInfo .tblCol td.desc { text-align:left;} #ClaimInfo .step03Area .formCol .InsuredInfo .fieldLabel {width:30%;float:left;font-size:1.25em; position:relative;top:3px; font-weight:400;} #ClaimInfo .step03Area .formCol .InsuredInfo .inputField {width:65%;float:right} #ClaimInfo .step03Area .formCol .InsuredInfo .InsGender {width:65%;float:right; position:relative;top:18px} #ClaimInfo .step03Area .formCol .inputField.optCol { padding-top:13px;} #ClaimInfo .step03Area .formCol .InsuredInfo hr {margin-top:20px;} #ClaimInfo .step03Area .formCol .InsuredInfo .col {margin-right:20px;width:45%;} #ClaimInfo .step03Area .formCol .InsuredInfo .inputRow .col {min-height:unset;} #ClaimInfo .step03Area .formCol .infoGroup .twoCol .question { width:70%; float:left; font-size:1.25em; margin:10px 0; } #ClaimInfo .step03Area .formCol .infoGroup .twoCol .answer { width:25%; float:right; margin:10px 0; text-align:right;margin-right:10px; font-size:1.25em; } #ClaimInfo .step03Area .formCol .infoGroup .twoCol .errorRow { float:left ; width:100%;} #ClaimInfo .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) {padding-left:0px;} #ClaimInfo .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em;font-weight:bold; text-decoration:underline;} #ClaimInfo .step03Area .AppForm .InsuredInfo .InsuredSEQ, #ClaimInfo .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em;font-weight:bold;} #ClaimInfo .step03Area .formCol .InsuredInfo .col .left { width:31%; display:inline-block;float:none;font-size:1.25em; margin:10px 0; } #ClaimInfo .step03Area .formCol .InsuredInfo .col .right {width:45%; display:inline-block;float:none;font-size:1.3em; margin:10px 0;} #ClaimInfo .step03Area .formCol .InsuredInfo .desktopVisible .inputField { padding: 0 7px; font-size:1.25em;} #ClaimInfo .step03Area .otherInfoGroup .selectItem span.underline{font-size:1em;} .eClaimTdMin { min-width:200px;max-width:300px;vertical-align:top;padding-right:10px; } .productDetailsArea.eClaimTravel .step03Area .ApplyControlRow > div > label { font-size:1.3em; color:#3a3a3a; } .productDetailsArea.eClaimTravel .step03Area .formCol .formInputGroup .claimItemInput {width:100%;float:left;} .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol #div_Area {padding-top:15px;} .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol #div_Area label {font-size:1.25em;} .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .Contact .inputField input { width:70%; float:right;margin-top:4px;} .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .Contact .inputField label {font-size:1.25em; position:relative;top:7px;width:30%;float:left;} .productDetailsArea.eClaimTravel .step03Area .formCol .eClaimDescription {font-size:1.24em; font-weight:400; padding: 8px 0px 10px ;} .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .AppForm .InsuredSEQ, .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .InsuredSEQ {padding-bottom: 10px;display:inline-block;margin-right:4px;} .productDetailsArea .step03Area .btnClaim a { border-radius: 8px; font-weight: bold; font-size: 1.2em;} .productDetailsArea .eClaimApplyNowTab .statusFlowArea .arrow-right { border-left-color:#efeeee} .productDetailsArea .eClaimApplyNowTab table .eClaimItem { width: 280px; float: left; font-size: 1.166667em; padding:5px;} .productDetailsArea .eClaimApplyNowTab table .eClaimDocument { width: 280px; float: left; padding-left:10px;} .productDetailsArea .eClaimApplyNowTab table .eClaimDoc { width: 95%; float: left; font-size: 1.166667em; padding:5px;} .productDetailsArea .eClaimApplyNowTab table .eClaimDocName { font-size: 1.166667em; padding:5px;} .productDetailsArea .step03Area .formCol img.eClaimInfoImg { width:22px;float: right; cursor: pointer;display:none;} .productDetailsArea .step03Area .formCol img.eClaimConfirmUploadPdf { width:40px;cursor: pointer;float:right;} .productDetailsArea .step03Area .formCol span.eClaimFileSize {float: right;font-size:0.9em;margin-top:5px;margin-right:5px;font-weight:bold;} .productDetailsArea .step03Area .formCol span.eClaimInfoSize {font-weight:bold;} .productDetailsArea.eClaimTravel .step03Area .formCol h1 {font-size: 1.66667em;color:#3a3a3a;margin-bottom:12px;font-weight:bold;} .productDetailsArea .step03Area .claimInfo .formInputGroup .fieldLabel { float:left; width:24%; font-size: 1.25em; font-weight:normal; padding-top:4px; line-height:normal; padding-right:2%;} .productDetailsArea .step03Area .claimInfo .twoCol .col { float:left; width:36%; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .InsuredSEQ { padding-top:8px;padding-bottom:6px; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.4em;font-weight:bold;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .formInputGroup .bankcol { padding: 6px 10px 0px 0px;font-size: 1.3em;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .formInputGroup .col { padding: 6px 10px 2px 0px;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .formInputGroup .col label {font-size: 1.3em;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .col{ width:45%;font-size:1em; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .col .left { width:30%; display:inline-block;float:none;font-size:1.2em;font-weight:normal;padding-right:20px; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .col .right {width:65%; display:inline-block;float:none;font-size:1.3em;vertical-align:top;padding-top:1px;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .formInputGroup .eClaimSubItem .col label {font-size: 1em;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol #InsuredDetail .col .tooltip { font-weight: 500;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .fieldLabel {width:25%;line-height:normal;padding-top:5px;font-size: 1.2em;} .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol table td {line-height:normal;} .productDetailsArea.eClaimTravel #Confirm .step03Area .BankFieldLabel {padding-left:0px;} .eClaimTravel .inputField {padding:4px;} .productDetailsArea.eClaimTravel .innerArea .lCol { width:95% } .productDetailsArea.eClaimTravel.formCol .InsuredInfo .insuredRow.desktopVisible {margin-top:30px;margin-bottom:0px;} .productDetailsArea.eClaimTravel.k-dropzone em { visibility: visible; } .infoGroup.claiminfo a { color:#00baf2;cursor:pointer;text-decoration:underline;font-size:small; } #ClaimInfo .bankacc input[type='number'] { -moz-appearance:textfield; } #ClaimInfo .bankacc input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /** OnlineClaim Pet & Maid **/ .productDetailsArea .claimInfo.AppForm .k-widget:not(.k-dropdown) { font-size: 1em; } .eClaimGI #div_Area .Agreement td:first-child { width: 18px; min-width: 18px; line-height: 1em; padding-top: 0px; font-size: 1em; padding-right: 0px; } .eClaimGI #div_Area .Agreement td:first-child input { width: auto; } .eClaimGI #div_Area .Agreement td:first-child + td { line-height: 1em; font-size: 1.25em; padding-left: 0px; } .productDetailsArea .step03Area .GIClaim .AppForm .planDetail .FirstRow:first-child .selectItem { margin-top: 0px; } .productDetailsArea .step03Area .GIClaim .AppForm .inlineBlock .selectItem { margin-top: 0px; } .GIClaim .StandardRemarks { margin-left: 10px; margin-right: 10px; } .GIClaim #DivLocationOfIncident { /*font-size: 1.166667em;*/ overflow: hidden; } .GIClaim #tbBenefit td.costTit { padding: 0px; } .productDetailsArea.eClaimTravel .step03Area .GIClaim .BankFieldLabel { padding-left: 0px; } .productDetailsArea .step03Area .AppForm.GIClaim .planDetail h2 { width:29%; padding-right: 20px; } .productDetailsArea .step03Area .AppForm.GIClaim .planDetail tr td:nth-child(1) { width:29%; } .productDetailsArea .step03Area .AppForm.GIClaim .planDetail tr td:nth-child(2) { padding-left: 20px;} .productDetailsArea .step03Area .AppForm.GIClaim .planDetail #Outpatient tr td:nth-child(1) { width: 23px; min-width: 0; } .productDetailsArea .step03Area .AppForm.GIClaim .planDetail #Outpatient tr td:nth-child(2) { padding-left: 0px; } .productDetailsArea .eClaimApplyNowTab .GIClaim table .eClaimItem { font-size: 1em;} .productDetailsArea .eClaimApplyNowTab .GIClaim table .eClaimItem label:not(:first-child){ margin-left: 0px; } .productDetailsArea .eClaimApplyNowTab .GIClaim table .eClaimDocName { font-size: 1em; } .productDetailsArea .step03Area .GIClaim .AppForm .planDetail.planDetail-claimType { margin: 15px 0px 15px 10px; } .productDetailsArea .step03Area .AppForm.GIClaim .HelperProperty.planDetail h2 { font-weight: normal; } .productDetailsArea .step03Area .AppForm.GIClaim .HelperProperty.planDetail tr td:first-child { font-weight: normal; } .productDetailsArea .step03Area .AppForm .InsuredInfo.HelperProperty label { font-size: 1em; line-height: 1em; } .productDetailsArea .step03Area .AppForm.GIClaim .InsuredInfo .InsuredSEQ { font-size: 1.3em; font-weight: bold; } .GIClaim #DocDesktop { width: calc(100% - 20px); margin: 15px 0px 15px 10px; font-size: 1.3em; } .GIClaim #DocMobile { width: calc(100% - 20px); margin: 15px 0px 15px 10px; font-size: 1.3em; } .productDetailsArea.eClaimGI .eClaimApplyNowTab .statusFlowArea { margin-bottom:10px; } /*.productDetailsArea .step03Area .AppForm.GIClaim.GIClaim-SubmissionPage .planDetail h2 { width:20%; padding-right: 0px; }*/ /*.contactInfo-wrapper { font-size: 1.166667em; }*/ .productDetailsArea .step03Area .AppForm .planDetail.planDetail-paymentMethod-confirm .ApplyControlRow.details .ApplyControl > label{ top: 0px; } .productDetailsArea .step03Area .AppForm .planDetail.planDetail-paymentMethod-confirm .ApplyControlRow.details .ApplyControl > div:not(#div_Area){ font-size: 1.25em; } .productDetailsArea .step03Area .AppForm img.eClaimConfirmUploadPdf { width: 40px; cursor: pointer; float: right; } .productDetailsArea .step03Area .AppForm .planDetail.planDetail-supportDoc tr td:nth-child(1) { width: auto; padding-right: 10px; min-width: 0; vertical-align:top; } @media screen and (max-width: 1199px){ .productDetailsArea .step03Area .GIClaim .AppForm .planDetail .FirstRow:first-child .selectItem { margin-top: 0px; } .productDetailsArea .step03Area .AppForm { float: none; width: 96%; margin: 0px auto; } } /** Questionnaire **/ #QuestionnaireWrapper { width: 1000px; margin: 0 auto; } #QuestionnaireWrapper #top { position: relative; height: 50px; } #QuestionnaireWrapper #logo_bc { position: absolute; left: 0px; top: 0px; } #QuestionnaireWrapper #logo_bc img { border: none; } #QuestionnaireWrapper .contentCol table th { padding: 10px; line-height: 1.2; vertical-align: middle; font-size: 1.5em; height: 20px; font-weight:bold; } #QuestionnaireWrapper .contentCol table td { font-size: 1.3em; padding: 10px 0; line-height: 1.2; vertical-align: top; } #QuestionnaireWrapper .contentCol table.subTable td { font-size: 1em; } #QuestionnaireWrapper .contentCol table td:nth-child(1) {width:30px;} #QuestionnaireWrapper .contentCol table.subTable td:nth-child(1) {width:0px;} #QuestionnaireWrapper .contentCol table td:nth-child(3) {width:30px;} #QuestionnaireWrapper .contentCol table td .selectItem { display: inline-block; padding-right: 30px; } #QuestionnaireWrapper .contentCol table td .otherItem { padding-top: 10px; } #QuestionnaireWrapper .contentCol table td .imgItem { width: 800px; } #QuestionnaireWrapper .contentCol table td img.desktopImg { display:block; } #QuestionnaireWrapper .contentCol table td img.mobileImg { display:none; } #QuestionnaireWrapper .contentCol table td .rating { text-align: center; padding: 5px 0px 0px 10px; } #QuestionnaireWrapper .contentCol table td .rating .k-radio-label{ left:4px; } #QuestionnaireWrapper .contentCol table td .improveItem{ padding: 0px 0px 50px 0px; } #QuestionnaireWrapper .btnGroup {text-align:center;} #QuestionnaireWrapper .btnApplyNow { display:inline-block; padding: 5px; cursor:pointer; } #QuestionnaireWrapper .btnApplyNow a { display: inline-block; background: #fcb040; color: #fff; padding: 5px 10px; line-height: 1.2; text-align: left; border-radius: 3px; overflow: hidden; text-align: center; font-size: 16px; } #QuestionnaireWrapper .btnApplyNow img { position: relative; margin-left: 5px; top: 2px; width: 16px; height: auto; } #QuestionnaireWrapper .btnblue a { background: #79c2ff; } #QuestionnaireSuccess .EmailInput { display:inline-block; padding: 5px 10px;float:left; } #QuestionnaireSuccess .EmailInput .k-textbox{ width:100%; } #QuestionnaireSuccess .EmailLabel { width:30%; padding-top: 12px;} #QuestionnaireSuccess .EmailTextBox { width:60%;text-align:left; } /* PetCare */ form.SubmitPET.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;} form.SubmitPET.formCol ol li {list-style:decimal; margin: 6px 0 6px 1.5em;padding: 0;} .PET_RadioBtn { line-height:1.5; } .PET_RadioBtnLabel {font-size:1.25em; margin-left: 5px;margin-right: 5px; } .PET_field {width:100%;font-size:125%} .PET_SubTitle {width:100%;font-size:125%;font-weight:bold} .PETApp-disabled{color: lightgray !important;} .OnlineAppPET #Quote .price .k-radio-label{top: 1px;} /*.OnlineAppPET .applyNowTab .k-i-calendar, .k-i-arrow-s {margin-top: 6px;}*/ .productDetailsArea.OnlineAppPET .step01Area .col01 .k-radio-label, .productDetailsArea.OnlineAppPET .step01Area .col02 .k-radio-label {font-size:1.25em;} .productDetailsArea.OnlineAppPET .step01Area .formCol .col01, .productDetailsArea.OnlineAppPET .step01Area .formCol .col02 {height:520px !important; width:45%;padding-top:10px} .productDetailsArea.OnlineAppPET .step01Area .formCol .col02 { border-right:none;} .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet { border-bottom: 1px solid #e0e0e0; margin-bottom:25px;} .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .Col { width:100%; margin:15px 5px;} .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .question { font-size: 1.25em; width:85%;display:inline-block; } .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .question td{ vertical-align:top;} .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .answer {font-size: 1.25em; width:15%;display:inline-block;} .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .answer .k-radio-label { margin:5px;} .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .errorRow {font-size:1.25em;margin-left: 10px;} .productDetailsArea.OnlineAppPET .step01Area .formCol .noticeArea { line-height: 1.5;color: #3a3a3a;font-size: 1.16667em;border-bottom: 1px solid #e0e0e0;padding: 10px;} .productDetailsArea.OnlineAppPET .step02Area .tblCol td .radioPremiumAlign{ vertical-align: middle; } .productDetailsArea.OnlineAppPET .step02Area .tblCol .Desc {padding:10px 0; text-align:left;} .productDetailsArea.OnlineAppPET .step02Area table.NoBorder { border: none;} .productDetailsArea.OnlineAppPET .step02Area table.NoBorder td { border: none; text-align:left;} .productDetailsArea.OnlineAppPET #Quote .step02Area .tblCol .accept { padding-bottom:10px; } .productDetailsArea.OnlineAppPET #Quote .step02Area .tblCol .accept input { margin-right:5px;} .productDetailsArea.OnlineAppPET #Quote .step02Area .tblCol .Accept { text-align:right;} .productDetailsArea.OnlineAppPET .applyNowTab .step02Area p {font-size: inherit;color: #3a3a3a;} .productDetailsArea.OnlineAppPET .step03Area .otherInfoGroup .selectItem .Agreement td{ text-align:left; font-weight:normal; padding:5px 2px; line-height:20px;} .productDetailsArea.OnlineAppPET .step03Area fieldset.radio .k-radio-label {font-size:1.25em;} .productDetailsArea.OnlineAppPET .step03Area .formCol .infoGroup .twoCol .question { width:90%; float:left; font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppPET .step03Area .formCol .infoGroup .twoCol .answer { width:5%; float:right; margin:10px 0; text-align:right;margin-right:10px; font-size:1.25em; } .productDetailsArea.OnlineAppPET .step03Area .formCol .infoGroup .twoCol .errorRow { float:left ; width:100%;} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .fieldLabel {width:40%;float:left;font-size:1.25em; position:relative;top:15px;height:43px;} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .inputField {width:56%;float:right} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .inputField.floatLeft {float:left} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .InsRadio {width:56%;float:right; position:relative;top:18px} .productDetailsArea.OnlineAppPET .step03Area .formCol .inputField.optCol { padding-top:13px;} .productDetailsArea.OnlineAppPET #Apply .k-radio-label { font-size:1.25em;} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo hr {margin-top:20px;} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col {margin-right:20px; width:48% !important;} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col.InsDistrict {width:60% !important; padding-left:20%;} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col.InsMicrochipNo {width:95% !important;} .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col.InsMicrochipNo .fieldLabel {width:21% } .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col.InsMicrochipNo {width:95%} .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col.InsMicrochipNo .left {width:21%;vertical-align:top; } .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col.InsMicrochipNo .right {width:auto; } .productDetailsArea .OnlineAppPET .featureCol p { margin-bottom:5px; background-size:5px auto; padding:5px 0px 5px 5px; font-size:1.25em; line-height:1.2; color:#3a3a3a; } .productDetailsArea .OnlineAppPET .benefitScheduleTab .costSub.alignLeft { text-align:left; } .productDetailsArea .OnlineAppPET .benefitScheduleTab td.col01 {width: 28%;} .productDetailsArea .OnlineAppPET .benefitScheduleTab td.col02, .productDetailsArea .OnlineAppPET .benefitScheduleTab td.col03, .productDetailsArea .OnlineAppPET .benefitScheduleTab td.col04 {width: 24%;} .productDetailsArea .OnlineAppPET .benefitScheduleTab td.costSub ul { padding-left: 25%;text-align:left; } .productDetailsArea .OnlineAppPET .sobCol .subject { font-size: 1.3333em; } .productDetailsArea .OnlineAppPET .sobCol .desc { font-size:1.16667em; } .productDetailsArea .OnlineAppPET .sobCol .sob2 table.descTable {margin-bottom:15px;} .productDetailsArea .OnlineAppPET .sobCol .sob2 table.descTable td { border: 1px solid #fff ; padding:5px; text-align:left;} .productDetailsArea .OnlineAppPET .sobCol .sob2 table.descTable tr:nth-child(2n+1) { background-color: #ddd} .productDetailsArea .OnlineAppPET .sobCol .sob2 table.descTable tr:nth-child(1) { background-color: #01baf2;color: #fff;text-align:left;} .productDetailsArea .OnlineAppPET .sobCol .costTable td .divNum { float:left; } .productDetailsArea .OnlineAppPET .sobCol .costTable td .divTit { float:left; width:75%; padding-left:10px; } .productDetailsArea .OnlineAppPET .sobCol .costTable sup { vertical-align: baseline;position: relative;top: -0.3em; } .productDetailsArea .OnlineAppPET .sobCol .btnGroup{ text-align:right;} .productDetailsArea .OnlineAppPET .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppPET .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 2.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppPET .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppPET .sob1 .remarksArea { border-bottom: 0px; } /* End of PetCare */ /* LovePet */ .PCP_RadioBtn { line-height:1.5; } .PCP_RadioBtnLabel {font-size:1.25em; margin-left: 5px;margin-right: 5px; } .PCP_field {width:100%;font-size:125%} .PCP_SubTitle {width:100%;font-size:125%;font-weight:bold} .PCPApp-disabled{color: lightgray !important;} .OnlineAppPCP #Quote .price .k-radio-label{top: 1px;} .productDetailsArea .OnlineAppPCP .featureCol h1 .productDetailsArea .OnlineAppPCP .featureCol p { font-size:1.25em; line-height:1.2 } .productDetailsArea .OnlineAppPCP .featureCol table.infoTable { font-size:1.25em; text-align:center; width:100% ; border-collapse: collapse; border: 1px solid #c0c0c0 ; border-left: none;border-right: none;} .productDetailsArea .OnlineAppPCP .featureCol table.infoTable td { padding:5px; border-collapse: collapse; border: 1px solid #c0c0c0 ; line-height:1.2 } .productDetailsArea .OnlineAppPCP .featureCol table.infoTable td:nth-child(1) { border-left : none; font-weight:bold } .productDetailsArea .OnlineAppPCP .featureCol table.infoTable td:last-child { border-right : none; } .productDetailsArea .OnlineAppPCP .featureCol table.infoTable ul li { font-size:100%; color : #000000 ;margin-bottom : 0px;} .productDetailsArea .OnlineAppPCP .featureCol table.infoTable ul { margin-bottom: 0px; list-style-type: none} .productDetailsArea .OnlineAppPCP .sobCol .divNum , .productDetailsArea .OnlineAppPCP .benefitScheduleTab .divTit { display: inline-block;} .productDetailsArea .OnlineAppPCP .featureCol table.footNote { margin-bottom: 0px; margin-top: 8px;} .productDetailsArea .OnlineAppPCP .featureCol table.footNote td { font-size:1.1em ; line-height:1.2 } .productDetailsArea .OnlineAppPCP .featureCol .importantNote { margin-bottom:30px;} .productDetailsArea .OnlineAppPCP .remarksArea {margin-top:30px;} .productDetailsArea .OnlineAppPCP .sob1 .remarksArea {padding-bottom: 0px; margin-bottom:0px; border-bottom:0px; margin-top:8px;} .productDetailsArea .OnlineAppPCP .sob1 , .productDetailsArea .OnlineAppPCP .sob2 {margin-bottom:10px;} .productDetailsArea .OnlineAppPCP .sobCol.benefitScheduleTab .costTable .cost {background : none;} .productDetailsArea .OnlineAppPCP .sobCol.benefitScheduleTab .costTable .costSub {background : none;} .productDetailsArea .OnlineAppPCP .sobCol table.costTable tr:nth-child(odd) { background:#efefef} .productDetailsArea .OnlineAppPCP .sobCol table.costTable tr:nth-child(even) { background:none} .productDetailsArea .OnlineAppPCP .sobCol table.costTable tr.gray { background:#efefef} .productDetailsArea .OnlineAppPCP .sobCol table.costTable tr.light-gray { background:none} .productDetailsArea .OnlineAppPCP .sobCol td.col01 {width :30%} .productDetailsArea .OnlineAppPCP .sobCol td b {font-weight:bold;} .productDetailsArea .OnlineAppPCP .sobCol td.col03 {width: auto;} .productDetailsArea .OnlineAppPCP .sobCol.benefitScheduleTab .costTable td.main { background: #f2f38b; } .productDetailsArea .OnlineAppPCP .sobCol.benefitScheduleTab .costTable td.sub { background: #fcffc8; } .productDetailsArea .OnlineAppPCP .sobCol table.costTable .sTit { background: #01baf2; font-size: 1.33em; padding: 10px; color: #fff; text-align:center; } .productDetailsArea .OnlineAppPCP .sobCol table.costTable ol[type='a'] { list-style:lower-alpha; } .productDetailsArea .OnlineAppPCP .sobCol table.costTable td { position: relative; line-height: 1.2; vertical-align: middle; border: 1px solid #fff; text-align: left; } .productDetailsArea .OnlineAppPCP .sobCol table.costTable td.cost {background:none;} .productDetailsArea .OnlineAppPCP .sobCol table.costTable td.center { text-align: center; } .productDetailsArea .OnlineAppPCP .sobCol table.descTable { font-size:1.25em; text-align:center; width:100% ; border-collapse: collapse; border: 1px solid black;} .productDetailsArea .OnlineAppPCP .sobCol table.descTable td { padding:5px; border-collapse: collapse; border: 1px solid black; } .productDetailsArea .OnlineAppPCP .sobCol p { font-size:1.25em; } .productDetailsArea .OnlineAppPCP .sobCol .btnGroup{ text-align:right;} .productDetailsArea .OnlineAppPCP .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppPCP .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 2.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppPCP .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.OnlineAppPCP .step02Area .tblCol .Desc { padding: 10px; text-align: left;} .productDetailsArea.OnlineAppPCP .step02Area .tblCol ul { list-style: unset;padding-left: 20px;} .productDetailsArea.OnlineAppPCP .step02Area .tblCol ol { list-style: lower-alpha;padding-left: 20px;} .productDetailsArea.OnlineAppPCP .step03Area .otherInfoGroup .selectItem span { font-size:1em;vertical-align:top;} .productDetailsArea.OnlineAppPCP .col03 div#DatePickerYM { font-size:1.25em;} /* End of LovePet */ /* GolferSafe */ .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet { border-bottom: 1px solid #e0e0e0; margin-bottom:25px;} .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .Col { width:100%; margin:15px 5px;} .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .question { font-size: 1.25em; width:85%;display:inline-block; } .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .question td{ vertical-align:top;} .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .answer {font-size: 1.25em; width:15%;display:inline-block;} .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .answer .k-radio-label { margin:5px;} .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .errorRow {font-size:1.25em;margin-left: 10px;} .productDetailsArea.OnlineAppGSI .step01Area .formCol .col01 { height:300px;width:100%; border-right:none; } .productDetailsArea.OnlineAppGSI .step01Area .formCol .selectItem{ height:auto;min-height:30px; } .productDetailsArea.OnlineAppGSI .step01Area .formCol .formGroup #InsuredPanel { padding-left:20px; } .productDetailsArea.OnlineAppGSI .step01Area .formCol .col01 .k-radio-label {font-size:1.25em;} .GSI_RadioBtn { line-height:1.5; } .GSI_Child_SubTitle { font-size: 1.25em;padding:10px 0px } .GSI_Child { font-size: 1.25em;padding:5px 0px } .GSIApp-disabled{color: lightgray !important;} .productDetailsArea.OnlineAppGSI #Quote .step02Area .tblCol .accept { padding-bottom:10px; } .productDetailsArea.OnlineAppGSI #Quote .step02Area .tblCol .accept input { margin-right:5px;} .productDetailsArea.OnlineAppGSI #Quote .step02Area .tblCol .Accept { text-align:right;} .productDetailsArea.OnlineAppGSI .step02Area .AMPromotion { width: 98%; } .productDetailsArea.OnlineAppGSI .step02Area .AMPromotion .AMPromotionRemark ul { padding-left: 20px; } .productDetailsArea.OnlineAppGSI .step02Area .AMPromotion .AMPromotionRemark ul li { line-height: 1.5em; } .productDetailsArea.OnlineAppGSI .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent { list-style: none; padding: 0; margin: 0; } .productDetailsArea.OnlineAppGSI .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li { padding-left: 4px; } .productDetailsArea.OnlineAppGSI .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li:before { content: "-"; padding-right: 12px; } .productDetailsArea.OnlineAppGSI .step02Area .tblCol .Desc {padding:10px 0; text-align:left;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .fieldLabel {width:30%;float:left;font-size:1.25em; position:relative;top:15px;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .inputField {width:65%;float:right} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .InsGender {width:65%;float:right; position:relative;top:18px} .productDetailsArea.OnlineAppGSI .step03Area .formCol .inputField.optCol { padding-top:13px;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .self {height: 43px;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .self .col .fieldVal {float:right; width:66%} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .FamilyDesc { padding: 5px 0px 20px 0px; font-size: 1.25em;} form.SubmitGSI.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;} .productDetailsArea.OnlineAppGSI #Apply .k-radio-label { font-size:1.25em;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo hr {margin-top:20px;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .col {margin-right:20px;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoGroup .twoCol .question { width:70%; float:left; font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoGroup .twoCol .answer { width:25%; float:right; margin:10px 0; text-align:right;margin-right:10px; font-size:1.25em; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoGroup .twoCol .errorRow { float:left ; width:100%;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) {padding-left:0px;} .productDetailsArea.OnlineAppGSI .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em;font-weight:bold; text-decoration:underline;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em;font-weight:bold;} .productDetailsArea.OnlineAppGSI .tblCol td.desc { text-align:left;} .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .col .left { width:31%; display:inline-block;float:none;font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .col .right {width:45%; display:inline-block;float:none;font-size:1.25em; margin:10px 0;} .productDetailsArea.OnlineAppGSI .step03Area .otherInfoGroup .selectItem span.underline{font-size:1em;} .productDetailsArea.OnlineAppGSI .step03Area .otherInfoGroup .selectItem .Agreement td{ text-align:left; font-weight:normal; padding:5px 2px; line-height:20px;} .productDetailsArea .OnlineAppGSI .featureCol p { margin-bottom:5px; background-size:5px auto; padding:5px 0px 5px 5px; font-size:1.25em; line-height:1.2; color:#3a3a3a; } .productDetailsArea .OnlineAppGSI .sobCol .costTable .bigTit {background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 30%;text-align: left; } .productDetailsArea .OnlineAppGSI .sobCol .costTable .costTit {text-align: left;vertical-align: middle;background: #fcffc8;padding: 10px;} .productDetailsArea .OnlineAppGSI .sobCol .btnGroup{ text-align:right;} .productDetailsArea .OnlineAppGSI .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppGSI .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 2.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppGSI .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /* Taipan GolferSafe */ .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet { border-bottom: 1px solid #e0e0e0; margin-bottom:25px;} .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .Col { width:100%; margin:15px 5px;} .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .question { font-size: 1.25em; width:85%;display:inline-block; } .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .question td{ vertical-align:top;} .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .answer {font-size: 1.25em; width:15%;display:inline-block;} .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .answer .k-radio-label { margin:5px;} .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .errorRow {font-size:1.25em;margin-left: 10px;} .productDetailsArea.OnlineAppGTP .step01Area .formCol .col01 { height:300px;width:100%; border-right:none; } .productDetailsArea.OnlineAppGTP .step01Area .formCol .selectItem{ height:auto;min-height:30px; } .productDetailsArea.OnlineAppGTP .step01Area .formCol .formGroup #InsuredPanel { padding-left:20px; } .productDetailsArea.OnlineAppGTP .step01Area .formCol .col01 .k-radio-label {font-size:1.25em;} .GTP_RadioBtn { line-height:1.5; } .GTP_Child_SubTitle { font-size: 1.25em;padding:10px 0px } .GTP_Child { font-size: 1.25em;padding:5px 0px } .GTPApp-disabled{color: lightgray !important;} .productDetailsArea.OnlineAppGTP #Quote .step02Area .tblCol .accept { padding-bottom:10px; } .productDetailsArea.OnlineAppGTP #Quote .step02Area .tblCol .accept input { margin-right:5px;} .productDetailsArea.OnlineAppGTP #Quote .step02Area .tblCol .Accept { text-align:right;} .productDetailsArea.OnlineAppGTP .step02Area .AMPromotion { width: 98%; } .productDetailsArea.OnlineAppGTP .step02Area .AMPromotion .AMPromotionRemark ul { padding-left: 20px; } .productDetailsArea.OnlineAppGTP .step02Area .AMPromotion .AMPromotionRemark ul li { line-height: 1.5em; } .productDetailsArea.OnlineAppGTP .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent { list-style: none; padding: 0; margin: 0; } .productDetailsArea.OnlineAppGTP .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li { padding-left: 4px; } .productDetailsArea.OnlineAppGTP .step02Area .AMPromotion .AMPromotionRemark .ulCustomContent li:before { content: "-"; padding-right: 12px; } .productDetailsArea.OnlineAppGTP .step02Area .tblCol .Desc {padding:10px 0; text-align:left;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .fieldLabel {width:30%;float:left;font-size:1.25em; position:relative;top:15px;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .inputField {width:65%;float:right} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .InsGender {width:65%;float:right; position:relative;top:18px} .productDetailsArea.OnlineAppGTP .step03Area .formCol .inputField.optCol { padding-top:13px;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .self {height: 43px;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .self .col .fieldVal {float:right; width:66%} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .FamilyDesc { padding: 5px 0px 20px 0px; font-size: 1.25em;} form.SubmitGTP.formCol H1 { background-color: #e0e0e0; padding: 8px 10px;} .productDetailsArea.OnlineAppGTP #Apply .k-radio-label { font-size:1.25em;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo hr {margin-top:20px;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .col {margin-right:20px;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoGroup .twoCol .question { width:70%; float:left; font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoGroup .twoCol .answer { width:25%; float:right; margin:10px 0; text-align:right;margin-right:10px; font-size:1.25em; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoGroup .twoCol .errorRow { float:left ; width:100%;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) {padding-left:0px;} .productDetailsArea.OnlineAppGTP .step03Area .formCol #InsuredDetail .InsuredSEQ { font-size:1.3em;font-weight:bold; text-decoration:underline;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .InsuredSEQ { font-size:1.3em;font-weight:bold;} .productDetailsArea.OnlineAppGTP .tblCol td.desc { text-align:left;} .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol #InsuredDetail .col label {font-size:1em;} .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol #InsuredDetail .col{ width:45%;font-size:1em;} .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol #InsuredDetail .col .left { width:45%; display:inline-block;float:none;font-size:1.25em; } .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol #InsuredDetail .col .right {width:45%; display:inline-block;float:none;font-size:1.25em;} .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .col .left { width:31%; display:inline-block;float:none;font-size:1.25em; margin:10px 0; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .col .right {width:45%; display:inline-block;float:none;font-size:1.25em; margin:10px 0;} .productDetailsArea.OnlineAppGTP .step03Area .otherInfoGroup .selectItem span.underline{font-size:1em;} .productDetailsArea.OnlineAppGTP .step03Area .otherInfoGroup .selectItem .Agreement td{ text-align:left; font-weight:normal; padding:5px 2px; line-height:20px;} .productDetailsArea .OnlineAppGTP .featureCol p { margin-bottom:5px; background-size:5px auto; padding:5px 0px 5px 5px; font-size:1.25em; line-height:1.2; color:#3a3a3a; } .productDetailsArea .OnlineAppGTP .featureCol p.MarginBottom { margin-bottom: 30px;} .productDetailsArea .OnlineAppGTP .sobCol table td .divTit { float: left;width: 75%;padding-left: 10px;} .productDetailsArea .OnlineAppGTP .sobCol table td .divNum { float: left; } .productDetailsArea .OnlineAppGTP .sobCol .costTable .bigTit {background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 30%;text-align: left; } .productDetailsArea .OnlineAppGTP .sobCol .costTable .costTit {text-align: left;vertical-align: middle;background: #fcffc8;padding: 10px;} .productDetailsArea .OnlineAppGTP .sobCol .btnGroup{ text-align:right;} .productDetailsArea .OnlineAppGTP .sobCol .btnQuote {display:inline-block; } .productDetailsArea .OnlineAppGTP .sobCol .btnQuote a {cursor: pointer;background: #fcb040;color: #fff;font-size: 1.3em;padding: 5px 10px;border-radius: 3px;line-height: 2.2;text-align: left; margin: 0 5px; } .productDetailsArea .OnlineAppGTP .sobCol .btnQuote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .OnlineAppGTP .benefitScheduleTab .remarksArea.noBorder { border-bottom: 0px; } .productDetailsArea .OnlineAppGTP .benefitScheduleTab .remarksArea.noBorder td { vertical-align:top; min-width:20px;} /* About Blue Cross & Fencing */ .productDetailsArea .AboutBlueCross{ color:#3a3a3a; } .productDetailsArea .AboutBlueCross .textJustify { text-align:justify;text-justify: distribute; } .productDetailsArea .AboutBlueCross .btnCtaGroup .div_btn {width:100%;text-align: right;margin-top:20px;font-size:1.3em } .productDetailsArea .AboutBlueCross .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 0px;} .productDetailsArea .AboutBlueCross .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} .productDetailsArea .AboutBlueCross .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .AboutBlueCross .ItemTitle { font-size: 2.08333em; text-align:left;cursor:pointer;} .productDetailsArea .AboutBlueCross .ItemDetail { font-size: 1.3em;overflow:hidden;padding-top:15px; } .productDetailsArea .AboutBlueCross .desc { padding-top:10px;height: 80px; } .productDetailsArea .AboutBlueCross .moreInfo { text-align:right;padding: 10px 0 25px 0; } .productDetailsArea .AboutBlueCross .preview { cursor: pointer; } .productDetailsArea .AboutBlueCross .awardsItem{ width: 214px; height:214px; display:inline-block; vertical-align:top; text-align:center; margin: 0px 10px 20px 10px; border: 1px solid lightgray; background-color:white; position: relative } .productDetailsArea .AboutBlueCross .AwardsImgTbDiv{ display: table; height:100%; width: 100%; text-align: center; top: 0; position: absolute; bottom: 0; } .productDetailsArea .AboutBlueCross .AwardsImgTbCellDiv{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 0px 10px; } .productDetailsArea .AboutBlueCross .AwardsImg{ max-width: 194px; max-height: 140px; } .productDetailsArea .AboutBlueCross .awardsItem .awardsItemDetail:hover { cursor: pointer; opacity: 1; } .productDetailsArea .AboutBlueCross .awardsItem .awardsItemDetail{ width: 214px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: rgba(0,57,139,.8); position:absolute; opacity: 0; filter: alpha(opacity=0); height: 214px; top: 0; padding: 0; color:white; } .productDetailsArea .AboutBlueCross .awardsItem .table{ display: table; margin-bottom: 0; max-width: 100%; text-align: center; } .productDetailsArea .AboutBlueCross .awardsItem .table .table-cell{ display: table-cell; vertical-align: middle; overflow: hidden; padding: 0px 10px; } .productDetailsArea .Fencing{ color:#3a3a3a; } .productDetailsArea .Fencing .btnCtaGroup .div_btn {width:100%;text-align: right;margin-top:20px;font-size:1.3em } .productDetailsArea .Fencing .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 0px;} .productDetailsArea .Fencing .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} .productDetailsArea .Fencing .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .Fencing .textJustify { text-align:justify;text-justify: distribute; } .productDetailsArea .Fencing .ItemTitle { font-size: 2.08333em; } .productDetailsArea .Fencing .ItemDetail { font-size: 1.3em;overflow:hidden;padding-top:15px; } .productDetailsArea .Fencing .desc { padding-top:10px;height: 100px; } .productDetailsArea .Fencing .CompanyNewsSmallSubItem .desc { min-height: 65px;height: 80px; } .productDetailsArea .Fencing .moreInfo { text-align:right;padding: 10px 0 25px 0; } .productDetailsArea .Fencing .preview { cursor: pointer; } .productDetailsArea .ico_video { font-size: 1.16667em; background: url(/images/old_product/en/common/ico_video.jpg) left 1px no-repeat; padding-left: 25px; margin-top: 5px; text-align: left; width: 245px; } .productDetailsArea .NewsRoom{ width: 48%; display:inline-block;padding:0px 10px 20px 10px;vertical-align:top;border-right: 1px dotted lightgray;min-height: 90px; } .productDetailsArea .Fencing .NewsRoom{ min-height: 40px; } .productDetailsArea .NewsRoom b{ font-weight: 500; } .productDetailsArea .NewsRoom .NewsRoomImgDiv{ width:25%;display:inline-block;padding-right:20px;display:none; } .productDetailsArea .NewsRoom .NewsRoomImgDiv .NewsRoomImg{ width:144px;height:144px;display:inline-block; } .productDetailsArea .NewsRoomImg{ width:25%;display:inline-block;padding-right:20px; } .productDetailsArea .NewsRoomContent{ display:inline-block;vertical-align: top;width:100%; } .productDetailsArea .InTheNews.InTheNewsTitle{ font-size:1.3em; text-align:left } .productDetailsArea .InTheNews.InTheNewsContent { padding-top:15px; width:100% } .productDetailsArea .InTheNews.InTheNewsContent td { background: #efefef; font-size:1.16667em; padding:10px; color:#000 } .productDetailsArea .InTheNews.InTheNewsContent tr.head td { background:#01baf2; font-size:1.3333em; color:#fff } .productDetailsArea .InTheNews.InTheNewsContent tr.head td:nth-child(1) { width:120px } .productDetailsArea .InTheNews.InTheNewsContent tr.even td { background:#e9e9e9 } .productDetailsArea .CompanyNewsLargeItem{ width:45%;padding:0 3% 3% 0;display:inline-block;vertical-align: top; } .productDetailsArea .CompanyNewsSmallItem{ width: 23%;padding:0 0 0 2%;display:inline-block;vertical-align: top; } .productDetailsArea .CompanyNewsSmallSubItem{ padding-bottom:20px; } .productDetailsArea .CompanyNewsImgDivTable { display: table;width: 100%;text-align: center; } .productDetailsArea .CompanyNewsImgDivCell { display: table-cell;vertical-align: top;height: 170px; } .productDetailsArea .CompanyNewsImg { max-width:100%;max-height:100%;width: 100%; } .productDetailsArea .CompanyNews.ItemDetail{ padding-top:0px;overflow:hidden; } .productDetailsArea .CompanyNews .newsItem{ width: 254px; min-height: 270px; margin: 10px; display: inline-block; vertical-align: top; border: 1px solid lightgray; padding: 10px; } .productDetailsArea .previewNews{ cursor:pointer; } .productDetailsArea .previewImg{ cursor: pointer; } .productDetailsArea .VideoReviewTitle table { font-size: 2em;vertical-align:middle;width:100%; } .productDetailsArea .VideoReviewTitle tr td:nth-child(2) { width:90%;text-align:justify; } .productDetailsArea .VideoReviewTitle tr td:nth-child(1) { width: 3%; } .productDetailsArea .VideoReview { padding-top:20px;overflow:hidden; } .productDetailsArea .VideoReviewDetail { padding:0 0 30px 0;overflow:hidden; } .productDetailsArea .VideoReviewItem{ width: 270px;padding: 0px 13px 20px 13px;display:inline-block;vertical-align:top;cursor: pointer; } .productDetailsArea .VideoReviewItem a{ color:black; } .productDetailsArea .VideoReviewItem a .ico_video { font-size: 1em; } .productDetailsArea .VideoReviewItem img{ max-width: 100%; max-height: 100%; } #imgPreviewLayer { width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5);display:none; } #imgPreviewLayer #imgPreviewDialog {text-align:left; border-radius:10px; line-height:1.5;width:40%;max-height:95%;overflow:auto; padding:50px ;position:fixed;opacity:1; background:#fff; } #imgPreviewLayer #imgPreviewDialog .btn_Cancel { text-align:right; } #imgPreviewLayer #imgPreviewDialog img#ImgPreview{ max-width:100%;max-height:100%; } #VideoLayer{ width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5);display:none; } #VideoLayer #VideoDialog{ overflow:auto;padding:50px;position:fixed;opacity:1;background:#fff;border-radius:10px;min-width:640px;min-height: 450px;height:50%;width: 40%; } #VideoLayer #VideoDialog #div_video_layer { width: 100%;height: 85%; } #NewsContentLayer { width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5);display:none; } #NewsContentLayer #NewsContentDialog {text-align:center; border-radius:10px;width:80%; padding:40px 35px 30px 35px;position:fixed;opacity:1; background:#fff; font-size:1.2em;overflow: hidden;height:auto;max-height:80%;} #NewsContentLayer #NewsContentDialog .btnCancel{ width:100%;text-align:right;padding-bottom: 20px; } #NewsContentLayer #NewsContentDialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:5px; } #NewsContentLayer #NewsContentDialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #NewsContentLayer #NewsContentDialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #NewsContentLayer #NewsContentDialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #NewsContentLayer #NewsContentDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #NewsContentLayer #NewsContentDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #NewsContentLayer #NewsContentDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #NewsContent{ width: 90%; display:inline-block;color:#3a3a3a;width:100%;display:inline-block;overflow: auto;padding-right: 25px;height: 95%;} #NewsContent .sTit { background: #01baf2; color: #fff; position: relative; vertical-align: middle; border: 1px solid #fff; text-align: center; } #NewsContent .ContentInline { display:inline-block; width: 49.5%; } #NewsContent .ContentInline img { width:100%; } #NewsContent .Sub { background: #efefef;color: #000;border: 1px solid #fff;} #NewsContent .PRTitle{ text-align: justify; } #NewsContent .PRContent{ padding-top: 10px;font-size:1.1em;text-align: justify;text-justify: distribute; } #NewsContent .PRContent2{ display: none; } #NewsContent .PRContent table td { vertical-align: top;padding: 10px; } #NewsContent .PRContent table td img { max-width: 100%; } #NewsContent .PRContent table.Remarks td { font-size: 90%; vertical-align: middle; padding: 0px; } #NewsContent .NewsTitle{ color: #0066CC;font-weight: bold;font-size:1.2em;text-align: justify; } #NewsContent .NewsSubTitle{ color: black;font-weight: bold;font-size:1em;text-align: justify; } #NewsContent .NewsImgList{ overflow: hidden;padding-top: 50px;text-align: left; } #NewsContent .NewsImgList .NewsImgItem { width: 360px; height: 250px; display: inline-block; vertical-align: top; text-align: center; margin: 0px 10px 20px 10px; border: 2px solid lightgray; background-color: white; position: relative; } #NewsContent .NewsImgList .NewsImgItem .NewsImgTbDiv { display: table; height: 100%; width: 100%; text-align: center; top: 0; position: absolute; bottom: 0; } #NewsContent .NewsImgList .NewsImgItem .NewsImgTbDiv .NewsImgTbCellDiv { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 10px; } #NewsContent .NewsImgList .NewsImgItem .NewsImgTbDiv img { max-width: 340px;max-height: 230px; } /* Inbound Travel */ .productDetailsArea#InboundTravel .innerArea .lCol { width: 50%; } .productDetailsArea#InboundTravel .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea#InboundTravel .sobCol .costTable table td {border:1px solid white; font-size:1em;background: #efefef;} .productDetailsArea#InboundTravel .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff;width: 25%;text-align: left; text-align:center;} .productDetailsArea#InboundTravel .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea#InboundTravel .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; font-weight:bold} .productDetailsArea#InboundTravel .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea#InboundTravel .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea#InboundTravel .sobCol .sob1 td {vertical-align:middle;} .productDetailsArea#InboundTravel .sobCol .sob1a { margin-bottom: 15px; } .productDetailsArea#InboundTravel .sobCol .sob1a td:nth-child(1) { padding-right:5px;vertical-align:top; } .productDetailsArea#InboundTravel .sobCol .sob1a td {} .productDetailsArea#InboundTravel .sobCol .sob1 td.costSub {text-align:left; padding: 10px;} .productDetailsArea#InboundTravel .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea#InboundTravel .sobCol .sob1 td.subtitle {text-align:center;} /* BusinessSafe */ .productDetailsArea .BusinessSafe .sobCol .costTable {line-height: 1.2;width:100%;} .productDetailsArea .BusinessSafe .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea .BusinessSafe .sobCol .costTable td:nth-child(1) { width: 5%} .productDetailsArea .BusinessSafe .sobCol .costTable td:nth-child(2) { width: 60%} .productDetailsArea .BusinessSafe .sobCol .costTable td:nth-child(3) { width: 35%} .productDetailsArea .BusinessSafe .sobCol .costTable table td {border:1px solid white; font-size:1em;background: #efefef;} .productDetailsArea .BusinessSafe .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 50%;text-align: left; text-align:center;} .productDetailsArea .BusinessSafe .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .BusinessSafe .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; } .productDetailsArea .BusinessSafe .sobCol .costTable .SubTable td { background: inherit;vertical-align: top; } .productDetailsArea .BusinessSafe .sobCol .costTable .SubTable td:nth-child(1) { padding: 0px;width: auto; } .productDetailsArea .BusinessSafe .sobCol .costTable .SubTable td:nth-child(2) { padding: 0px;width: 100%} .productDetailsArea .BusinessSafe .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea .BusinessSafe .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea .BusinessSafe .sobCol .sob1 td {vertical-align:middle;} .productDetailsArea .BusinessSafe .sob1a {font-size:1.1em} .productDetailsArea .BusinessSafe .sobCol .sob1a td:nth-child(1) { padding-right:5px; width: 5px;} .productDetailsArea .BusinessSafe .sobCol .sob1a td {vertical-align:top;} .productDetailsArea .BusinessSafe .sobCol .sob1 td.costSub {text-align:left; padding: 10px;} .productDetailsArea .BusinessSafe .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea .BusinessSafe .sobCol .sob1 td.subtitle {padding: 10px;} .productDetailsArea .BusinessSafe .sobCol .sob1 td.subtitle.order {width: 3%; text-align: center;padding: 10px 8px;} .productDetailsArea .BusinessSafe .sobCol .headNote {font-size:1.25em;margin: 20px 0 10px 0;} /* Personal AccidentSafe */ .productDetailsArea .PersonalAccidentSafe .featureCol .SubList td:nth-child(1) { padding: 8px 5px 8px 0; vertical-align: top;} .productDetailsArea .PersonalAccidentSafe .featureCol .SubList td:nth-child(2) { padding: 8px 0; } .productDetailsArea .PersonalAccidentSafe .featureCol .SubList td td:nth-child(1), .productDetailsArea .PersonalAccidentSafe .featureCol .SubList td td:nth-child(2) {padding: 5px 5px 0px 0px; } .productDetailsArea .PersonalAccidentSafe .featureCol ul.SubBullet { padding: 0; margin-bottom: 0px; } .productDetailsArea .PersonalAccidentSafe .featureCol ul.SubBullet li{ font-size: 1em; margin-bottom: 0px; margin-top: 5px;padding: 0; } .productDetailsArea .PersonalAccidentSafe .featureCol .SubList.PABenefitTable td:nth-child(1) { padding: 3px 5px 3px 0; vertical-align: top;} .productDetailsArea .PersonalAccidentSafe .featureCol .SubList.PABenefitTable td:nth-child(2) { padding: 3px 0;} .productDetailsArea .PersonalAccidentSafe .featureCol .SubList.PABenefitTable td td:nth-child(1), .productDetailsArea .PersonalAccidentSafe .featureCol .SubList.PABenefitTable td td:nth-child(2) {padding: 5px 5px 0px 0px; } .productDetailsArea .PersonalAccidentSafe .featureCol .SubList.PABenefitTable td:nth-child(1).SubTitle { font-weight:bold;padding-top:15px; } .productDetailsArea .PersonalAccidentSafe .featureCol .SubList.PABenefitTable .Remarks { font-size: 85%; padding-top: 15px !important;} .productDetailsArea .PersonalAccidentSafe .featureCol .SubList td:nth-child(1) { padding: 8px 5px 8px 0; vertical-align: top;} .productDetailsArea .PersonalAccidentSafe .featureCol .SubList td:nth-child(2) { padding: 8px 0; } .productDetailsArea .PersonalAccidentSafe .featureCol .SubList tr:last-child td { padding: 8px 0 0 0; } .productDetailsArea .PersonalAccidentSafe .featureCol .OcpType { font-size: 1.25em; margin-bottom: 30px;padding:5px 0;line-height: 1.2 } .productDetailsArea .PersonalAccidentSafe .featureCol .OcpType td:nth-child(1) { text-align:center; width: 20%;} .productDetailsArea .PersonalAccidentSafe .featureCol .OcpType td:nth-child(2) { text-align:left;} .productDetailsArea .PersonalAccidentSafe .featureCol .OcpType .Remarks { font-size: 85%; } .productDetailsArea .PersonalAccidentSafe .sobCol .costTable { line-height: 1.2;width:100%; } .productDetailsArea .PersonalAccidentSafe .sobCol .costTable td {border:1px solid white; font-size:1.16667em;background: #efefef;} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .even td {border:1px solid white; font-size:1.16667em;background: #e9e9e9;} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable td:nth-child(1) { width: 30%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable td:nth-child(2) { width: 17%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable td:nth-child(3) { width: 17%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable td:nth-child(4) { width: 17%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable td:nth-child(5) { width: 17%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .bigTit { background: #01baf2;font-size: 1.3333em;padding: 20px;color: #fff;width: 25%;text-align: left; text-align:center;} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .costTit { text-align:left; vertical-align:middle; background: #fcffc8;font-size: 1.16667em;padding: 10px; font-weight:bold} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .subTable {font-size:1.1666em;} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .mainTitle {background: #efeedc;font-size: 1.16667em;padding: 10px;color: #000;text-align: left; font-weight:bold } .productDetailsArea .PersonalAccidentSafe .sobCol .costTable .cost { background: #f2f38b;font-size: 1.16667em;padding: 10px;color: #000; text-align:center;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob1 td {vertical-align:middle;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob1a {margin-bottom: 30px;font-size:1.1em} .productDetailsArea .PersonalAccidentSafe .sobCol .sob1a td:nth-child(1) { padding-right:5px; width: 5px;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob1a td {vertical-align:top;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob1 td.costSub {text-align:left; padding: 10px;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob1 td.leftAlign {text-align:left;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob1 td.subtitle {text-align:center;padding: 10px;} .productDetailsArea .PersonalAccidentSafe .sobCol .headNote {font-size:1.166667em;} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable.sob2 td:nth-child(1) { width: 5%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable.sob2 td:nth-child(2) { width: 8%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable.sob2 td:nth-child(3) { width: 57%} .productDetailsArea .PersonalAccidentSafe .sobCol .costTable.sob2 td:nth-child(4) { width: 30%} .productDetailsArea .PersonalAccidentSafe .sobCol .sob2 td {border: #FFF 1px solid;font-size:1.16667em; line-height:1.5;padding:5px;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob2 tr:nth-child(1) {background-color: #01baf2; color:#FFF} .productDetailsArea .PersonalAccidentSafe .sobCol .sob2 .title {background-color: #01baf2; color:#FFF; font-size:1.3333em;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob2 td:nth-child(1) { text-align: center;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob2 td:nth-child(2) { text-align: center;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob2 td:nth-child(4) { text-align: center;} .productDetailsArea .PersonalAccidentSafe .sobCol .sob2.headNote { margin-bottom: 30px; } /* Career Opportunities */ .career { font-size: 1.3em; } .career ul { list-style: disc; padding-left: 20px; } /* Career */ .productDetailsArea .career { line-height:1.2 } .productDetailsArea .career a.btnDefault { display:inline-block; padding:5px 10px; height:40px; line-height:40px; border-radius:3px; overflow:hidden; text-align:center; font-size:16px; min-width:120px; /*color:#fff; background:#fcb040;*/ } .productDetailsArea .career a.btnDefault span { line-height:normal; vertical-align:middle; display:inline-block } .productDetailsArea .career a.btnAnother { /*background:#79c2ff;*/ margin-right:10% } /* Online Enquiry */ .productDetailsArea .OnlineEnquiry { color: #3a3a3a; } .productDetailsArea .OnlineEnquiry .k-radio-label { vertical-align: text-bottom; } .productDetailsArea .OnlineEnquiry .Errmsg { margin-top: 5px; } .productDetailsArea .OnlineEnquiry .EnquiryTable { display: table; width: 65%; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow { display: table-row; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow .TableCol { display: table-cell; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow .TableCol:nth-child(1) { width: 40%; } .productDetailsArea .OnlineEnquiry hr { color: #e0e0e0; } .productDetailsArea .OnlineEnquiry p { text-align: justify;width: 100%;font-size: 1.25em;line-height: 1.3; padding-bottom:10px; } .productDetailsArea .OnlineEnquiry .headerdesc { text-align: justify;width: 100%;font-size: 1.25em;line-height: 1.3; } .productDetailsArea .OnlineEnquiry .footerdesc { text-align: justify;width: 100%;line-height: 1.3;font-size: 1.25em;} .productDetailsArea .OnlineEnquiry .headerdesc ul, .productDetailsArea .OnlineEnquiry .footerdesc ol{ line-height: 1.2; } .productDetailsArea .OnlineEnquiry .headerdesc ul li { margin: 10px 0; list-style-type: disc;margin-left:20px;} .productDetailsArea .OnlineEnquiry .footerdesc ol li { list-style-type: decimal;margin-left:20px;line-height: 1.2;} .productDetailsArea .OnlineEnquiry .footerdesc .remarks{ font-size: 95%; } .productDetailsArea .OnlineEnquiry .headerdesc ul li:nth-last-child(1) { margin-bottom: 0px;} .productDetailsArea .OnlineEnquiry .footerdesc ol li:nth-last-child(1) { margin-bottom: 0px;} .productDetailsArea .OnlineEnquiry div.file-wrapper { position: relative;height: 58px; } .productDetailsArea .OnlineEnquiry .formCol { position: relative;width: 100%; } .productDetailsArea .OnlineEnquiry .formCol .k-radio-label { font-size:1.25em;} .productDetailsArea .OnlineEnquiry .formCol .radioCol { padding: 8px 0; } .productDetailsArea .OnlineEnquiry .formCol .radio { padding: 7px; } .productDetailsArea .OnlineEnquiry .formCol .radio .Col_1{ width: 75%;display:inline-block; } .productDetailsArea .OnlineEnquiry .formCol .radio .Col_2{ width: 24%;display:inline-block; } .productDetailsArea .OnlineEnquiry .formCol .radio .k-textbox{ width:100%;top: -3px; } .productDetailsArea .OnlineEnquiry .formCol .k-dropdown{ width:100%; } .productDetailsArea .OnlineEnquiry .formCol .k-clear-selected, .k-upload-selected { display: none !important; } .productDetailsArea .OnlineEnquiry .formCol .formGroup .infoGroup { padding: 15px 0;border-bottom: 1px solid #e0e0e0; } .productDetailsArea .OnlineEnquiry .formCol .formGroup h2 { float: left; width: 20%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding-top: 10px; } .productDetailsArea .OnlineEnquiry .formCol .twoCol .col { float: left; width: 40%; } .productDetailsArea .OnlineEnquiry .btnCtaGroup { width:100%;padding: 10px 0;} .productDetailsArea .OnlineEnquiry .btnCtaGroup .div_btn {float:right;} .productDetailsArea .OnlineEnquiry .btnRequote, .productDetailsArea .OnlineEnquiry .btnSubmit {margin-left:10px; margin-top:5px;display:inline-block;cursor:pointer;} .productDetailsArea .OnlineEnquiry .btnRequote a, .productDetailsArea .OnlineEnquiry .btnSubmit a { display: inline-block; color: #fff; font-size: 1.3em; padding: 5px 10px; line-height: 1.2; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .productDetailsArea .OnlineEnquiry .btnRequote a { background: #79c2ff; } .productDetailsArea .OnlineEnquiry .btnSubmit a { background: #fcb040; } .productDetailsArea .OnlineEnquiry .btnRequote img, .productDetailsArea .OnlineEnquiry .btnSubmit img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} /* Staff */ .productDetailsArea #Staff .LoginContent { width: 1170px; margin: 0 auto; } .productDetailsArea #Staff .visualCol { background: url(/images/common/banner/PrivilegedOffer.jpg?20181005) no-repeat top left; border-right: 1px solid #d2d2d2; } .productDetailsArea #Staff .memberOfferCol { width: 300px; border: 0px; min-height: 0px;} .productDetailsArea #Staff .memberOfferCol .memberOfferImgDesktop { display: block;width:100%} .productDetailsArea #Staff .memberOfferCol .memberOfferImgMobile { display: none;} .productDetailsArea #Staff .sobCol { width: 70%; } .productDetailsArea #Staff .mbLogin #eLoginNew { padding: 0 1em 20px 1em; } .productDetailsArea #Staff .mbLogin #NewLoginPanel .btnLoginNew a {overflow: visible;} .productDetailsArea #Staff .mbLogin { overflow: hidden; } .productDetailsArea #Staff .mbLogin H1.title{ font-size: 1.66667em; color: #3a3a3a; margin-bottom: 20px; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px; } .productDetailsArea #Staff #NewLoginPanel table { font-size: 1.25em; width: 45%; } .productDetailsArea #Staff #NewLoginPanel table td:nth-child(1) { padding: 0px; width: 85px;} .productDetailsArea #Staff #NewLoginPanel table td { padding-left: 40px; } .productDetailsArea #Staff #NewLoginPanel table td .k-textbox { width:100%; } .productDetailsArea #Staff #NewLoginPanel .btnLoginNew { margin: 5px 5px 5px 0; } /* Privilege Offer */ .productDetailsArea #PrivilegedOffer .LoginContent { width: 1170px; margin: 0 auto; } .productDetailsArea #PrivilegedOffer .LoginDesc { font-size: 1.66667em;color: #3a3a3a;margin-bottom: 20px;font-weight: bold; } .productDetailsArea #PrivilegedOffer .visualCol { background: url(/images/common/banner/PrivilegedOffer.jpg) no-repeat top left; border-right: 1px solid #d2d2d2; } .productDetailsArea #PrivilegedOffer .contentCol h1{ font-size: 1.66667em; color: #3a3a3a; margin-bottom: 20px; font-weight: bold; } .productDetailsArea #PrivilegedOffer .memberOfferCol { width: 300px; border: 0px; min-height:0px;} .productDetailsArea #PrivilegedOffer .memberOfferCol .memberOfferImgDesktop { display: block;width:100%} .productDetailsArea #PrivilegedOffer .memberOfferCol .memberOfferImgMobile { display: none;} .productDetailsArea #PrivilegedOffer .sobCol { width: 70%; } .productDetailsArea #PrivilegedOffer .mbLogin #eLoginNew { padding: 0 1em 20px 1em; } .productDetailsArea #PrivilegedOffer .mbLogin #NewLoginPanel .btnLoginNew a {overflow: visible;} .productDetailsArea #PrivilegedOffer .mbLogin { overflow: hidden; } .productDetailsArea #PrivilegedOffer .mbLogin H1.title{ font-size: 1.66667em; color: #3a3a3a; margin-bottom: 20px; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px; } .productDetailsArea #PrivilegedOffer #NewLoginPanel table { font-size: 1.25em; width: 55%; } .productDetailsArea #PrivilegedOffer #NewLoginPanel table td:nth-child(1) { padding: 0px; width: 150px;} .productDetailsArea #PrivilegedOffer #NewLoginPanel table td { padding-left: 40px; } .productDetailsArea #PrivilegedOffer #NewLoginPanel table td .k-textbox { width:100%; } .productDetailsArea #PrivilegedOffer #NewLoginPanel .btnLoginNew { margin: 5px 5px 5px 0; } /* SmartClub */ #ForgetPWPanel { width:100%;height:100%;z-index:1001;position:fixed;top:0;left:0;background-color:rgba(100, 100, 100, 0.5);display:none; } #ForgetPWPanel #ForgetPWDialog {text-align:left; border-radius:10px; line-height:1.5;width:40%;line-height: 1.2;max-height:95%;overflow:auto; padding:50px ;position:fixed;opacity:1; background:#fff; border-radius:10px;} #ForgetPWPanel #ForgetPWDialog .Dialog_Header{font-size: 1.3em; padding: 10px 0;} #ForgetPWPanel #ForgetPWDialog .Dialog_Content{font-size: 1.3em;padding: 10px 0;} #ForgetPWPanel #ForgetPWDialog .Dialog_Content table { width:100%;} #ForgetPWPanel #ForgetPWDialog .Dialog_Content tr:nth-child(2n+1) td { height: 50px; } #ForgetPWPanel #ForgetPWDialog .Dialog_Content tr td:nth-child(1) { width: 20%; } #ForgetPWPanel #ForgetPWDialog .Dialog_Content tr td:nth-child(1) > div { padding-right: 10px; } #ForgetPWPanel #ForgetPWDialog .Dialog_Content tr td:nth-child(2) { width: 80%; } #ForgetPWPanel #ForgetPWDialog .Dialog_Content tr td:nth-child(2) input{ width: 60%; } #ForgetPWPanel #ForgetPWDialog .Dialog_Footer{font-size: 1.16667em;padding: 10px 0;} #ForgetPWPanel #ForgetPWDialog .Dialog_Footer tr td:nth-child(1) { vertical-align:top;padding-right: 5px;} #ForgetPWPanel #ForgetPWDialog .Dialog_Footer tr td { vertical-align:top; } #ForgetPWPanel #ForgetPWDialog .btnCtaGroup { width:68%; } #ForgetPWPanel #ForgetPWDialog .btnCtaGroup .div_btn {width:100%;text-align: right;margin-top:10px;font-size: 1.3em; } #ForgetPWPanel #ForgetPWDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 0px 10px 10px;} #ForgetPWPanel #ForgetPWDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #ForgetPWPanel #ForgetPWDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #ForgetPWPanel #ForgetPWDialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 0px 10px 10px;} #ForgetPWPanel #ForgetPWDialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #ForgetPWPanel #ForgetPWDialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #EmailSubscribeLayer { width: 100%; height: 100%; line-height: 1.2; z-index: 1001; position: fixed; top: 0px; left: 0px; background-color: rgba(100, 100, 100, 0.5); display:none; } #EmailSubscribeLayer #EmailSubscribeDialog {text-align:center; border-radius:10px;padding:50px ;position:fixed;opacity:1; background:#fff; font-size:1.3em;max-width: 620px;} #EmailSubscribeLayer #EmailSubscribeDialog .btnCtaGroup .div_btn {width:100%;text-align: center;margin-top:10px; } #EmailSubscribeLayer #EmailSubscribeDialog .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:10px 10px;} #EmailSubscribeLayer #EmailSubscribeDialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #EmailSubscribeLayer #EmailSubscribeDialog .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #EmailSubscribeLayer #EmailSubscribeDialog .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px 10px;} #EmailSubscribeLayer #EmailSubscribeDialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} #EmailSubscribeLayer #EmailSubscribeDialog .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} #EmailSubscribeLayer #EmailSubscribeDialog .letterImg{ padding-right: 3%;} #EmailSubscribeLayer #EmailSubscribeDialog .k-textbox { width: 60%; } .productDetailsArea #SmartClub { line-height: 1.2;} .productDetailsArea #SmartClub .AMDesc { font-size:1.25em; margin-bottom:20px;} .productDetailsArea #SmartClub .showDetail {cursor: auto;} .productDetailsArea #SmartClub hr { border: 1px solid #e0e0e0; margin-bottom: 20px; } .productDetailsArea #SmartClub .showD{ cursor: auto; } .productDetailsArea #SmartClub .memberOfferCol { width: 268px; border: 0px;} .productDetailsArea #SmartClub .memberOfferCol .memberOfferImgDesktop { display: block;width:100%} .productDetailsArea #SmartClub .memberOfferCol .memberOfferImgMobile { display: none;} .productDetailsArea #SmartClub .btnCtaGroup .div_btn {width:96%;text-align: right;margin-top:10px; font-size: 1.3em; padding: 0 1em 20px 1em;} .productDetailsArea #SmartClub .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer; margin:5px;} .productDetailsArea #SmartClub .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} .productDetailsArea #SmartClub .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea #SmartClub .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:5px;} .productDetailsArea #SmartClub .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} .productDetailsArea #SmartClub .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea .innerArea .lCol.short { width: 20%; } .productDetailsArea #SmartClub .sobCol { width: 75%; } .productDetailsArea #SmartClub .sobCol .showSubDetail { font-size: 1.5em; margin-bottom: 20px;} .productDetailsArea #SmartClub .mbLogin .LoginRadio{ font-size: 1.25em; } .productDetailsArea #SmartClub .mbLogin .LoginRadio .selectItem { display: inline-block; padding: 0px 1em 15px 1em; margin-top: 4px;} .productDetailsArea #SmartClub .mbLogin #eLoginNew { padding: 0 1em 20px 1em; } .productDetailsArea #SmartClub .mbLogin #NewLoginPanel .btnLoginNew a {overflow: visible;} .productDetailsArea #SmartClub .mbLogin { overflow: hidden; } .productDetailsArea #SmartClub .mbLogin H1.title{ font-size: 1.66667em; color: #3a3a3a; margin-bottom: 20px; font-weight: bold; background-color: #e0e0e0; padding: 8px 10px; } .productDetailsArea #SmartClub #NewLoginPanel table { font-size: 1.25em; width: 45%; } .productDetailsArea #SmartClub #NewLoginPanel table td:nth-child(1) { padding: 0px; width: 85px;} .productDetailsArea #SmartClub #NewLoginPanel table td { padding-left: 40px; } .productDetailsArea #SmartClub #NewLoginPanel table td .k-textbox { width:100%; } .productDetailsArea #SmartClub #NewLoginPanel .btnLoginNew { margin: 5px 5px 5px 0; } .productDetailsArea #SmartClub #BecomeMemberPanel #divBecomeMember #tbAgreement { padding-bottom: 20px; } .productDetailsArea #SmartClub #BecomeMemberPanel #divBecomeMember { padding: 0px; } .productDetailsArea #SmartClub .smartenrol table td .btnApplyNow { margin: 5px 0;} .productDetailsArea #SmartClub .smartenrol table .emptycol { background:#f7f7f7; border-left:none; border-right:none;} .productDetailsArea #SmartClub .smartenrol table th { padding:10px 7px;background: #00baf2;color: #fff;font-size: 1.3em;line-height: 1.2;text-align: center;vertical-align: middle;border: 1px solid #fff;} .productDetailsArea #SmartClub .smartenrol table .highlight { text-align:left; vertical-align:top ;} .productDetailsArea #SmartClub .smartenrol table td {padding:10px 5px;background: #e7e6e6;color: #3a3a3a;font-size: 1.3em;line-height: 1.2;text-align: center;vertical-align: middle;border: 1px solid #fff;} .productDetailsArea #SmartClub .smartenrol table td.firstCol {background: #fde145;} .productDetailsArea #SmartClub .smartenrol table td ul {padding-left:30px;} .productDetailsArea #SmartClub .smartenrol table td .btnApplyNow a, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; text-align:center;} .productDetailsArea #SmartClub .smartenrol table td .btnApplyNow img, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea #SmartClub .smartenrol .remark {margin:10px 0; font-size:1.25em;} .productDetailsArea #SmartClub .smartenrol {padding: 0 1em 20px 1em;} .productDetailsArea #SmartClub .smartenrol .divTable { display: table; margin-top: 10px; } .productDetailsArea #SmartClub .smartpt {padding: 0 1em 20px 1em;} .productDetailsArea #SmartClub .smartpt .divTableRow { display: table-row; } .productDetailsArea #SmartClub .smartpt .divTable .FirstRow .divTableCell{ padding-bottom: 20px; } .productDetailsArea #SmartClub .smartpt .divTable .divTableCell {display: table-cell;padding: 0px;color: #3a3a3a;font-size: 1.3em;line-height: 1.2;text-align: left;vertical-align: top;} .productDetailsArea #SmartClub .smartpt .divTable .divTableCell .imgOffer {display:inline-block;width:105px;} .productDetailsArea #SmartClub .smartpt .divTable .divTableCell .imgOffer img {width: 100%;} .productDetailsArea #SmartClub .mbSrv { overflow: hidden; padding: 0 1em 20px 1em; } .productDetailsArea #SmartClub .enrolRecord { overflow: hidden; padding: 0em 1em 1em 1em; font-size: 1.333333em; } .productDetailsArea #SmartClub .eNews { overflow: hidden;padding: 0em 1em 1em 1em; font-size: 1.333333em;} .productDetailsArea #SmartClub .eNews .btnApplyNow { padding: 5px 10px; display:inline-block;vertical-align:middle;} .productDetailsArea #SmartClub .eNews .btnApplyNow a {display: inline-block;background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; text-align:center;} .productDetailsArea #SmartClub .eNews .btnApplyNow img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea #SmartClub .eNews input { width: 83%; } #backgroundLayer3 #optoutdialog .DialogHeader { font-size: 1.666667em; padding-bottom: 10px} #backgroundLayer3 #optoutdialog .DialogContent { padding: 10px 0;} .productDetailsArea #SmartClub .SmartPointEnquiry { overflow: hidden; padding: 0em 1em 1em 1em; font-size: 1.333333em;} .productDetailsArea #SmartClub .CallForAction { padding: 0 1em 20px 1em;} .productDetailsArea #SmartClub .CallForAction .divMsgTable { display: table; width: 100%;} .productDetailsArea #SmartClub .CallForAction .divMsgTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .CallForAction .divMsgTable .divTableCell {display: table-cell;padding:5px 0;color: #3a3a3a;font-size: 1.333333em;line-height: 1.2;text-align: left;vertical-align: top;} .productDetailsArea #SmartClub .SPEnquiry .divMsgTable { display: table; width: 60%; padding: 0 1em 20px 1em; } .productDetailsArea #SmartClub .SPEnquiry .divMsgTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .SPEnquiry .divMsgTable .divTableCell {display: table-cell;padding:5px 0;color: #3a3a3a;font-size: 1.333333em;line-height: 1.2;text-align: left;vertical-align: middle;} .productDetailsArea #SmartClub .SPEnquiry .divMsgTable .divTableCell.FirstCol { width: 80%; } .productDetailsArea #SmartClub .SPEnquiry .divMsgTable .divTableCell.SecondCol { width: 20%; text-align: right;} .productDetailsArea #SmartClub .SPEnquiry .divMsgTable .divTableCell .imgOffer {display:inline-block;} .productDetailsArea #SmartClub .SPEnquiry .divContentTable { display: table; width: 96%;text-align:center; padding: 0 1em 20px 1em;} .productDetailsArea #SmartClub .SPEnquiry .divContentTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .SPEnquiry .divContentTable .divTableRow.FirstRow .divTableCell { color: #fff;background: #00baf2;} .productDetailsArea #SmartClub .SPEnquiry .divContentTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.166667em;line-height: 1.2;vertical-align: middle; border: 1px solid #fff;background: #e7e6e6;} .productDetailsArea #SmartClub .SPEnquiry .divContentTable .divTableCell.FirstCol { width: 27%; /*background: #fde145;*/} .productDetailsArea #SmartClub .SPEnquiry .divContentTable .divTableCell.SecondCol { width: 40%; } .productDetailsArea #SmartClub .SPEnquiry .divContentTable .divTableCell .imgOffer {display:inline-block;} .productDetailsArea #SmartClub .SPEnquiry .RedemptionRemarks { padding: 0px 1em 20px 1em;;font-size: 1.166667em; width:96%;line-height:1.2;} .productDetailsArea #SmartClub .SPRedemption .divMsgTable { display: table; width: 96%;padding: 0 1em;} .productDetailsArea #SmartClub .SPRedemption .divMsgTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .SPRedemption .divMsgTable .divTableCell {display: table-cell;padding:0px 5px 5px 5px;color: #3a3a3a;font-size: 1.333333em;line-height: 1.2;text-align: right;vertical-align: middle;} .productDetailsArea #SmartClub .SPRedemption .divContentTable { display: table; width: 96%;text-align:center;padding: 0 1em 20px 1em; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableRow.FirstRow .divTableCell { color: #fff;background: #00baf2;height:auto;} .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.166667em;line-height: 1.2;vertical-align: middle; border: 1px solid lightgrey;background: white;height:60px;} .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FirstCol { width: 15%; min-width:70px; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.SecondCol { width: 35%; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.SecondCol span { display: none; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.SecondCol span img { vertical-align: middle; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FourthCol { width: 10%; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.SixthCol { font-size: 1em;min-width:40px; max-width: 80px; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell .Gift_field { width:100%; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell .Gift_field_M { width:100%; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FirstCol .ColImgDiv { max-width: 100px;margin: 0 auto; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FourthCol .ColImgDiv { width: 32px;margin: 0 auto; max-height: 60px;} .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FirstCol .ColImgDiv .ColImg, .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FourthCol .ColImgDiv .ColImg {max-height: 60px;max-width: 100%; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell .imgOffer {display:inline-block;} .productDetailsArea #SmartClub .SPRedemption .RedemptionRemarks {padding: 0 1em 20px 1em;font-size: 1.166667em; width:96%;line-height:1.2;} .productDetailsArea #SmartClub #backgroundLayer2 .divMsgTable { display: table; width: 100%;padding: 5px 0;} .productDetailsArea #SmartClub #backgroundLayer2 .divMsgTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub #backgroundLayer2 .divMsgTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.333333em;line-height: 1.2;vertical-align: middle;} .productDetailsArea #SmartClub #backgroundLayer2 .divMsgTable .divTableCell.FirstCol { width: 50%; min-width:200px; } .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable { display: table; width: 100%;text-align:center;padding: 0; } .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable .divTableRow.FirstRow .divTableCell { color: #fff;background: #00baf2;height:auto;} .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.166667em;line-height: 1.2;vertical-align: middle; border: 1px solid lightgrey;background: white;height: 60px;} .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable .divTableCell.FirstCol { width: 15%; } .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable .divTableCell.SecondCol { width: 45%; } .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable .divTableCell .ColImg { max-height: 60px; } .productDetailsArea #SmartClub #backgroundLayer5 .divContentTable { display: table; width: 100%;text-align:center;padding: 0; } .productDetailsArea #SmartClub #backgroundLayer5 .divContentTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub #backgroundLayer5 .divContentTable .divTableRow.FirstRow .divTableCell { color: #fff;background: #00baf2;height: 15px;} .productDetailsArea #SmartClub #backgroundLayer5 .divContentTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.166667em;line-height: 1.2;vertical-align: middle; border: 1px solid lightgrey;background: white;height: 50px;} .productDetailsArea #SmartClub #backgroundLayer5 .divContentTable .divTableCell img { height: 100%; } .productDetailsArea #SmartClub #backgroundLayer5 .divContentTable .divTableCell.FirstCol { width: 15%; } .productDetailsArea #SmartClub #backgroundLayer5 .divContentTable .divTableCell.SecondCol { width: 35%; } .productDetailsArea #SmartClub .SPRedemptionStatus .divMsgTable { display: table; width: 96%;padding: 0 1em;} .productDetailsArea #SmartClub .SPRedemptionStatus .divMsgTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .SPRedemptionStatus .divMsgTable .divTableCell {display: table-cell;padding:5px;color: #3a3a3a;font-size: 1.333333em;line-height: 1.2;text-align: right;vertical-align: middle;} .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable { display: table; width: 96%;text-align:center; padding: 0 1em} .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableRow.FirstRow .divTableCell { color: #fff;background: #00baf2;height: auto;} .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell {display: table-cell;padding: 10px 5px;color: #3a3a3a;font-size: 1.166667em;line-height: 1.2;vertical-align: middle; border: 1px solid #fff;background: #e7e6e6;height:60px;} .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FirstCol { width: 18%; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.SecondCol { width: 35%; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.ThirdCol { width: 8%; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FourthCol { width: 18%; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FifthCol { width: 21%; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FirstCol .ColImgDiv { width: 80px;margin: 0 auto; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FourthCol .ColImgDiv { width: 32px;margin: 0 auto; } .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FirstCol .ColImgDiv .ColImg, .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FourthCol .ColImgDiv .ColImg { width: 100%; } .productDetailsArea #SmartClub .SPRedemptionStatus .RedemptionRemarks {padding: 20px 1em;font-size: 1.166667em; width:96%;line-height:1.2;} .productDetailsArea #SmartClub .PolicyRecord .PolicyDropDown { margin-bottom: 10px;text-align: right;padding: 0px 1em;width: 96%;font-size: 1.166667em; } .productDetailsArea #SmartClub .PolicyRecord .PolicyDropDown .k-dropdown{ text-align: center; } .productDetailsArea #SmartClub .PolicyRecord .divMsgTable { display: table; width: 60%; padding: 0 1em 20px 1em; } .productDetailsArea #SmartClub .PolicyRecord .divMsgTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .PolicyRecord .divMsgTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.333333em;line-height: 1.2;text-align: left;vertical-align: middle;} .productDetailsArea #SmartClub .PolicyRecord .divMsgTable .divTableCell.FirstCol { width: 80%; } .productDetailsArea #SmartClub .PolicyRecord .divMsgTable .divTableCell.SecondCol { width: 20%; text-align: right;} .productDetailsArea #SmartClub .PolicyRecord .divMsgTable .divTableCell .imgOffer {display:inline-block;} .productDetailsArea #SmartClub .PolicyRecord .divContentTable { display: table; width: 96%;text-align:center; padding: 0 1em 20px 1em;} .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableRow.FirstRow .divTableCell { color: #fff;background: #00baf2;height:auto;} .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.166667em;line-height: 1.2;vertical-align: middle; border: 1px solid #fff;background: #e7e6e6;height:35px;} .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell.FirstCol { width: 31%; } .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell.SecondCol { width: 23%; } .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell.ThirdCol { width: 23%; } .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell.FourthCol { width: 23%; } .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell.FirstCol .ColImgDiv { width: 80px;margin: 0 auto; } .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell.FourthCol .ColImgDiv { width: 32px;margin: 0 auto; } .productDetailsArea #SmartClub .PolicyRecord .divContentTable .divTableCell.FirstCol .ColImgDiv .ColImg, .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FourthCol .ColImgDiv .ColImg { width: 100%; } .productDetailsArea #SmartClub .PolicyRecord .btnPlanRenew a{ display: inline-block; background: #fcb040; color: #fff; padding: 5px 10px; line-height: 1.2; text-align: left; border-radius: 3px; overflow: hidden; text-align: center; } .productDetailsArea #SmartClub .PolicyRecord .btnPlanRenew img{ position: relative; margin-left: 5px; top: 2px; width: 16px; height: auto; } .productDetailsArea #SmartClub .MemberInfo p { font-size: 1.2em; } .productDetailsArea #SmartClub .ChangePW .divMsgTable { display: table; width: 50%; padding: 0 1em 20px 1em; } .productDetailsArea #SmartClub .ChangePW .divMsgTable .divTableRow { display: table-row; } .productDetailsArea #SmartClub .ChangePW .divMsgTable .divTableCell {display: table-cell;padding:5px 0px;color: #3a3a3a;font-size: 1.333333em;line-height: 1.2;text-align: left;vertical-align: middle;} .productDetailsArea #SmartClub .ChangePW .divMsgTable .divTableCell.FirstCol { width: 30%; } .productDetailsArea #SmartClub .ChangePW .divMsgTable .divTableCell input { width: 90%; } /* Shopping Cart */ .productDetailsArea .step01Area .formCol .enroltip { padding: 0px 1.5%;line-height: 1.4; } .productDetailsArea .step01Area .formCol .enroltip h1 { cursor:pointer; } .productDetailsArea.ShoppingCart { overflow:hidden;line-height:1.2; } .productDetailsArea.ShoppingCart .Summary{ padding: 10px 25px 0px 25px;text-align: right;font-size: 1.3em; } .productDetailsArea.ShoppingCart .Summary.text-danger{ padding: 10px 25px; } .productDetailsArea.ShoppingCart .SubTitle {padding-left: 2em; } .productDetailsArea.ShoppingCart .divContentTable { display: table; width: 96%;text-align:center; padding: 0 2% 20px 2%;} .productDetailsArea.ShoppingCart .divContentTable .divTableRow { display: table-row; } .productDetailsArea.ShoppingCart .divContentTable .divTableRow.FirstRow .divTableCell { color: #fff;background: #00baf2;} .productDetailsArea.ShoppingCart .divContentTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.166667em;line-height: 1.2;vertical-align: middle; border: 1px solid #fff;background: #e7e6e6;} .productDetailsArea.ShoppingCart .divContentTable .divTableCell.ActCol { width: 5%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.InfoCol { width: 18%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.PolicyCol { width: 22%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.AmtCol { width: 14%; } /*.productDetailsArea.ShoppingCart .divContentTable .divTableCell.FirstCol { width: 3%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.SecondCol { width: 20%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.ThirdCol { width: 25%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.FourthCol { width: 25%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.SixthCol { min-width:85px; }*/ .productDetailsArea.ShoppingCart .divContentTable .divTableCell.FirstCol .ColImgDiv { width: 80px;margin: 0 auto; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.FourthCol .ColImgDiv { width: 32px;margin: 0 auto; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.FirstCol .ColImgDiv .ColImg, .productDetailsArea #SmartClub .SPRedemptionStatus .divContentTable .divTableCell.FourthCol .ColImgDiv .ColImg { width: 100%; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.LastRow { border: 0px;background:transparent; } .productDetailsArea.ShoppingCart .divContentTable .divTableCell.LastRow.AlignRight { text-align:right; padding-right:30px;} .productDetailsArea.ShoppingCart .smartenrol table td .btnApplyNow { margin: 5px 0;} .productDetailsArea.ShoppingCart .smartenrol table .emptycol { background:#f7f7f7; border-left:none; border-right:none;} .productDetailsArea.ShoppingCart .smartenrol table th { padding:10px 7px;background: #00baf2;color: #fff;font-size: 1.3em;line-height: 1.2;text-align: center;vertical-align: middle;border: 1px solid #fff;} .productDetailsArea.ShoppingCart .smartenrol table .highlight { text-align:left; vertical-align:top ;} .productDetailsArea.ShoppingCart .smartenrol table td {padding:10px 5px;background: #e7e6e6;color: #3a3a3a;font-size: 1.3em;line-height: 1.2;text-align: center;vertical-align: middle;border: 1px solid #fff;} .productDetailsArea.ShoppingCart .smartenrol table td.firstCol {background: #fde145;} .productDetailsArea.ShoppingCart .smartenrol table td ul {padding-left:25px;} .productDetailsArea.ShoppingCart .smartenrol table td .btnApplyNow a, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew a {display: inline-block;background: #fcb040;color: #fff;font-size: 16px;padding: 5px 10px;line-height: 1.2;text-align: left;border-radius: 3px;overflow: hidden; text-align:center;} .productDetailsArea.ShoppingCart .smartenrol table td .btnApplyNow img, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.ShoppingCart .smartenrol .remark {margin:10px 0; font-size:1.25em;} .productDetailsArea.ShoppingCart .smartenrol {padding: 0 2em 20px 2em;} .productDetailsArea.ShoppingCart .smartenrol .divTable { display: table; margin-top: 30px; } .productDetailsArea.ShoppingCart .smartenrol .divTableRow { display: table-row; } .productDetailsArea.ShoppingCart .smartenrol .divTable .divTableCell {display: table-cell;padding:10px 5px;color: #3a3a3a;font-size: 1.5em;line-height: 1.2;text-align: left;vertical-align: top;} .productDetailsArea.ShoppingCart .smartenrol .divTable .divTableCell.FirstCol { width: 25%; } .productDetailsArea.ShoppingCart .smartenrol .divTable .divTableCell .imgOffer {display:inline-block;} .productDetailsArea.ShoppingCart .btnCtaGroup .div_btn {width:96%;text-align: right;margin-top:10px; font-size: 1.3em; padding: 0 2% 3em 2%;} .productDetailsArea.ShoppingCart .btnCtaGroup .btnRequote {display:inline-block; cursor:pointer;} .productDetailsArea.ShoppingCart .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} .productDetailsArea.ShoppingCart .btnCtaGroup .btnRequote img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.ShoppingCart .btnCtaGroup .btnSubmit {display:inline-block; cursor:pointer; margin:10px;} .productDetailsArea.ShoppingCart .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;padding: 5px 10px;line-height: 1.2;text-align: left; border-radius: 3px;} .productDetailsArea.ShoppingCart .btnCtaGroup .btnSubmit img {position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;} .productDetailsArea.ShoppingCart .btnCancel a{ display: inline-block; background: #fcb040; color: #fff; padding: 5px 10px; line-height: 1.2; text-align: left; border-radius: 3px; overflow: hidden; text-align: center; } .productDetailsArea.ShoppingCart .btnCancel img{ position: relative; margin-left: 5px; top: 2px; width: 16px; height: auto; } .promotionPopArea .contentCol .discountOffer { color: #f00; } /* Cancer Screening*/ .productDetailsArea .CancerScreening .featureCol .title { font-weight: bold; font-size:1.25em; line-height:1.2; padding:5px 0px; margin-bottom:5px; } .productDetailsArea .CancerScreening .featureCol .subTitle { font-weight: bold; } .productDetailsArea .CancerScreening .featureCol .subText .title { font-size: 100%; } .productDetailsArea .CancerScreening .featureCol .subText sup { vertical-align: baseline; position: relative; top: -0.4em; } .productDetailsArea .CancerScreening .featureCol .Remarks { padding-top: 15px !important; list-style-type: none; } .productDetailsArea .CancerScreening .featureCol .note { font-size: 85%; background-color:#F4A5AF; padding:5px; } .productDetailsArea .CancerScreening .featureCol .subText ul li { font-size:100%; } .productDetailsArea .CancerScreening .featureCol .subText ul li:before { content:"-"; position: absolute; margin-left: -1.4em } .productDetailsArea .CancerScreening .featureCol .subText ul { margin-bottom: 0; list-style-type: none } .productDetailsArea .CancerScreening .featureCol .subText ul li:nth-last-child(1) { padding-bottom: 0; margin-bottom: 0 } .productDetailsArea .CancerScreening .sobCol .costTable { width:100%; display:table; overflow-x:auto } .productDetailsArea .CancerScreening .sobCol .costTable td { border:1px solid white; font-size:1.16667em;background: #efefef; text-align:center;padding: 10px; } .productDetailsArea .CancerScreening .sobCol .costTable tr:nth-child(n+3) td:nth-child(1) { font-weight:bold; background: #f2f38b; text-align: left; } .productDetailsArea .CancerScreening .sobCol .costTable tr:nth-child(2n+4) td {border:1px solid white; font-size:1.16667em;background: #e9e9e9; } .productDetailsArea .CancerScreening .sobCol .costTable .sTit { background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center; } .productDetailsArea .CancerScreening .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center } .productDetailsArea .CancerScreening .sobCol .costTable .separator { background: #fcffc8 !important } .productDetailsArea .CancerScreening .sobCol .costTable td:nth-child(1) { width: 25% } .productDetailsArea .CancerScreening .sobCol .costTable td:nth-child(n+2) { width: 15% } .productDetailsArea .CancerScreening .sobCol .costTable td img { width: 14px; height: 20px; } .productDetailsArea .CancerScreening .sobCol .remarksArea {margin:30px 0px 20px 0px} /* Preventive */ .productDetailsArea .Preventive .featureCol .title { font-weight: bold; font-size:1.25em; line-height:1.2; padding:5px 0px; margin-bottom:5px; } .productDetailsArea .Preventive .featureCol .subText .title { font-size: 100%; } .productDetailsArea .Preventive .featureCol .Remarks { font-size: 1.16667em; list-style-type: none; margin-top:30px } .productDetailsArea .Preventive .featureCol .note { font-size: 85%; background-color:#F4A5AF; padding:5px; } .productDetailsArea .Preventive .featureCol .footNote { font-size: 1.0625em; line-height:1.2 } .productDetailsArea .Preventive .featureCol .subText ul li { font-size:100%; padding:5px 0px 5px 5px; } .productDetailsArea .Preventive .featureCol .subText ul li:before { content:"-"; position: absolute; margin-left: -1.4em; } .productDetailsArea .Preventive .featureCol .subText ul { margin-bottom: 0; list-style-type: none } .productDetailsArea .Preventive .featureCol .subText ul .subText { margin-bottom: 0px } .productDetailsArea .Preventive .featureCol .subText ul li:nth-last-child(1) { padding-bottom: 0; margin-bottom: 0 } .productDetailsArea .Preventive .featureCol .OcpType { font-size: 1.25em; margin-bottom: 30px;padding:5px 0;line-height: 1.2 } .productDetailsArea .Preventive .featureCol .OcpType .FlatTable { width: 95%; margin-bottom:10px; } .productDetailsArea .Preventive .featureCol .OcpType .FlatTable thead tr:nth-child(1) td { font-weight:bold; } .productDetailsArea .Preventive .featureCol .OcpType td:nth-child(1) { text-align:center; width: 30%; border-left: none } .productDetailsArea .Preventive .featureCol .OcpType td:nth-child(2) { text-align:center; width: 10% } .productDetailsArea .Preventive .featureCol .OcpType td:nth-child(3) { text-align:center; width: 23% } .productDetailsArea .Preventive .featureCol .OcpType td:nth-child(4) { text-align:center; width: 10% } .productDetailsArea .Preventive .featureCol .OcpType td:nth-child(5) { text-align:center; width: 10% } .productDetailsArea .Preventive .featureCol .OcpType td:nth-child(6) { text-align:center; width: 17%; border-right: none } .productDetailsArea .Preventive .sobCol { margin-bottom: 30px; } .productDetailsArea .Preventive .sobCol .showDetail { cursor:default; } .productDetailsArea .Preventive .sobCol .costTable { width:100%; display:block; overflow-x:auto} .productDetailsArea .Preventive .sobCol .costTable td { border:1px solid white; font-size:1.16667em;background: #efefef; text-align:center;padding: 10px; } .productDetailsArea .Preventive .sobCol .costTable tr:nth-child(2n+4) td {border:1px solid white; font-size:1.16667em;background: #e9e9e9; } .productDetailsArea .Preventive .sobCol .costTable tr:nth-child(n+3) td:nth-child(1) { font-weight:bold; background: #f2f38b; } .productDetailsArea .Preventive .sobCol .costTable tr:nth-child(n+3) td:nth-child(2) { font-weight:bold; background: #f2f38b; } .productDetailsArea .Preventive .sobCol .costTable .sTit { background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center; } .productDetailsArea .Preventive .sobCol .costTable .planName {background: #0192e3;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center } .productDetailsArea .Preventive .sobCol .costTable .subItem { background: #fcffc8 !important; font-weight:normal !important } .productDetailsArea .Preventive .sobCol .costTable td:nth-child(1) { width: 4% } .productDetailsArea .Preventive .sobCol .costTable td:nth-child(2) { width: 36%; text-align:left; } .productDetailsArea .Preventive .sobCol .costTable td:nth-child(n+3) { width: 15% } .productDetailsArea .Preventive .sobCol .Remarks { padding-top: 8px; font-size: 1.1em; padding-bottom:0px } .productDetailsArea .Preventive .sobCol .remarksArea {margin:30px 0px 20px 0px} /* UCare */ .productDetailsArea .UCare .sobCol .headNote {font-size:1.16em; line-height:1.2} .productDetailsArea .UCare .featureCol ul.plan div.title { font-weight: bold; font-size:1.25em; line-height:1.2; padding:5px 0px; margin-bottom:5px; } .productDetailsArea .UCare .section1Col { position:relative; float:none; width:100%; } .productDetailsArea .UCare .section1Col .section1 { display:block; width:100%; overflow-x: auto } .productDetailsArea .UCare .section1Col .section1 td { border:1px solid white; font-size:1.16667em;background: #efefef; text-align:center;padding: 10px; } .productDetailsArea .UCare .section1Col .section1 tr:nth-child(2n+2) td {border:1px solid white; font-size:1.16667em;background: #e9e9e9; } .productDetailsArea .UCare .section1Col .section1 .sTit { background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center; } .productDetailsArea .UCare .section1Col .section1 .genderName {background: #0192e3 !important;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center } .productDetailsArea .UCare .section1Col .section1 .planName {background: #b4b4b4 !important;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center } .productDetailsArea .UCare .section1Col .section1 td:nth-last-child(-n+4) {width:15%;} .productDetailsArea .UCare .section1Col .section1 td:nth-last-child(n+5) {width:25%;} .productDetailsArea .UCare .section1Col .section1 td:nth-last-child(n+6) {width:15%;} .productDetailsArea .UCare .section1Col .section1 .producthead td:nth-child(1) {width:40%;} .productDetailsArea .UCare .section1Col .section1 .producthead td:nth-child(2) {width:15%;} .productDetailsArea .UCare .section1Col .section1 .producthead td:nth-child(3) {width:15%;} .productDetailsArea .UCare .section1Col .section1 .producthead td:nth-child(4) {width:30%;} .productDetailsArea .UCare .section1Col .section1 .codehead td:nth-child(1) {width:40%; background-color:#b4b4b4} .productDetailsArea .UCare .section1Col .section1 .codehead td:nth-child(n+2) {width:15%; background-color:#b4b4b4} .productDetailsArea .UCare .section1Col .section1 .genderhead td {width:15%;} .productDetailsArea .UCare .section1Col .section1 td.item { background:#f2f38b !important; font-weight: bold; text-align: center; vertical-align: middle; } .productDetailsArea .UCare .section1Col .section1 td.subItem { background:#fcffc8 !important; text-align: left; } .productDetailsArea .UCare .section1Col .remarks { padding-top: 8px; font-size: 1.1em; padding-bottom:0px } .productDetailsArea .UCare .section2Col { position:relative; float:none; width:100%; } .productDetailsArea .UCare .section2Col .section2 { display:block; width:100%; overflow-x: auto } .productDetailsArea .UCare .section2Col .section2 td { border:1px solid white; font-size:1.16667em;background: #efefef; text-align:center;padding: 10px; } .productDetailsArea .UCare .section2Col .section2 tr:nth-child(2n+2) td {border:1px solid white; font-size:1.16667em;background: #e9e9e9; } .productDetailsArea .UCare .section2Col .section2 .sTit { background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center; } .productDetailsArea .UCare .section2Col .section2 .genderName {background: #0192e3 !important;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center } .productDetailsArea .UCare .section2Col .section2 .planName {background: #b4b4b4 !important;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center } .productDetailsArea .UCare .section2Col .section2 .even td {border:1px solid white; font-size:1.16667em;background: #e9e9e9; text-align: left; } .productDetailsArea .UCare .section2Col .section2 td.item {border:1px solid white; font-size:1.16667em;background: #f2f38b !important; text-align: center; font-weight: bold; vertical-align: middle; } .productDetailsArea .UCare .section2Col .section2 td.subItem { background:#fcffc8 !important; text-align: left; } .productDetailsArea .UCare .section2Col .section2 td:nth-last-child(-n+5) {width:12%;} .productDetailsArea .UCare .section2Col .section2 td:nth-last-child(n+6) {width:25%;} .productDetailsArea .UCare .section2Col .section2 td:nth-last-child(n+7) {width:15%;} .productDetailsArea .UCare .section2Col .section2 .producthead td:nth-child(1) {width:40%;} .productDetailsArea .UCare .section2Col .section2 .producthead td:nth-child(2) {width:12%;} .productDetailsArea .UCare .section2Col .section2 .producthead td:nth-child(n+3) {width:24%;} .productDetailsArea .UCare .section2Col .section2 .codehead td:nth-child(1) {width:40%;} .productDetailsArea .UCare .section2Col .section2 .codehead td:nth-child(n+2) {width:12%;} .productDetailsArea .UCare .section2Col .section2 .genderhead td {width:12%;} .productDetailsArea .UCare .section2Col .remarks { padding-top: 8px; font-size: 1.1em; padding-bottom:0px } /* Hospital List*/ .productDetailsArea .hospitalCol { position:relative; float:none; width:96%; margin:0px 2%; } .productDetailsArea .HospitalsList .hospitalCol .showDetail {font-size: 1.5em;color: #3a3a3a;margin: 0px 2% 20px 2%;font-weight: bold;} .productDetailsArea .HospitalsList .hospitalCol .hospitalTable { line-height: 1.2;width:100%; } .productDetailsArea .HospitalsList .hospitalCol .hospitalTable .sTit {background: #01baf2;font-size: 1.3333em;padding: 10px;color: #fff; text-align:center;} .productDetailsArea .HospitalsList .hospitalCol .hospitalTable td {border:1px solid white; font-size:1.16667em;background: #efefef; text-align:center;padding: 10px; } .productDetailsArea .HospitalsList .hospitalCol .hospitalTable tr:nth-child(2n+2) td {border:1px solid white; font-size:1.16667em;background: #e9e9e9; } .productDetailsArea .HospitalsList .hospitalCol .hospitalTable td:nth-child(1) { width: 70%; } .productDetailsArea .HospitalsList .hospitalCol .hospitalTable td:nth-child(2) { width: 30%; } /* Downloads */ .k-list-container .k-list-scroller .kdl_disabled { background:#79bcff; color:#fff } .productDetailsArea .step03Area .Downloads .formCol .inputField { width: calc(90% - 105px) !important } .productDetailsArea .step03Area .Downloads .twoCol { width:100%; } .productDetailsArea .step03Area .Downloads .twoCol .col {float:left;width:70% ;} .productDetailsArea .step03Area .Downloads h2 label { font-size: 1em; color:#3a3a3a; font-weight:normal; margin-bottom:5px;} .productDetailsArea .step03Area .Downloads h2 {float:left;width:20%;font-size: 1.3em;color:#3a3a3a;font-weight:bold;padding-top:13px;} .productDetailsArea .step03Area .Downloads .featureCol h1 { font-size: 1.66667em; color:#3a3a3a; margin-bottom:10px; font-weight:bold; background:none; padding: 0 } .productDetailsArea .step03Area .Downloads .btnSubmit { margin-top:7px } @media screen and (max-width: 1199px) and (-webkit-min-device-pixel-ratio:0) { /** For MaidSafe **/ .productDetailsArea.OnlineAppDMS .step02Area .tblCol td .radioPremiumAlign{ vertical-align: top; padding-top:2px; } .productDetailsArea.OnlineAppOSI .step02Area .tblCol td .radioPremiumAlign{ vertical-align: top; padding-top:2px; } } @media screen and (max-width: 320px) { .OnlineAppHMP .step02Area table#tbBenefit {font-size:0.8em} .OnlineAppIMOP .step02Area table#tbBenefit .TSM_RadioBtnLabel { margin-left: 0px; margin-right: 3px; } } @media screen and (max-width: 600px) { #main_footer { font-size: 90% ;} .footerInnerArea li h1 { font-size: 1.5em; margin-bottom: 5px;} } @media screen and (max-width: 1199px) { .header { height: 80px; } .header .innerArea .lCol .bclogo { height: 40px; } .header .innerArea { padding: 20px; width: auto; } .header .innerArea .lCol { width: 100%; } .lSSlideOuter .lSPager.lSpg { margin: 10px !important; } .insuranceSelectionArea h1 { padding-top: 0px; padding-bottom: 20px; } /*.promotionArea .promotionInnerArea { padding:10px 0;}*/ .promotionArea .promotionInnerArea { padding: 0; } .promotionArea .promotionInnerArea h1 { font-size: 2em; margin-bottom: 15px; } .promotionArea .mobileSection .mobilePromotion .promotionContent p { margin-bottom: 20px; } .productDetailsArea .memberOfferCol { margin-bottom: 15px; } /* 2018060029 */ .productDetailsArea.OnilneAppTSM .QuestionSet.noHeader .answer { margin-left: 0px; } .remarksArea { font-size: 1.05em !important; } .breadcrumbArea .innerArea { border-top: 1px solid #c8c8c8; } .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow, .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew { margin: 0px auto; } .promotionPopArea .promotionContentArea .contentCol table td.firstCol a img { vertical-align: middle; } .productDetailsArea { padding: 30px 0px 30px 0px; } .productDetailsArea .productNavArea { margin-bottom: 35px; } .productDetailsArea #Content { font-size: 90%; } .productDetailsArea .memberOfferCol h1 { font-size: 1.6em; } .productDetailsArea .applyNowTab .statusFlowArea { margin-bottom: 35px; } .insuranceSelectionArea li:nth-last-child(3), .insuranceSelectionArea li:nth-last-child(2), .insuranceSelectionArea li:nth-last-child(1) { margin-bottom: 0px; } .productDetailsArea .step01Area .formCol .col01, .productDetailsArea .step01Area .formCol .col02, .productDetailsArea .step01Area .formCol .col03 { padding-bottom: 10px !important; margin-bottom: 5px !important; } .productDetailsArea .step01Area .formCol .inputField { min-height: auto; padding: 5px; } .productDetailsArea .step01Area .formCol .selectItem { margin-bottom: 0px; padding-top: 15px; height: auto; } .productDetailsArea .step01Area .formCol h1 { margin-bottom: 5px; padding-top: 15px; } .productDetailsArea .step01Area .formCol .formGroup { margin-bottom: 10px; } .productDetailsArea .remarksArea { padding-bottom: 10px; } .productDetailsArea .step01Area .formCol .QuestionSet { margin-bottom: 10px !important; } .productDetailsArea .step01Area .formCol .inputField fieldset div.selectItem:nth-last-child(1) { height: auto; } .productDetailsArea.OnilneAppTSM .step01Area .formCol .inputField fieldset div.selectItem:nth-last-child(2) { height: auto; } .productDetailsArea .step01Area .formCol .col01 h1:nth-child(1), .productDetailsArea .step01Area .formCol .col02 h1:nth-child(1), .productDetailsArea .step01Area .formCol .col03 h1:nth-child(1) { padding-top: 10px; } .productDetailsArea.OnlineAppDAR .step01Area .formCol .col01 .inputField div.selectItem:nth-last-child(2) { height: auto; } .productDetailsArea.OnlineAppWHS .step01Area .formCol .col01, .productDetailsArea.OnlineAppWHS .step01Area .formCol .col02 { height: auto; } .productDetailsArea.OnlineAppWHS .step01Area .formCol .col02 { border: 0px; } .productDetailsArea .featureCol ul { margin-bottom: 20px; } .productDetailsArea .featureCol ul li { font-size: 1.2em; } /* End of 2018060029 */ #SearchResult { width: 90%; margin: 0 auto; padding-top: 20px; } #SearchResult table { width: 100%; margin: 0 auto; } #SearchResult table .Search_Path { word-break: break-word; } .promotionPopArea .ShareGroup .shareArea { margin-left: 15px; } .ShareGroup a.at-svc-whatsapp { display: inline-block; } #CommonAlertPanel #Commondialog { width: 250px; } .productDetailsArea .step02Area .tblCol .price { padding: 0px; } .promotionArea .promotionInnerArea h1 span { margin-left: 0px; } .promotionArea .promotionInnerArea h1 span.speChar { margin-right: 0px; } .insuranceSelectionArea h1 span { letter-spacing: 0; } .insuranceSelectionArea h1 span.open { margin: 0px 0px 0 -10px; } .insuranceSelectionArea h1 span.close { margin: 0px -10px 0 0px; } .promotionArea .promotionInnerArea .btmRow .rCol { width: 100%; } .mobileOnlineApplicaion { display: block; position: absolute; right: 67px; top: 27px; } .mobileOnlineApplicaion a { display: inline-block; background: #fcb040; color: #fff; font-size: 12px; padding: 5px 10px; line-height: 1.2; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .mobileOnlineApplicaion img { position: relative; margin-left: 5px; top: 2px; width: 12px; height: auto; } .footerInnerArea .btnSocial { margin-bottom: 0px; padding-bottom: 10px; } .productDetailsArea .step02Area .tblCol .bigTit { font-size: 1.33em; } .promotionArea .promotionPopArea .promotionContentArea .visualCol .btnCta { width: 105px; } .insuranceSelectionArea { padding-top: 20px; padding-bottom: 20px; } .insuranceSelectionArea .insuranceInnerArea { padding-bottom: 0px; } .frontBannerArea { padding-top: 0px; } .importantNotesArea .rCol { font-size: 1.16667em; } .lSAction > .lSNext { right: 2%; margin-right: 0px; } .lSAction > .lSPrev { left: 2%; margin-left: 0px; } .footerInnerArea li { padding: 0; } .footerInnerArea li.col01 { margin-top: 15px; } .footerInnerArea li.col01, .footerInnerArea li.col04 { display: list-item; padding-left: 58px; width: 240px; } /*.footerInnerArea li dd {display:inline-block; }*/ .TelforDesktop { display: none; } .TelforMobile { display: inline-block; } .frontBannerArea .bannerSlider .banner01 { background: none !important; } .frontBannerArea .bannerSlider .bannerImgDesktop { display: none !important; } .promotionArea .mobileSection .promotion04.promotionContent, .promotionArea .mobileSection .promotion05.promotionContent { background: #d8ed3a; } .promotionArea .mobileSection .promotion05 { border-top: 1px solid white; } .promotionArea .promotionInnerArea h1 { color: #0061b3; } .promotionArea .promotionInnerArea p { color: black; } .step04Area .featureCol .btnQuote a { line-height: 2.2; } .productDetailsArea .OnlineAppTAA .featureCol .btnQuote a { line-height: 2.2; } .productDetailsArea .OnlineAppTAA .sobCol .btnQuote a { line-height: 2.2; } .tabContent li .step, .tabContent li .step { margin-top: 0; } .promotionPopArea { display: block; position: inherit; height: auto; width: 98%; } .promotionPopArea .promotionContentArea .contentCol table td { padding: 10px 10px; } .promotionPopArea .promotionContentArea .contentCol .otherDetail { background: #fde145; padding: 10px 0px; text-align: center; } .promotionPopArea .promotionContentArea .visualCol .mainvisual { width: 100%; height: auto; } .promotionArea .mobileSection .promotion04.promotionContent { border-top: 1px solid white; } .promotionPopArea .promotionContentArea .visualCol { display: none; } .promotionPopArea .promotionContentArea { position: initial; } .promotionPopArea .btnClose { top: -10px; right: 15px; } .promotionPopArea .promotionContentArea .visualCol .visualContent { position: absolute; top: 0px; height: 100%; width: 50%; } .promotionPopArea .promotionContentArea .visualCol h1 { font-size: 2em; color: #0061b3; padding: 15px 20px 0px 20px; line-height: 1.2; text-align: left; font-weight: bold; margin-bottom: 10px; } .promotionPopArea .promotionContentArea h1 span { letter-spacing: -.5em; font-weight: bold; } .promotionPopArea .promotionContentArea h1 span.speChar { margin-left: -22px; letter-spacing: 0; } .promotionPopArea .promotionContentArea .visualCol p { position: absolute; width: 80%; font-size: 1em; color: #3a3a3a; padding: 0px 20px; line-height: 1.3; text-align: left; margin-bottom: 20px; } .promotionPopArea .promotionContentArea .btnCta { width: 135px; margin: 0 auto; } .promotionPopArea .promotionContentArea .btnCta a { display: block; background: #fff; font-size: 1.1667em; color: #3a3a3a; padding: 5px 10px; line-height: 1.2; text-align: left; border-radius: 3px; overflow: hidden; text-align: center; } .promotionPopArea .promotionContentArea .btnCta img { position: relative; margin-left: 5px; top: 3px; width: 16px; height: auto; } .promotionArea .mobileSection .mobilePromotion .promotionContent p { width: 90%; } .promotionPopArea .promotionContentArea .contentCol { width: 99%; padding: 0px; margin: 0 auto; float: none; } .promotionPopArea .promotionContentArea { width: 99%; margin: 0 auto; } .step04Area .featureCol .btnGroup { text-align: center; } .productDetailsArea .memberOfferCol { min-height: 10px; } /* Added by Chris at 01 Feb, 2018: For handling the style when member offer col showed */ .productDetailsArea .memberOfferCol_New { margin: 0px auto; margin-bottom: 25px; } /* Added by Chris at 01 Feb, 2018 END */ .productDetailsArea .step01Area .formCol .inputField input { background: none; padding-left: 0px; } .header .innerArea .mobileNavBtn { right: 15; width: 27px; } .header .innerArea .mobileNavBtn a .row01 { width: 100%; } .header .innerArea .mobileNavBtn a .row02 { width: 100%; } .header .innerArea .mobileNavBtn a .row03 { width: 100%; } .header .innerArea .mobileNavLogout { right: calc(70px + 2%); } .header .innerArea .mobileNavShoppingBag { right: calc(35px + 2%); margin-top: -20px; } .mobileSearchBtn { position: absolute; display: block; top: 50%; right: 46px; height: 26px; margin-top: -9px; } .mobileSearchBtn img { width: 17px; } .breadcrumbArea .innerArea { width: auto; } .productDetailsArea #Quote .step02Area .tblCol .quote_description td { text-align: justify; } .productDetailsArea #Quote .step02Area h2 { width: 100px; } .productDetailsArea .step02Area .tblCol .Agreement { text-align: center; } .productDetailsArea .innerArea .rCol { margin: 0 auto; width: 100%; margin-top: 14px; } .productDetailsArea .step03Area .formCol .formInputGroup h2 { width: 100%; } .productDetailsArea #Apply .step03Area .formCol .formInputGroup .Address { padding-top: 10px; } .productDetailsArea #Apply .step03Area .formCol .formInputGroup .Address h2 { padding-top: 0; margin-bottom: 0; } .productDetailsArea #Apply .step03Area .formCol #div_Area .selectItem { width: 80%; margin: 8px 5px; } .productDetailsArea .step03Area .formCol .formInputGroup #ageInputDiv h2 { width: 40px; } .productDetailsArea .step03Area .formCol .districtRow h2 { display: none; } .productDetailsArea .step03Area .formCol .formInputGroup #ageInputDiv .inputField { width: 30% !important; } .productDetailsArea .step03Area .formCol .inputField#hkid { width: 56% !important; } .productDetailsArea .step03Area .formCol .inputField#passport { width: 56% !important; } .productDetailsArea .step03Area .formCol .IDType { width: 90px; } .productDetailsArea .step03Area .formCol .IDType .dropdown { width: 100%; } .productDetailsArea .step03Area .formCol .planInfo h2 { width: 130px; } .productDetailsArea .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) { padding-left: 0px; margin-left: 5px; } .productDetailsArea .step03Area .formCol .formGroup .formInputGroup .selectItem { margin-left: 5px; } .productDetailsArea .step03Area .btnCtaGroup .div_btn { float: none; } .productDetailsArea .applyNowTab .btnCtaGroup .div_btn { float: none; text-align: center; margin-top: 20px; } .productDetailsArea .step03Area .formCol #InsuredDetail .mobileTran { width: 75% !important; float: right; } .productDetailsArea .step03Area .formCol #InsuredDetail div.mobileVisible { display: inline-block; width: 20%; padding: 12px 7px; ; font-size: 1.2em; } .productDetailsArea .step03Area .formCol #InsuredDetail .inputField .mobileTran { width: 75%; float: right; } .productDetailsArea .step03Area .formCol #InsuredDetail .inputField .mobileVisible { display: inline-block; width: 20%; padding: 5px 0; font-size: 1.2em; } .productDetailsArea .step03Area .formCol #InsuredDetail hr { width: 85%; position: relative; top: 20px; border-color: #e0e0e0; border-top: 0px; } .productDetailsArea .step03Area .formCol #InsuredDetail .inputField .passport { width: 58% !important; } .productDetailsArea .step03Area .formCol #InsuredDetail .idPassportCol .inputField .Field { width: 75% !important; float: right; padding: 0; } .productDetailsArea .step03Area .formCol #InsuredDetail .errorRow { float: left; margin-left: 0px; } .productDetailsArea .step03Area .formCol #InsuredDetail .selectItem span { font-size: 1em; } .productDetailsArea .step03Area .formCol .planDetail tr td:nth-child(1) { width: 130px; font-weight: bold; } .step04Area .featureCol .btnQuote a { float: none; } .step04Area .featureCol .btnQuote { text-align: center; } .benefitScheduleTab .sobCol .btnQuote a { float: none; } .benefitScheduleTab .sobCol .btnQuote { text-align: center; } .productDetailsArea .sobCol .remarksArea { font-size: 13px; line-height: 1.2; color: #3a3a3a; padding-bottom: 20px; margin: 0px 2% 20px 2%; border-bottom: 1px solid #e0e0e0; } .productDetailsArea .sobCol .remarksArea table { border-collapse: separate; margin: 0px 0%; font-size: 100%; width: 100%; } .productDetailsArea .sobCol .showDetail { font-size: 1.5em; color: #3a3a3a; margin: 0px 2% 20px 2%; font-weight: bold; } #backgroundLayer #dialog { width: 60%; } /* Added by Chris for Overseas StudySafe */ #backgroundLayer1 #dialog1 { width: 60%; } /* Added by Chris for Overseas StudySafe */ #backgroundLayer2 #EnquiryDialog { width: auto; } #backgroundLayer2 #EnquiryDialog .Dialog_Content tr td:nth-child(2) input { width: 80%; } #ConfirmDialogLayer #ConfirmDialog { font-size: 1.16667em; max-height: 85%; width: 72%; } #NewPurchaseDialogLayer #NewPurchaseDialog { font-size: 1.16667em; max-height: 85%; width: 72%; } .productDetailsArea #Confirm .step03Area .formCol .planInfo { font-size: 1.2em; } .productDetailsArea #Confirm .step03Area .formCol #InsuredDetail label { padding-top: 12px; } .productDetailsArea #Confirm .step03Area .formCol #InsuredDetail .col { width: 100% !important; padding: 0px 10px 5px 0px; } .productDetailsArea #Confirm .step03Area .formCol .promotRow h2 { width: auto; margin-right: 10px; } .productDetailsArea #Confirm .step03Area .formCol .formInputGroup .col.contactno { width: 60% !important; } .productDetailsArea #Confirm .step03Area .formCol .col { width: auto !important; } .productDetailsArea #Confirm .step03Area .formCol table#Address td h2 { width: auto; } .productDetailsArea #Confirm .step03Area .formCol #InsuredDetail div.mobileVisible { display: inline-block; width: 30%; padding: 12px 0px; font-size: 1.2em; } .productDetailsArea #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 130px; font-weight: bold; } .menu li > ul { display: none; } .header .innerArea .mobileNavArea { width: 280px; right: -280px; } .header .innerArea .mobileNavArea .menu li.level2 a { background: #fff; color: #0092e2; } .header .innerArea .mobileNavArea .menu li.level2 ul li a { color: #000; padding-left: 25px; } .header .innerArea .mobileNavArea .menu li.level2 ul li:nth-child(1) { border-top: 1px solid #eee; } .header .innerArea .mobileNavArea .menu .moredetail { display: inline-block; width: 14px; height: 14px; text-align: center; } .header .innerArea .mobileNavArea .menu .level1.fontsize { float: left; width: 100%; } .header .innerArea .mobileNavArea .menu .level1.fontsize table { margin-left: 20px; } .header .innerArea .mobileNavArea .menu .level1.fontsize td { vertical-align: bottom; } .header .innerArea .mobileNavArea .menu .level1.fontsize .fontsLarger a { display: block; padding: 3px 5px; font-size: 20px; color: #3e3e3e; text-transform: uppercase; color: #768706; cursor: pointer; } .header .innerArea .mobileNavArea .menu .level1.fontsize .fontsNormal a { display: block; padding: 3px 5px; font-size: 16px; color: #3e3e3e; text-transform: uppercase; color: #768706; cursor: pointer; } .header .innerArea .mobileNavArea .menu .level1.fontsize .fontsSmaller a { display: block; padding: 3px 5px; font-size: 12px; color: #3e3e3e; text-transform: uppercase; color: #768706; cursor: pointer; } .header .innerArea .mobileNavArea ul li.mb_share a { display: inline-block; } .header .innerArea .mobileNavArea ul li.mb_share .addthis_inline_share_toolbox { padding: 5px 0 0 18px; } .productDetailsArea .step01Area .QuoteTSM .col03 { margin: 0px; } /*For Annual Travel*/ .productDetailsArea.OnlineAppTAA #Quote .step02Area .tblCol .accept { text-align: center; } .productDetailsArea.OnlineAppTAA #Quote .step02Area .tblCol .Accept { text-align: center; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .planInfo h2 { width: 155px; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoRow p { width: auto; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .inputField#hkid { width: 90% !important; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; margin-top: 10px; width: 90%; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .inputField { float: none; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .InsGender { float: none; position: inherit; margin: 10px 7px; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .InsuredInfo .col .left { width: 100%; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoGroup .twoCol .question { float: none; width: 90%; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoGroup .twoCol .answer { float: none; width: 90%; text-align: left; padding-left: 22px; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoGroup .twoCol .answer label { margin-right: 10px; } .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol .formInputGroup .col { padding: 0px; } .productDetailsArea.OnlineAppTAA .step01Area .formCol .col01, .productDetailsArea.OnlineAppTAA .step01Area .formCol .col02, .productDetailsArea.OnlineAppTAA .step01Area .formCol .col03 { height: auto; } .productDetailsArea.OnlineAppTAA .step03Area .formCol .infoGroup .col { margin: 10px 0; } .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol table#Address td h2 { width: 90%; } .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppTAA #Confirm .step03Area .formCol .formInputGroup .promotionGroup .col { padding: 10px 10px 5px 0px; } .productDetailsArea .OnlineAppTAA .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppTAA .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppTAA .featureCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppTAA .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppTAA .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppTAA .sobCol .btnQuote a { float: none; } .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .question { width: 96%; } .productDetailsArea.OnlineAppTAA .step01Area .formCol .QuestionSet .answer { width: 96%; margin-top: 10px; } .productDetailsArea .OnlineAppTAA .sobCol .note { margin: 0 2%; } /*For Annual Travel*/ .productDetailsArea .featureCol ul li { background-position-y: 10px; } .productDetailsArea .benefitScheduleTab .tsmmbsob2 td:nth-child(3):not(.cost) { text-align: left; } .productDetailsArea .benefitScheduleTab .memberOfferCol .listingArea table td { text-align: left; line-height: inherit; vertical-align: initial; position: inherit; border: none; } .productDetailsArea .benefitScheduleTab .cost { padding: 10px 0px 10px 0px; } .productDetailsArea .benefitScheduleTab .planName { padding: 10px 0px 10px 0px; } /*for Home Safe*/ .productDetailsArea.OnlineAppHMP .step01Area .formCol .col01, .productDetailsArea.OnlineAppHMP .step01Area .formCol .col02, .productDetailsArea.OnlineAppHMP .step01Area .formCol .col03 { height: auto; padding-bottom: 0px; width: 100%; } .productDetailsArea.OnlineAppHMP .step03Area .formCol .IDType { width: 90%; } .productDetailsArea.OnlineAppHMP #Apply .step03Area .formCol #div_Area .selectItem { width: auto; } .productDetailsArea.OnlineAppHMP .step03Area .formCol #PlanDetail .addheight .col { width: 50% !important; } .productDetailsArea.OnlineAppHMP .step03Area .formCol #PlanDetail .addheight .col .inputField { padding: 2px 7px; } .productDetailsArea.OnlineAppHMP .step03Area .formCol #PlanDetail .addheight h2 { width: 120px; } .productDetailsArea.OnlineAppHMP .step02Area .tblCol .costTit { padding: 5px; } .productDetailsArea.OnlineAppHMP .step02Area .tblCol .cost { padding: 5px; } .productDetailsArea.OnlineAppHMP .step02Area .TSM_RadioBtnLabel { padding: 0px; margin: 0px; } .productDetailsArea.OnlineAppHMP .step02Area .tblCol .priceTit { padding: 5px; } /*.productDetailsArea .OnlineAppHMP .sobCol table.NoBorder {font-size:75%} .productDetailsArea .OnlineAppHMP .sobCol table.NoBorder table {font-size:100%}*/ .productDetailsArea .OnlineAppHMP .sobCol { width: 96%; } .productDetailsArea .OnlineAppHMP .sobCol table { font-size: 100%; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .cost { padding: 10px 0; font-size: 80%; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .costTit { padding: 10px 0; font-size: 80%; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .costSub, .productDetailsArea .OnlineAppHMP .sobCol .costTable .costSubTit { font-size: 80%; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .bigTit, .productDetailsArea .OnlineAppHMP .sobCol .costTable .sTit, .productDetailsArea .OnlineAppHMP .sobCol .costTable .plan, .productDetailsArea .OnlineAppHMP .sobCol .costTable .sectionTitle, .productDetailsArea .OnlineAppHMP .sobCol .costTable .mainTitle { font-size: 100%; } .productDetailsArea .OnlineAppHMP .sobCol .costTable .dash { width: 11px; } .productDetailsArea .OnlineAppHMP .sob3.desc { padding: 20px 2%; } .productDetailsArea .OnlineAppHMP .sob1 { padding: 10px 0; } .productDetailsArea .OnlineAppHMP .sobCol table.sob1 { font-size: 100%; } .productDetailsArea .OnlineAppHMP div.sob1, .productDetailsArea .OnlineAppHMP div.sob2 { padding: 10px 2%; } .productDetailsArea.OnlineAppHMP .step03Area .formCol #InsAddress .isSameAddr { width: 98%; } .productDetailsArea.OnlineAppHMP .step03Area .formCol #InsAddress .SameAddressQuestion { height: 80px; } .productDetailsArea .step02Area .tblCol #tbBenefit table.NoBorder .left { width: 5px; } /* For Maid Safe*/ form.SubmitDMS.formCol H1 { background-color: #e0e0e0; padding: 8px 10px; } .OnlineAppDMS #Quote .price .k-radio-label { top: 1px; } /*.OnlineAppDMS .applyNowTab .k-i-calendar, .k-i-arrow-s {margin-top: 6px;}*/ .OnlineAppDMS .step03Area .formCol .formGroup .titOption { float: left; width: 100%; padding-top: 10px; } .productDetailsArea.OnlineAppDMS .step01Area .formCol .col01, .productDetailsArea.OnlineAppDMS .step01Area .formCol .col02, .productDetailsArea.OnlineAppDMS .step01Area .formCol .col03 { float: none; width: 100%; height: auto; padding: 0px; padding-bottom: 15px; margin-bottom: 30px; } .productDetailsArea .OnlineAppDMS #basic_table td { font-size: 1.1em; } .productDetailsArea .OnlineAppDMS .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppDMS .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppDMS .featureCol .btnQuote a { float: none; display: inline-block; margin: 5px; } .productDetailsArea .OnlineAppDMS .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppDMS .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppDMS .sobCol .btnQuote a { float: none; display: inline-block; margin: 5px; } .productDetailsArea.OnlineAppDMS .BlockDisplay { display: block; } .productDetailsArea.OnlineAppDMS .rowSeparator { height: 15px; } .productDetailsArea.OnlineAppDMS .step02Area .tblCol td .radioPremiumAlign { vertical-align: top; } /*Working Holiday*/ .productDetailsArea .OnlineAppWHS .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppWHS .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppWHS .featureCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppWHS .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppWHS .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppWHS .sobCol .btnQuote a { float: none; } .productDetailsArea.OnlineAppWHS .step01Area .formCol .col01, .productDetailsArea.OnlineAppWHS .step01Area .formCol .col02 { width: 100%; } .productDetailsArea.OnlineAppWHS .step02Area .Accept { text-align: center; } /* For Online Renewal */ .productDetailsArea.OnlineRenew .step01Area .formCol { position: relative; float: none; width: 96%; margin: 0px auto; } .productDetailsArea.OnlineRenew .step01Area .formCol .inputRow { display: block; } .productDetailsArea.OnlineRenew .step01Area .formCol .fieldLabel { float: none; width: 90%; } .productDetailsArea.OnlineRenew .step01Area .formCol .inputField { float: none; width: 90%; } .productDetailsArea.OnlineRenew .step01Area .formCol .inputField input { font-size: inherit; line-height: inherit; background: none; background-color: #fff; } .productDetailsArea.OnlineRenew .step01Area .formCol .remarkField { width: 90%; line-height: 2; padding-top: 0px; } .OnlineRenew.productDetailsArea #Confirm .step03Area .otherInfoGroup .infoGroup .payment tr td:nth-child(1) { width: 130px; font-weight: bold; } .OnlineRenew.productDetailsArea .step03Area .formCol .planDetail .emailRemarks { font-weight: normal !important; } .productDetailsArea .memberOfferCol .listingArea .planDetail { width: auto; margin: 0px auto; } .productDetailsArea .memberOfferCol .listingArea .planDetail tr td:nth-child(1) { width: 60%; font-weight: bold; } /* For Online Renewal */ /* For Online Endorsement */ .productDetailsArea.OnlineEndorse .lCol { width: 49%; } .productDetailsArea.OnlineEndorse .step01Area .formCol { position: relative; float: none; width: 96%; margin: 0px auto; } .productDetailsArea.OnlineEndorse .step01Area .formCol .inputRow { display: block; } .OnlineEndorse.productDetailsArea .step03Area .k-header { width: 100%; } .OnlineEndorse.productDetailsArea .step03Area .InsDOB.inputField { width: 100%; } .productDetailsArea.OnlineEndorse .step01Area .formCol .fieldLabel { float: none; width: 90%; } .productDetailsArea.OnlineEndorse .step01Area .formCol .inputField { float: none; width: 90%; } .productDetailsArea.OnlineEndorse .step01Area .formCol .inputField input { font-size: inherit; line-height: inherit; background: none; background-color: #fff; } .productDetailsArea.OnlineEndorse .step01Area .formCol .remarkField { width: 90%; line-height: 2; padding-top: 0px; } .productDetailsArea.OnlineEndorse .step03Area .formCol .formInputGroup .Address { padding-top: 0px; } .OnlineEndorse.productDetailsArea .step03Area .fieldLabel label { font-weight: bold; } .OnlineEndorse.productDetailsArea .step03Area .fieldLabel { width: 90% !important; min-height: 1em; padding-bottom: 0px; } .OnlineEndorse.productDetailsArea .step03Area .inputField { width: 90% !important; padding-top: 4px; } .OnlineEndorse.productDetailsArea .IDType { width: 25%; } .OnlineEndorse.productDetailsArea .step03Area .formCol .IDType { padding: 4px; } .OnlineEndorse.productDetailsArea .step03Area .formCol .inputField#Original_hkid { width: 50% !important; } .OnlineEndorse.productDetailsArea .step03Area .formCol .inputField#Original_passport { width: 50% !important; } .OnlineEndorse.productDetailsArea .step03Area .formCol .planDetail .emailRemarks { font-weight: normal !important; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .twoCol .col input { width: 100%; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .Address { padding-top: 0px; } .OnlineEndorse.productDetailsArea #Apply .step03Area .formCol .Address .twoCol .col input { width: 80%; } .OnlineEndorse.productDetailsArea #Apply .step03Area .radio .selectItem { width: 80%; margin: 4px 0px; } .OnlineEndorse.productDetailsArea #Apply .step03Area #div_Area .selectItem { width: 80%; margin: 4px 5px; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .col { width: 90% !important; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .otherInfoGroup .infoGroup .payment tr td:nth-child(1) { width: 130px; font-weight: bold; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .formCol .formInputGroup .Address { padding-top: 0px; } .OnlineEndorse.productDetailsArea #Confirm .step03Area .radio .selectItem { width: 80%; margin: 4px 5px; } .OnlineEndorse.productDetailsArea #Confirm .step03Area #div_Area .selectItem { width: 80%; margin: 4px 5px; } /* For Online Endorsement */ /* For Oversea StudySafe */ .productDetailsArea.OnlineAppOSI .step01Area .formCol .col01, .productDetailsArea.OnlineAppOSI .step01Area .formCol .col02 { width: 100%; } .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .question { width: 96%; } .productDetailsArea.OnlineAppOSI .step01Area .formCol .QuestionSet .answer { width: 96%; margin-top: 10px; } .productDetailsArea.OnlineAppOSI .step02Area .BlockDisplay { display: block; } .productDetailsArea.OnlineAppOSI .step02Area .rowSeparator { height: 15px; } .productDetailsArea.OnlineAppOSI .step02Area .tblCol td .radioPremiumAlign { vertical-align: top; } .productDetailsArea.OnlineAppOSI #Quote .step02Area .price .k-radio-label { top: 1px; } .productDetailsArea.OnlineAppOSI .step02Area .step02Error { text-align: center; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .planInfo h2 { width: 155px; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoRow p { width: auto; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .inputField#hkid { width: 90% !important; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; margin-top: 10px; width: 90%; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .inputField { float: none; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .InsGender { float: none; position: inherit; margin: 10px 7px; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .InsuredInfo .col .left { width: 100%; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup .twoCol .question { float: none; width: 90%; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup .twoCol .answer { float: none; width: 90%; text-align: left; padding-left: 22px; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup .twoCol .answer label { margin-right: 10px; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup #AsiaMilesNo { width: 100%; } .productDetailsArea.OnlineAppOSI .step03Area .formCol .infoGroup .col { margin: 10px 0; } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol table#Address td h2 { width: 90%; } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol .formInputGroup .col { padding: 0px; } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol table#Address td h2 { width: 90%; } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppOSI #Confirm .step03Area .formCol .formInputGroup .promotionGroup .col { padding: 10px 10px 5px 0px; } .productDetailsArea .OnlineAppOSI .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppOSI .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppOSI .featureCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppOSI .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppOSI .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppOSI .sobCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppOSI .sobCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppOSI .sobCol .btnQuote { text-align: center; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 td:nth-child(3):not(.cost) { text-align: left; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 td { position: relative; line-height: 1.2; vertical-align: middle; border: 1px solid #fff; text-align: center; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 td.col01 { width: 20%; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 td.col03 { width: 40%; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .bigTit { background: #01baf2; font-size: 1.66667em; padding: 20px; color: #fff; width: 25%; text-align: left; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .col03.bigTit { text-align: center; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .sTit { background: #01baf2; font-size: 1.3333em; padding: 10px; color: #fff; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .projectTit { background: #e2e6a9; font-size: 1.3333em; padding: 10px; color: #828558; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .planName { background: #0192e3; font-size: 1.3333em; padding: 10px; color: #fff; padding: 10px 0px 10px 0px; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .cost { background: #f2f38b; font-size: 1.16667em; padding: 10px; color: #000; padding: 10px 0px 10px 0px; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .costSubTit { background: #efeedc; font-size: 1.16667em; padding: 10px; color: #000; text-align: center; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .costSub { background: #efefef; font-size: 1.16667em; padding: 10px; color: #000; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .col03.costSub { text-align: left; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .even .costSubTit { background: #eae8d9; } .productDetailsArea .OnlineAppOSI .sobCol .sob3 .costSub.even, .productDetailsArea .OnlineAppOSI .sobCol .sob3 .even .costSub { background: #e9e9e9; } /* For Oversea StudySafe */ /* For New Login Panel */ #BecomeMemberPanel #divBecomeMember .inputRow .col_1 { width: 90%; } #BecomeMemberPanel #divBecomeMember .inputRow .col_2, #BecomeMemberPanel #divBecomeMember .inputRow .col_3 { width: 90%; } /* For New Login Panel */ /* For All-In-One */ .productDetailsArea .OnlineAppIMOP .featureCol, .productDetailsArea .OnlineAppIMOP .sobCol, .productDetailsArea.OnlineAppIMOP .step01Area .formCol, .productDetailsArea.OnlineAppIMOP .step02Area .tblCol { float: none; } .productDetailsArea .OnlineAppIMOP .sobCol .footNote { margin-bottom: 60px; } .productDetailsArea .OnlineAppIMOP .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppIMOP .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppIMOP .featureCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppIMOP .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppIMOP .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppIMOP .sobCol .btnQuote a { float: none; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredSelection .InsuredPerson { float: none; width: 90%; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol { width: 100%; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .fieldLabel { width: 100%; padding: 10px 0; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB { width: 93%; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .borderLeft { padding-left: 0px; border-left: none; } .productDetailsArea.OnlineAppIMOP .step01Area .formCol .formGroup .InsuredDOB .borderBottom { border-bottom: none; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit .desktopVisible { display: none; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit .mobileVisible { display: block; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit .priceTit { padding: 10px 10px 10px 10px; } .productDetailsArea.OnlineAppIMOP #Quote .step02Area .tblCol #tbBenefit .bigTit { padding: 20px 10px 20px 10px; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .infoRow h2 { width: 50%; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .infoRow p { width: 50%; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: none; width: 100%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 0px 0px 0px; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: none; width: 100%; } .productDetailsArea.OnlineAppIMOP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: none; width: 100%; padding: 7px; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppIMOP #Confirm .step03Area .formCol .planDetail .Premium { width: auto; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float: none; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .inputField { width: 100%; float: none; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float: none; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 100%; float: none; padding: 7px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol .InsuredInfo .InsGender { width: 90%; float: none; padding: 7px; } .productDetailsArea.OnlineAppIMOP .step03Area .formCol #InsuredDetail hr { top: 0px; width: 100%; } /*New css for All-In-One 20190813*/ .productDetailsArea.OnlineAppIMOP .step01Area .AppForm .InsuredDOB .insuredCol {width:100%;} .productDetailsArea.OnlineAppIMOP .step02Area .AppForm #tbBenefit .desktopVisible { display: none;} .productDetailsArea.OnlineAppIMOP .step02Area .AppForm #tbBenefit .mobileVisible { display: block;} .productDetailsArea.OnlineAppIMOP .step03Area .AppForm #dd02 {width:100% ; float:left;} /* For All-In-One */ /* For Dental */ .productDetailsArea .OnlineAppIMDP .featureCol, .productDetailsArea .OnlineAppIMDP .sobCol, .productDetailsArea.OnlineAppIMDP .step01Area .formCol, .productDetailsArea.OnlineAppIMDP .step02Area .tblCol { float: none; } .productDetailsArea .OnlineAppIMDP .sobCol .footNote { margin-bottom: 60px; } .productDetailsArea .OnlineAppIMDP .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppIMDP .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppIMDP .featureCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppIMDP .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppIMDP .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppIMDP .sobCol .btnQuote a { float: none; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredSelection .InsuredPerson { float: none; width: 90%; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol { width: 100%; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .fieldLabel { width: 100%; padding: 10px 0; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB { width: 93%; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .borderLeft { padding-left: 0px; border-left: none; } .productDetailsArea.OnlineAppIMDP .step01Area .formCol .formGroup .InsuredDOB .borderBottom { border-bottom: none; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit .desktopVisible { display: none; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit .mobileVisible { display: block; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit .priceTit { padding: 10px 10px 10px 10px; } .productDetailsArea.OnlineAppIMDP #Quote .step02Area .tblCol #tbBenefit .bigTit { padding: 20px 10px 20px 10px; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .infoRow h2 { width: 50%; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .infoRow p { width: 50%; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: none; width: 100%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 0px 0px 0px; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: none; width: 100%; } .productDetailsArea.OnlineAppIMDP #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: none; width: 100%; padding: 7px; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppIMDP #Confirm .step03Area .formCol .planDetail .Premium { width: auto; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float: none; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .inputField { width: 100%; float: none; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float: none; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 100%; float: none; padding: 7px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol .InsuredInfo .InsGender { width: 90%; float: none; padding: 7px; } .productDetailsArea.OnlineAppIMDP .step03Area .formCol #InsuredDetail hr { top: 0px; width: 100%; } /*New css for Dental 20190814*/ .productDetailsArea.OnlineAppIMDP .step01Area .AppForm .InsuredDOB .insuredCol {width:100%;} .productDetailsArea.OnlineAppIMDP .step02Area .AppForm #tbBenefit .desktopVisible { display: none;} .productDetailsArea.OnlineAppIMDP .step02Area .AppForm #tbBenefit .mobileVisible { display: block;} .productDetailsArea.OnlineAppIMDP .step03Area .AppForm #dd02 {width:100% ; float:left;} /* For Dental */ /* For VHIS */ .productDetailsArea .OnlineAppVHIS .featureCol, .productDetailsArea .OnlineAppVHIS .sobCol, .productDetailsArea.OnlineAppVHIS .step01Area .formCol, .productDetailsArea.OnlineAppVHIS .step02Area .tblCol { float: none; } .productDetailsArea .OnlineAppVHIS .sobCol .footNote { margin-bottom: 60px; } .productDetailsArea .OnlineAppVHIS .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppVHIS .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppVHIS .featureCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppVHIS .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppVHIS .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppVHIS .sobCol .btnQuote a { float: none; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredSelection .InsuredPerson { float: none; width: 90%; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol { width: 100%; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol .fieldLabel { width: 100%; padding: 10px 0; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .insuredCol .InsDOB { width: 93%; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .borderLeft { padding-left: 0px; border-left: none; } .productDetailsArea.OnlineAppVHIS .step01Area .formCol .formGroup .InsuredDOB .borderBottom { border-bottom: none; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit .desktopVisible { display: none; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit .mobileVisible { display: block; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit .priceTit { padding: 10px 10px 10px 10px; } .productDetailsArea.OnlineAppVHIS #Quote .step02Area .AppForm #tbBenefit .bigTit { padding: 20px 10px 20px 10px; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .infoRow h2 { width: 50%; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .infoRow p { width: 50%; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col.applicantDOB h2 { float: none; width: 100%; font-size: 1.3em; color: #3a3a3a; font-weight: bold; padding: 10px 0px 0px 0px; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField.label { float: none; width: 100%; } .productDetailsArea.OnlineAppVHIS #Apply .step03Area .formCol .twoCol .col.applicantDOB .inputField { float: none; width: 100%; padding: 7px; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol .planDetail .Premium { width: auto; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail .oneCol .insuredOccupation { padding: 0px 10px 5px 0px; } .productDetailsArea.OnlineAppVHIS #Confirm .step03Area .formCol #InsuredDetail label { padding-top: 0px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float: none; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .inputField { width: 100%; float: none; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredDOB .fieldLabel { position: inherit; margin-top: 10px; width: 100%; float: none; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredDOB .inputField { width: 100%; float: none; padding: 7px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .InsGender { width: 90%; float: none; padding: 7px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredGender .inputField { width: 100%; float: none; padding: 7px; padding-top: 7px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .insuredNameChi .inputField { padding: 7px; float: none; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol .InsuredInfo .oneCol .insuredOccupation .inputField { margin-top: 5px; padding-left: 0px; } .productDetailsArea.OnlineAppVHIS .step03Area .formCol #InsuredDetail hr { top: 0px; width: 100%; } /*Decoration Safe*/ .productDetailsArea.OnlineAppDAR #Confirm .step03Area .formCol .WorkScope .col { width: 65% !important; } .productDetailsArea.OnlineAppDAR .step01Area .formCol .col01, .productDetailsArea.OnlineAppDAR .step01Area .formCol .col02 { float: none; width: 100%; height: auto; padding: 0px; padding-bottom: 15px; margin-bottom: 30px; } .productDetailsArea.OnlineAppDAR .step01Area .formCol .col02 { border-bottom: none; } .productDetailsArea.OnlineAppDAR .step01Area .remarksArea { padding-left: 5px; } .productDetailsArea.OnlineAppDAR .step02Area .TSM_RadioBtnLabel { margin: 0px; } .productDetailsArea .OnlineAppDAR .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppDAR .sobCol .sob1, .productDetailsArea .OnlineAppDAR .sobCol .sob2, .productDetailsArea .OnlineAppDAR .sobCol .sob3, .productDetailsArea .OnlineAppDAR .sobCol .sob4 { width: 96%; padding: 0 2%; } .productDetailsArea .innerArea .lCol { width: calc(96% - 42px); padding-left: 2%; } .productDetailsArea .innerArea .lCol.LongTitle { width: calc(96% - 42px); } /* For request 2018010103 */ .productDetailsArea .innerArea .lCol h1 { padding-left: 42px; } .productDetailsArea.OnlineRenew .productNavArea { margin-bottom: 0px; } /* End for request 2018010103*/ #mb_Search { margin: 8px 0; } .mb_SearchInput { line-height: 30px; width: 170px; height: 35px; background: #FFE; border-radius: 10em; border: 1px solid #ccc; padding-left: 10px; margin-left: 20px; } .mb_btnSearch { display: inline-block; padding: 10px; border: 1px solid #ccc; border-radius: 10em; background: #fff; margin-left: 5px; cursor: pointer; } /* For Personal Accident */ .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .question { width: 96%; } .productDetailsArea.OnlineAppPAH .step01Area .formCol .QuestionSet .answer { width: 96%; margin-top: 10px; } .productDetailsArea.OnlineAppPAH .step01Area .formCol .col01, .productDetailsArea.OnlineAppPAH .step01Area .formCol .col02 { width: 100%; height: auto; } .productDetailsArea.OnlineAppPAH .step01Area .formCol .col02 { border-bottom: 0px solid #e0e0e0; } .productDetailsArea.OnlineAppPAH #Quote .step02Area .tblCol .accept { text-align: center; } .productDetailsArea.OnlineAppPAH #Quote .step02Area .tblCol .Accept { text-align: center; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .planInfo h2 { width: 155px; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoRow p { width: auto; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .inputField#hkid { width: 90% !important; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; margin-top: 10px; width: 90%; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .inputField { float: none; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .InsGender { float: none; position: inherit; margin: 10px 7px; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .InsuredInfo .col .left { width: 100%; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoGroup .twoCol .question { float: none; width: 90%; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoGroup .twoCol .answer { float: none; width: 90%; text-align: left; padding-left: 22px; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoGroup .twoCol .answer label { margin-right: 10px; } .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol .formInputGroup .col { padding: 0px; } .productDetailsArea.OnlineAppPAH .step01Area .formCol .col01, .productDetailsArea.OnlineAppPAH .step01Area .formCol .col02, .productDetailsArea.OnlineAppPAH .step01Area .formCol .col03 { height: auto; } .productDetailsArea.OnlineAppPAH .step03Area .formCol .infoGroup .col { margin: 10px 0; } .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol table#Address td h2 { width: 90%; } .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppPAH #Confirm .step03Area .formCol .formInputGroup .promotionGroup .col { padding: 10px 10px 5px 0px; } .productDetailsArea .OnlineAppPAH .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppPAH .sobCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppPAH .sobCol .btnQuote a { float: none; } .productDetailsArea .OnlineAppPAH .sobCol .note { margin: 0 2%; } .productDetailsArea .OnlineAppPAH .sobCol table td .divTit { float: left; width: calc(100% - 20px); padding-left: 2px; } /** Currency **/ .productDetailsArea.Currency .innerArea .subTitle { float: left; width: 100%; font-size: 1.5em; color: #3a3a3a; font-weight: bold; padding-top: 0px !important; } .productDetailsArea.Currency .tabContentGroupArea .tabContent .details { font-size: 1.1em; line-height: 1.2; } .productDetailsArea.Currency .tabContentGroupArea .tabContent .details .currency_table { width: 100%; } .productDetailsArea.Currency .tabContentGroupArea .tabContent .details .currency_table td:first-child { width: 70px; } .productDetailsArea.Currency .tabContentGroupArea .tabContent { width: 96%; margin: 0px auto; } /* eClaim */ .productDetailsArea.eClaimTravel .tabContent li .step, .tabContent li .step { margin-top: 2px; font-size: smaller; } .productDetailsArea.eClaimTravel .step03Area .BankFieldLabel { position: inherit; float: none; margin-top: 10px; padding-bottom: 2px; width: 90%; padding-left: 0px; } /*.productDetailsArea.eClaimTravel .step03Area .BankFieldLabel label {padding-left:0px;}*/ .productDetailsArea.eClaimTravel .step03Area .formCol .BankInputField { float: left; width: 90% !important; margin-top: 5px; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; margin-top: 10px; width: 90%; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .InsuredInfo .fieldLabel.mobileVisible { font-size: 1.25em; font-weight: 100; margin-top: 0px; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .InsuredInfo .inputField { float: none; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol img.eClaimInfoImg { width: 18px; } .productDetailsArea.eClaimTravel .step03Area .formCol h1 { font-size: 1.3em; color: #3a3a3a; margin-bottom: 5px; font-weight: bold; line-height: normal; } .productDetailsArea.eClaimTravel .step03Area .formCol .formInputGroup .fieldLabel { width: 100%; font-size: 1.25em; } .productDetailsArea.eClaimTravel .step03Area .formCol .infoGroup { margin-bottom: 10px; } .productDetailsArea.eClaimTravel .step03Area .col { margin-bottom: 4px; line-height: normal; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .AppForm .InsuredSEQ, .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .InsuredSEQ { padding-bottom: 10px; display: inline-block; margin-right: 4px; font-size: 1.2em; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .isSameAddr .selectItem { display: block; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .formGroup .formInputGroup .selectItem:first-child { display: block; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol .formGroup .formInputGroup .selectItem:not(:first-child) { display: block; } .productDetailsArea.eClaimTravel #ClaimInfo .step03Area .formCol #InsuredDetail hr { width: 100%; position: relative; top: 0px; border-color: #e0e0e0; border-top: 0px; } .productDetailsArea #ClaimInfo .step03Area .formCol .formInputGroup .Address { padding-top: 0px; } .productDetailsArea #ClaimInfo .step03Area .formCol .formInputGroup .Address h2 { padding-top: 0; margin-bottom: 0; } .productDetailsArea #ClaimInfo .step03Area .formCol #div_Area .selectItem { width: 80%; margin: 8px 5px; } .productDetailsArea .step03Area .formCol.claimInfo #InsuredDetail div.mobileVisible { width: 100%; font-size: 1em; } .productDetailsArea.eClaimTravel .step03Area .formCol .formInputGroup .claimItemInput { width: 93%; float: right; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; width: 90%; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .col { width: 100% !important; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .col .left { width: 43%; padding-right: 10px; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .col .right { width: 52%; padding-top: 0px; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .formInputGroup .bankcol { padding: 2px 0px 5px 0px; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .formInputGroup .col { padding: 8px 0px 5px 0px; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .formInputGroup .col.email { width: 60% !important; } .productDetailsArea.eClaimTravel #Confirm .step03Area .claimInfo .formInputGroup h2 { float: left; width: 100%; font-size: 1.2em; color: #3a3a3a; font-weight: bold; padding-top: 6px; padding-bottom: 2px; line-height: normal; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .fieldLabel { line-height: none; padding-top: 10px; width: 90%; } .productDetailsArea.eClaimTravel .step03Area .formCol img.eClaimConfirmUploadPdf { width: 30px; } .productDetailsArea #Confirm .eClaimApplyNowTab .step03Area .formCol #InsuredDetail div.mobileVisible { font-size: 0.9em; font-weight: 500; padding: 2px; } .productDetailsArea.eClaimTravel .col { margin-bottom: 4px; } .productDetailsArea.eClaimTravel .innerArea .lCol { width: 90%; } .productDetailsArea.eClaimTravel .innerArea .lCol h1 { padding-left: 10px; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol #InsuredDetail .col { width: 98% !important; } .k-dropzone em { visibility: hidden; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol .inputField { width: 95% !important; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol #InsuredDetail div.mobileVisible { width: 45%; font-weight: 400; } .productDetailsArea.eClaimTravel #Confirm .step03Area .formCol #InsuredDetail label { display: inline-block; width: 48%; vertical-align: top; padding-top: 2px; padding-bottom: 4px; } .productDetailsArea.eClaimTravel .step03Area .formCol #InsuredDetail hr { width: 100%; top: 0px; margin-top: 12px; margin-bottom: 8px; } /** Questionnaire **/ #QuestionnaireWrapper { width: auto; } #QuestionnaireWrapper .contentCol table td .rating { padding: 5px 0px 0px 2px; } #QuestionnaireWrapper .contentCol table td .imgItem { width: 350px; } #QuestionnaireWrapper .contentCol table td img.desktopImg { display: none; } #QuestionnaireWrapper .contentCol table td img.mobileImg { display: block; } #QuestionnaireWrapper .contentCol table td .selectItem { display: block; } #QuestionnaireSuccess .EmailInput { display: block; text-align: left; } #QuestionnaireSuccess .EmailLabel { width: 100%; } #QuestionnaireSuccess .EmailTextBox { width: 100%; } /* PetCare*/ form.SubmitPET.formCol H1 { background-color: #e0e0e0; padding: 8px 10px; } .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet { border: 0px; } .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .question { width: 96%; } .productDetailsArea.OnlineAppPET .step01Area .formCol .QuestionSet .answer { width: 96%; margin-top: 10px; } .OnlineAppPET #Quote .price .k-radio-label { top: 1px; } /*.OnlineAppPET .applyNowTab .k-i-calendar, .k-i-arrow-s {margin-top: 6px;}*/ .OnlineAppPET .step03Area .formCol .formGroup .titOption { float: left; width: 100%; padding-top: 10px; } .productDetailsArea.OnlineAppPET .step01Area .formCol .col01, .productDetailsArea.OnlineAppPET .step01Area .formCol .col02 { float: none; width: 100%; height: auto; padding: 0px; padding-bottom: 15px; margin-bottom: 30px; height: auto !important; } .productDetailsArea.OnlineAppPET .step01Area .formCol .col01 { padding-top: 30px; } .productDetailsArea.OnlineAppPET .step01Area .formCol .col02 { border-bottom: 0px; } .PET_field { font-size: 100%; } .productDetailsArea.OnlineAppPET #Quote .step02Area .tblCol .accept { text-align: center; } .productDetailsArea.OnlineAppPET #Quote .step02Area .tblCol .Accept { text-align: center; } .productDetailsArea .OnlineAppPET .featureCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppPET .featureCol .btnGroup { text-align: center; } .productDetailsArea .OnlineAppPET .sobCol .btnQuote { display: inline-block; } .productDetailsArea .OnlineAppPET .sobCol .btnGroup { text-align: center; } .productDetailsArea.OnlineAppPET .BlockDisplay { display: block; } .productDetailsArea.OnlineAppPET .rowSeparator { height: 15px; } .productDetailsArea.OnlineAppPET .step02Area .tblCol td .radioPremiumAlign { vertical-align: top; } .productDetailsArea.OnlineAppPET .step03Area .formCol .formInputGroup h2 { width: 100%; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; margin-top: 10px; width: 90%; height: auto; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .inputField { float: none; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .InsRadio { float: none; position: inherit; margin: 10px 7px; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col .left { width: 100%; } .productDetailsArea.OnlineAppPET .step03Area .formCol .infoGroup .twoCol .question { float: none; width: 90%; } .productDetailsArea.OnlineAppPET .step03Area .formCol .infoGroup .twoCol .answer { float: none; width: 90%; text-align: left; padding-left: 22px; } .productDetailsArea.OnlineAppPET .step03Area .formCol .infoGroup .twoCol .answer label { margin-right: 10px; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col { width: 100% !important; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col.InsDistrict { width: 100% !important; padding-left: 0%; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col.InsMicrochipNo { width: 100% !important; } .productDetailsArea.OnlineAppPET .step03Area .formCol .InsuredInfo .col.InsMicrochipNo .fieldLabel { width: 100%; } .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col.InsMicrochipNo { width: auto; } .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col.InsMicrochipNo .left { width: 45%; } .productDetailsArea.OnlineAppPET #Confirm .step03Area .formCol #InsuredDetail .col.InsMicrochipNo .right { width: 45%; } /* Love Pet */ .productDetailsArea .OnlineAppPCP .featureCol .descTable {line-height : 1.25em;} .productDetailsArea .OnlineAppPCP .sobCol table.descTable { width: 95%; margin: 0 auto;} .productDetailsArea .OnlineAppPCP .sobCol p { width: 95%; margin: 0 auto;} .productDetailsArea .OnlineAppPCP .sobCol table .costSub , .productDetailsArea .OnlineAppPCP .sobCol table .cost , .productDetailsArea .OnlineAppPCP .sobCol table .costTit {font-size:1.25em } .productDetailsArea .OnlineAppPCP .benefitScheduleTab .costTable .planName.col01 {padding:10px;} .productDetailsArea .OnlineAppPCP .sobCol .sob3 { padding-bottom:20px; } .productDetailsArea .OnlineAppPCP .sobCol .sob3 p {padding-bottom:10px;} .productDetailsArea .OnlineAppPCP .sobCol .btnGroup { text-align :center;} /* GolferSafe */ .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .question { width: 96%; } .productDetailsArea.OnlineAppGSI .step01Area .formCol .QuestionSet .answer { width: 96%; margin-top: 10px; } .productDetailsArea.OnlineAppGSI .step01Area .formCol .col01 { width: 100%; height: auto; border-bottom: 0px solid #e0e0e0; } .productDetailsArea.OnlineAppGSI #Quote .step02Area .tblCol .accept { text-align: center; } .productDetailsArea.OnlineAppGSI #Quote .step02Area .tblCol .Accept { text-align: center; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .planInfo h2 { width: 155px; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoRow p { width: auto; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .inputField#hkid { width: 90% !important; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; margin-top: 10px; width: 90%; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .inputField { float: none; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .InsGender { float: none; position: inherit; margin: 10px 7px; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .col .left { width: 100%; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .InsuredInfo .self .col .fieldVal { width: 97%; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoGroup .twoCol .question { float: none; width: 90%; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoGroup .twoCol .answer { float: none; width: 90%; text-align: left; padding-left: 22px; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoGroup .twoCol .answer label { margin-right: 10px; } .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol .formInputGroup .col { padding: 0px; } .productDetailsArea.OnlineAppGSI .step03Area .formCol .infoGroup .col { margin: 10px 0; } .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol table#Address td h2 { width: 90%; } .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppGSI #Confirm .step03Area .formCol .formInputGroup .promotionGroup .col { padding: 10px 10px 5px 0px; } /* Taipan GolferSafe */ .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .question { width: 96%; } .productDetailsArea.OnlineAppGTP .step01Area .formCol .QuestionSet .answer { width: 96%; margin-top: 10px; } .productDetailsArea.OnlineAppGTP .step01Area .formCol .col01 { width: 100%; height: auto; border-bottom: 0px solid #e0e0e0; } .productDetailsArea.OnlineAppGTP #Quote .step02Area .tblCol .accept { text-align: center; } .productDetailsArea.OnlineAppGTP #Quote .step02Area .tblCol .Accept { text-align: center; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .planInfo h2 { width: 155px; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoRow p { width: auto; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .inputField#hkid { width: 90% !important; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .fieldLabel { position: inherit; float: none; margin-top: 10px; width: 90%; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .inputField { float: none; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .InsGender { float: none; position: inherit; margin: 10px 7px; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .col .left { width: 100%; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .InsuredInfo .self .col .fieldVal { width: 97%; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoGroup .twoCol .question { float: none; width: 90%; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoGroup .twoCol .answer { float: none; width: 90%; text-align: left; padding-left: 22px; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoGroup .twoCol .answer label { margin-right: 10px; } .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol .formInputGroup .col { padding: 0px; } .productDetailsArea.OnlineAppGTP .step03Area .formCol .infoGroup .col { margin: 10px 0; } .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol table#Address td h2 { width: 90%; } .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol #InsuredDetail .col .left { width: 30%; } .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol .planDetail tr td:nth-child(1) { width: 30%; } .productDetailsArea.OnlineAppGTP #Confirm .step03Area .formCol .formInputGroup .promotionGroup .col { padding: 10px 10px 5px 0px; } .productDetailsArea .OnlineAppGTP .sobCol table td .divTit { float: left; width: calc(100% - 20px); padding-left: 2px; } /* Personal AccidenetSafe */ .productDetailsArea .PersonalAccidentSafe .featureCol .OcpType { font-size: 1.1em; } .productDetailsArea .PersonalAccidentSafe .sobCol .costTable { width: 96%; } .productDetailsArea .PersonalAccidentSafe .sobCol .headNote { font-size: 1.1em; width: 96%; } /* Inbound Travel */ .productDetailsArea#InboundTravel .innerArea .lCol { width: calc(96% - 42px); padding-left: 2%; } /* BusinessSafe */ .productDetailsArea .BusinessSafe .sobCol .costTable { width: 96%; } .productDetailsArea .BusinessSafe .sobCol .headNote { font-size: 1.1em; width: 96%; padding: 0 2%; } /* About Blue Cross & Fencing */ .productDetailsArea .AboutBlueCross { text-align: center; padding: 0 2%; } .productDetailsArea .AboutBlueCross .desc { text-align: left; padding-bottom: 5px; } .productDetailsArea .AboutBlueCross .btnCtaGroup .div_btn { text-align: center; } .productDetailsArea .AboutBlueCross .moreInfo { padding: 5px 0 10px 0; } .productDetailsArea .AboutBlueCross .ItemTitle { font-size: 2em; } .productDetailsArea .Fencing { text-align: center; padding: 0 2%; } .productDetailsArea .Fencing .btnCtaGroup .div_btn { text-align: center; } .productDetailsArea .Fencing .desc { text-align: left; padding-bottom: 5px; } .productDetailsArea .Fencing .moreInfo { padding: 5px 0 10px 0; } .productDetailsArea .Fencing .ItemTitle { font-size: 2em; } .productDetailsArea .NewsRoom { width: 96%; height: auto; padding-bottom: 20px; border: none; min-height: auto; text-align: left; } .productDetailsArea .InTheNews { text-align: left; } .productDetailsArea .InTheNews.InTheNewsContent tr.head td:nth-child(1) { width:85px } .productDetailsArea .Fencing .NewsRoom { min-height: auto; } .productDetailsArea .NewsRoom .NewsRoomImgDiv { width: auto; padding-right: 0px; padding-bottom: 20px; } .productDetailsArea .NewsRoom .NewsRoomImgDiv .NewsRoomImg { width: 144px; height: 144px; display: inline-block; } .productDetailsArea .CompanyNewsLargeItem { width: 96%; padding: 0px; padding-bottom: 5%; } .productDetailsArea .CompanyNewsSmallItem { width: 47%; padding: 1%; } .productDetailsArea .CompanyNewsSmallSubItem { padding-bottom: 5%; margin: 0 auto; } .productDetailsArea .VideoReviewItem { margin: 0 auto; } .productDetailsArea .VideoReviewTitle tr td:nth-child(1) { text-align: center; } .productDetailsArea .AboutBlueCross .awardsItem { height: 214px; } .productDetailsArea .NewsImgList { text-align: center; } #imgPreviewLayer #imgPreviewDialog { width: auto; } #imgPreviewLayer #imgPreviewDialog img#ImgPreview { max-width: 70vw; max-height: 70vh; } #VideoLayer #VideoDialog { min-width: 540px; min-height: 380px; } #VideoLayer #VideoDialog #div_video_layer { width: 100%; height: 80%; } /* Online Enquiry */ .productDetailsArea .OnlineEnquiry { padding: 0 2%; } .productDetailsArea .OnlineEnquiry .formCol .formGroup h2 { width: 100%; margin-bottom: 5px; } .productDetailsArea .OnlineEnquiry .formCol .twoCol .col { width: 100%; } .productDetailsArea .OnlineEnquiry .formCol .radio label { display: block; } .productDetailsArea .OnlineEnquiry .formCol .radio .Col_1 { width: auto; display: inline-block; } .productDetailsArea .OnlineEnquiry .formCol .radio .Col_2 { width: auto; display: inline-block; } .productDetailsArea .OnlineEnquiry .btnCtaGroup .div_btn { float: none; text-align: center; } .productDetailsArea .OnlineEnquiry .EnquiryTable { display: table; width: 100%; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow { display: block; padding: 10px 0; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow .TableCol { display: block; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow .TableCol:nth-child(1) { width: 100%; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow .TableCol:nth-child(2) { width: 100%; } .productDetailsArea .OnlineEnquiry .EnquiryTable .TableRow .TableCol:nth-child(3) { width: 100%; } /* Staff */ .productDetailsArea #Staff .LoginContent { width: auto; } .productDetailsArea #Staff .memberOfferCol { width: 96%; } .productDetailsArea #Staff .memberOfferCol .memberOfferImgDesktop { display: none; } .productDetailsArea #Staff .memberOfferCol .memberOfferImgMobile { display: block; width: 100%; } .productDetailsArea #Staff .sobCol { width: 96%; } .productDetailsArea #Staff #NewLoginPanel table { width: 96%; } .productDetailsArea #Staff #NewLoginPanel table td:nth-child(1) { width: 65px; } /* PrivilegedOffer Offer */ .productDetailsArea #PrivilegedOffer .LoginContent { width: auto; } .productDetailsArea #PrivilegedOffer .promotionPopArea .promotionContentArea { border: none; } .productDetailsArea #PrivilegedOffer .memberOfferCol { width: 96%; } .productDetailsArea #PrivilegedOffer .memberOfferCol .memberOfferImgDesktop { display: none; } .productDetailsArea #PrivilegedOffer .memberOfferCol .memberOfferImgMobile { display: block; width: 100%; } .productDetailsArea #PrivilegedOffer .sobCol { width: 96%; } .productDetailsArea #PrivilegedOffer #NewLoginPanel table { width: 96%; } .productDetailsArea #PrivilegedOffer #NewLoginPanel table td:nth-child(1) { width: 65px; } /* SmartClub */ #ForgetPWPanel #ForgetPWDialog { width: auto; } #ForgetPWPanel #ForgetPWDialog .Dialog_Content tr td:nth-child(2) input { width: 80%; } #ForgetPWPanel #ForgetPWDialog .btnCtaGroup { width: 84%; } #EmailSubscribeLayer #EmailSubscribeDialog { width: auto; } .productDetailsArea .innerArea .lCol.short { width: calc(96% - 42px); } .productDetailsArea #SmartClub .AMDesc { padding: 0 2%; } .productDetailsArea #SmartClub .sobCol table { font-size: 100%; } .productDetailsArea #SmartClub hr { width: 96%; } .productDetailsArea #SmartClub .memberOfferCol { width: 96%; } .productDetailsArea #SmartClub .memberOfferCol .memberOfferImgDesktop { display: none; } .productDetailsArea #SmartClub .memberOfferCol .memberOfferImgMobile { display: block; width: 100%; } .productDetailsArea #SmartClub #NewLoginPanel table { width: 96%; } .productDetailsArea #SmartClub #NewLoginPanel table td:nth-child(1) { width: 65px; } .productDetailsArea #SmartClub .sobCol { width: 100%; } .productDetailsArea #SmartClub .mbLogin { padding: 0px 2%; } .productDetailsArea #SmartClub .smartenrol table { width: 100%; margin: 0; } .productDetailsArea #SmartClub .smartenrol table td { padding: 10px; } .productDetailsArea #SmartClub .smartenrol table td.titleCol { width: 25%; } .productDetailsArea #SmartClub .smartenrol .otherDetail { background: #fde145; padding: 10px 0px; text-align: center; } .productDetailsArea #SmartClub .smartenrol { width: 96%; padding: 0 0 20px 0; margin: 0 auto; float: none; } .productDetailsArea #SmartClub .smartenrol table td .btnApplyNow { margin: 5px auto; } .productDetailsArea #SmartClub .smartpt .divTable { display: block; } .productDetailsArea #SmartClub .smartpt .divTableRow { display: block; } .productDetailsArea #SmartClub .smartpt .divTable .divTableCell { display: block; width: 100%; text-align: center; } .productDetailsArea #SmartClub .eNews input { width: 100%; } .productDetailsArea #SmartClub .eNews .btnApplyNow { padding: 15px 0; display: block; } /*.productDetailsArea #SmartClub .CallForAction table td {padding:10px 5px;background: #e7e6e6;color: #3a3a3a;font-size: 1.3em;line-height: 1.2;text-align: left;vertical-align: middle;}*/ .productDetailsArea #SmartClub .SPEnquiry .divMsgTable { width: 80%; padding: 0 2% 20px 2%; } .productDetailsArea #SmartClub .btnCtaGroup .div_btn { float: none; text-align: center; padding: 0 2% 3em 2%; } .productDetailsArea #SmartClub .SPRedemption .smartenrol table td { background: white; border: 1px solid lightgray; height: 60px; } .productDetailsArea #SmartClub .SPRedemption .smartenrol table td.firstCol { color: #fff; background: #00baf2; height: auto; } .productDetailsArea #SmartClub .PolicyRecord .PolicyDropDown { padding: 0px 2%; } .productDetailsArea #SmartClub .PolicyRecord .divMsgTable { width: 96%; padding: 0 2% 20px 2%; } .productDetailsArea #SmartClub .ChangePW .divMsgTable { width: 96%; padding: 0 2% 20px 2%; } .productDetailsArea #SmartClub .ChangePW .divMsgTable .divTableCell { display: block; } .productDetailsArea #SmartClub .ChangePW .divMsgTable .divTableCell.FirstCol { width: 100%; } .productDetailsArea #SmartClub .ChangePW .divMsgTable .divTableCell.SecondCol { width: 100%; } .productDetailsArea #SmartClub .SmartPoint .divContentTable { padding: 0 2% 20px 2%; } .productDetailsArea #SmartClub .SPRedemption .divMsgTable { padding: 0 2%; } .productDetailsArea #SmartClub .SPRedemption .RedemptionRemarks, .productDetailsArea #SmartClub .SPRedemptionStatus .RedemptionRemarks { padding: 0 2% 30px 2%; width: 96%; } .productDetailsArea #SmartClub .PolicyRecord .smartenrol table td.firstCol { color: #fff; background: #00baf2; } .productDetailsArea #SmartClub #backgroundLayer5 .btnCtaGroup .div_btn { padding: 0 2% 0em 2%; } .productDetailsArea #SmartClub .SPRedemptionStatus .divMsgTable { padding: 0 2%; } .productDetailsArea #SmartClub .SPEnquiry .RedemptionRemarks { padding: 0px 2% 20px 2%; } /* Download */ .productDetailsArea .step03Area .Downloads h2 { width: 100%; } /* Align Style */ .productDetailsArea .step01Area .AppForm { position: relative; float: none; width: 96%; margin: 0px auto; } .productDetailsArea .AppForm .inlineBlock { line-height: 1; } .productDetailsArea .AppForm .RWDVisible { display: block !important; } .productDetailsArea .AppForm h2.RWDVisible { padding-bottom: 5px; } .productDetailsArea .AppForm .DesktopVisible { display: none !important; } .productDetailsArea .AppForm h1, .productDetailsArea .step02Area .AppForm H1.title { font-size: 1.5em; } .productDetailsArea .AppForm h1.FirstItem { margin-top: 20px; } .productDetailsArea .AppForm h1.FirstItem.FirstRow { margin-top: 5px; } .productDetailsArea .step01Area .AppForm .col01, .productDetailsArea .step01Area .AppForm .col02, .productDetailsArea .step01Area .AppForm .col03 { width: 96%; } .productDetailsArea .AppForm .FormButton { position: relative; text-align: center; } .productDetailsArea .AppForm .QuestionSet .question-row .question { width: 96%; padding: 0px; } .productDetailsArea .AppForm .QuestionSet .question-row .answer { width: 96%; } .productDetailsArea .AppForm .QuestionSet .eMessage { padding: 0px; } .productDetailsArea .QuestionSet .answer{ margin-top: 10px; } .productDetailsArea .QuestionSet.noHeader .answer { margin-left: 18px; float: left !important; } /*#tipExpand,.inputField { margin: 0 !important; padding: 0 !important; min-height:0 !important;} .TSM_Family, .TSM_Couple, .formGroup,.Errmsg, .enroltip { margin: 0 !important; padding: 0 !important; min-height:0 !important;border: 0px !important;height: auto !important;} .formCol h1 { padding: 0px !important; margin: 20px 0px 10px 0px !important;} .formCol h1.expand { padding: 0px !important; margin: 10px 0 0 0 !important;} .productDetailsArea .step01Area .formCol .col01, .productDetailsArea .step01Area .formCol .col02, .productDetailsArea .step01Area .formCol .col03 { margin: 0 !important; padding: 0 !important; min-height:0 !important;border: 0px !important;height: auto !important;width: 100%;} .remarksArea {font-size:1em !important;height: auto !important; margin: 20px 0px 10px 0px !important; padding: 0px !important; border:0px !important} .selectItem { height: auto !important; margin: 10px 0px 10px 0px !important; padding: 0px !important; border:0px !important} */ /* Quote Result */ .productDetailsArea .step02Area .AppForm { float: none; width: 96%; margin: 0px auto; } .productDetailsArea .step02Area .AppForm .Agreement { text-align: center; } .productDetailsArea .step02Area .AppForm .price { padding: 0px; } .productDetailsArea .step02Area .eMessage[args="Agreement"]{ text-align: center !important; } /* Apply Page */ .productDetailsArea .step03Area .AppForm .planDetail > *{ width: 93%; } .productDetailsArea .AppForm .ApplyControl { width: 93%; } /*.productDetailsArea .step03Area .AppForm table.planDetail { table-layout: fixed; }*/ .productDetailsArea .step03Area .AppForm .planDetail tr td:nth-child(1){ width: auto; vertical-align: top; min-width: 150px; /*line-height: 1; padding-top: 0.4em;*/ } .productDetailsArea .step03Area .AppForm .planDetail tr td:nth-child(1){ width: 40%; } .productDetailsArea .step03Area .AppForm .planDetail h2 { width: 100%; line-height: 1.2; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControlRow h2 { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.long, .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.half, .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.full { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.normal { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.short { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.order { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.name { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.ageCol { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.genderCol { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.idPassportCol { width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail #InsuredDetail .ApplyControl.inlineBlock, .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl:not(.inlineBlock) { margin-top: 10px; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControlRow.details .ApplyControl > label{ width: 100%; display: block; top: 0; padding-bottom: 5px; max-width: 100%; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControlRow.details .ApplyControl:not(.inlineBlock) > input{ width: calc( 100% - 10px ); display: block; } .productDetailsArea .step03Area .AppForm .planDetail .ApplyControl.noPad { margin: 0; } .productDetailsArea .step03Area .AppForm .planDetail #InsuredDetail .ApplyControlRow h2 /*, .productDetailsArea .step03Area .AppForm .planDetail .ApplyControlRow.details h2 */ { font-size: 1.2em; } .productDetailsArea .step03Area .AppForm .planDetail #InsuredDetail .ApplyControlRow .ApplyControl > * { width: 100%; float: none; /*display: block*/ } .productDetailsArea .step03Area .AppForm .planDetail #InsuredDetail .ApplyControl > label { top: 0; line-height: 1.2; font-size: 1.2em; padding-bottom: 5px; max-width: 100%; } .productDetailsArea .step03Area .AppForm .Declaration tr td{ vertical-align: top; } /*.productDetailsArea .step03Area .AppForm .planDetail .FirstRow:first-child .selectItem*/ .productDetailsArea .step03Area .AppForm .planDetail .inlineBlock .selectItem{ margin-top: 10px !important; } .productDetailsArea .step03Area .AppForm .planDetail #div_Area.inlineBlock .selectItem{ margin-top: 0px !important; } /*.productDetailsArea .step03Area .AppForm .Address .ApplyControlRow{ padding-top: 0; }*/ .listingArea.collapse { position: relative; max-height: 50px; overflow: hidden; } .listingArea.expanded{ max-height: 100%; } .listingArea .showmore { position: absolute; bottom: 0px; width: 100%; height: 30px; padding-top: 0px; background: #fff; display: block; } .listingArea .showmore i.fa{ vertical-align: middle; } .listingArea.expanded .showmore{ position: static; height: 100%; } } @media screen and (max-width:635px){ #NewsContent { font-size: 90%; } #NewsContent .ContentInline { display:block; width: 100%; } #NewsContent .NewsImgList { text-align: center; } #NewsContent .NewsImgList .NewsImgItem { width: auto; height: auto; } #NewsContent .NewsImgList .NewsImgItem .NewsImgTbDiv { position: relative; } #NewsContent .NewsImgList .NewsImgItem .NewsImgTbDiv img { width: 100%; max-height:none; max-width: none; } .productDetailsArea .CompanyNews .newsItem { width: auto; min-height: 0px; border: 0; margin: 0px; padding: 10px 0;} .productDetailsArea .CompanyNewsImg { max-height: none; } .productDetailsArea .NewsRoom .NewsRoomContent{ width: 100%; } .productDetailsArea .NewsRoom .NewsRoomImgDiv{ display:none; } .productDetailsArea .AboutBlueCross{ font-size:90%; } .productDetailsArea .AboutBlueCross .desc{ min-height: auto;height: auto; } .productDetailsArea .Fencing{ font-size:90%; } .productDetailsArea .Fencing .desc{ min-height: auto;height: auto; } .productDetailsArea .CompanyNewsSmallItem{ width: 96%; padding: 0px; } .productDetailsArea .NewsImgList .NewsImgItem { width: 250px;height: 174px;margin: 0px 0px 20px 0px; } .productDetailsArea .NewsImgList .NewsImgItem .NewsImgTbDiv img { max-height: 154px; } #VideoLayer #VideoDialog{ min-width:220px;min-height: 155px; } } @media screen and (max-width: 999px) { /* SmartClub */ .productDetailsArea #SmartClub .sobCol{ font-size:90%; } .productDetailsArea #SmartClub .sobCol .showSubDetail { font-size: 1.5em; } .productDetailsArea #SmartClub .mbLogin H1.title { font-size: 1.5em; } .productDetailsArea #SmartClub .smartenrol .divTable .divTableCell {font-size: 1.333333em;} #backgroundLayer{ font-size:90%; } #backgroundLayer #dialog .letterImg{ display:none;} #backgroundLayer #dialog .k-textbox { width: 100%; } #backgroundLayer2{ font-size:90%; } #backgroundLayer3{ font-size:90%; } #backgroundLayer5{ font-size:90%; } #ForgetPWPanel{ font-size:90%; } #EmailSubscribeLayer{ font-size:90%; } #EmailSubscribeLayer #EmailSubscribeDialog .letterImg{ display:none;} #EmailSubscribeLayer #EmailSubscribeDialog .k-textbox { width: 100%; } .productDetailsArea #SmartClub #backgroundLayer2 .divContentTable .divTableCell.FirstCol { width: 20%; } .productDetailsArea #SmartClub .SmartPoint .divContentTable {font-size:75%} .productDetailsArea #SmartClub .SPRedemption .RedemptionRemarks,.productDetailsArea #SmartClub .SPRedemptionStatus .RedemptionRemarks {font-size: 1.166667em; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FirstCol { width: 30%; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.SecondCol { width: auto; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.SecondCol span { display: inline-block; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.ThirdCol, .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FourthCol, .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.FifthCol { display: none; } .productDetailsArea #SmartClub .SPRedemption .divContentTable .divTableCell.SixthCol { width: 20%; } /* Shopping Cart */ .productDetailsArea .step01Area .formCol .enroltip { padding: 0px; } .productDetailsArea.ShoppingCart { font-size:90%; } .productDetailsArea.ShoppingCart .Summary { text-align: center; padding: 10px 2% 0px 2%;} .productDetailsArea.ShoppingCart .Summary.text-danger{ text-align: left; } .productDetailsArea.ShoppingCart .SubTitle {padding-left: 0; } .productDetailsArea.ShoppingCart .btnCtaGroup .div_btn {float:none; text-align: center;padding: 0 2% 3em 2%;} .productDetailsArea.ShoppingCart .divContentTable { padding: 0 2% 20px 2%;} .productDetailsArea.ShoppingCart .smartenrol {padding: 0px 2%;} .productDetailsArea.ShoppingCart .smartenrol table { width: 100%; margin: 0;} .productDetailsArea.ShoppingCart .smartenrol table td {padding:10px;} .productDetailsArea.ShoppingCart .smartenrol table td.titleCol { width: 25%;} .productDetailsArea.ShoppingCart .smartenrol .otherDetail {background:#fde145 ; padding:10px 0px;text-align:center} .productDetailsArea.ShoppingCart .smartenrol {width:96% ; padding: 0 0 20px 0;margin: 0 auto; float:none;} .productDetailsArea.ShoppingCart .smartenrol table td .btnApplyNow {margin :5px auto;} .productDetailsArea.ShoppingCart .smartenrol .divTable { display: block;} .productDetailsArea.ShoppingCart .smartenrol .divTableRow { display: block; } .productDetailsArea.ShoppingCart .smartenrol .divTable .divTableCell.FirstCol { width: 96%; padding: 0px; } .productDetailsArea.ShoppingCart .smartenrol .divTable .divTableCell {display: block;width: 96%; text-align:center;} } @media print { .ShoppingCartLandscape { page: slandscape; } } @page slandscape { size: A4 landscape; } @media screen and (max-width:635px) { .productDetailsArea .CancerScreening .sobCol .costTable { width:96% } .productDetailsArea .Preventive .sobCol .costTable { width:96% } .productDetailsArea .UCare .section1Col .section1 { width:96% } .productDetailsArea .UCare .section2Col .section2 { width:96% } } @media screen and (min-width: 1199px) { .productDetailsArea.OnilneAppTSM .step01Area .formCol.familyPlan .col01, .productDetailsArea.OnilneAppTSM .step01Area .formCol.familyPlan .col02, .productDetailsArea.OnilneAppTSM .step01Area .formCol.familyPlan .col03 { height: 335px } }