*{    
    font-family: "Roboto", "微軟正黑體", Arial, Verdana, Geneva, sans-serif;
    font-weight: 300;
}


body.loading {overflow: hidden; }
body.loading .modal { display: block;}
.shareDiv {display:none;}

.bold { font-weight:bold;}
.promotionArea .promotionInnerArea h1 span {letter-spacing: -0.3em;}

.insuranceSelectionArea h1 span {letter-spacing: -0.3em;}

.topNav .btnAgent a { text-transform:none }
.topNav .btnFontSize td a { line-height:1 }
.TelforDesktop {display:inline-block;}
.TelforMobile {display:none;}
.text-danger { color:red;}
.lSAction > .lSNext {margin-right: -45%}
.lSAction > .lSPrev {margin-left: -45%}
/*.frontBannerArea .bannerSlider .banner01 { background:none;}*/
.inline {display:inline-block}

.promotionArea .promotionPopArea .promotionContentArea { height:auto; }
.promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnApplyNow, .promotionArea .promotionPopArea .promotionContentArea .contentCol table td .btnPlanRenew { margin-right: 0px;}
.promotionArea .promotionPopArea .promotionContentArea .visualCol p {width:85%;}
.promotionArea .promotionPopArea .promotionContentArea .visualCol .btnCta {width:38%; left:31%;}
.btnTop img {opacity : 0.7}

.topNav .btnNavLogin {
    float: right;
    padding: 2px 4px 0 4px;
}
.topNav .btnNavLogin .btnNavLoginText { 
    font-size: 16px;
    color: #3e3e3e;
    line-height: 1;
    vertical-align: middle;
}

.topNav .btnNavLogin .btnNavLoginImg { 
    padding: 0px 2px;
}

.borderRed {border-color:red !important;}
.outlineRed {outline: 1px solid red; }

.importantNotesArea .lCol {font-size:2.5em;}
/*.importantNotesArea .rCol {font-size: 1.666em; color:#000;}*/
/* Search Result Page*/

/* search input field */
input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; /* remove the search and cancel icon */}

#SearchArea {position:absolute;right:30px;top:43px; z-index:9999; background-color:#fff; height:30px; padding:3px; font-size: 1.35em;}
.SearchInput {height:30px; line-height:30px;border-radius: 10em;padding-left:10px;box-shadow: 0 0 5px rgba(0,0,0,.5); margin-bottom:10px;background:#fff; }
.btnSearch {display:inline-block;width:80px; line-height:30px;border-radius: 10em; text-align:center !important;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;}
#SearchResult .ResultSet {padding :8px;}
#SearchResult .ResultSet div { margin:3px;}
#SearchResult c0 {font-weight: bold;}
#SearchResult hhurl {display:none;}
#SearchResult hhtitle {font-size: 130%;}
#SearchResult .title {font-size: 150%;font-weight: bold;padding :8px; }
#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 .row_num {display: inline-block; vertical-align: top; padding-top: 6px; width:12px;}
#SearchResult .Result {max-width:800px;}
/* Search Result Page*/

.header .innerArea .mobileNavShoppingBag { display: none;}
.header .innerArea .ShoppingCartBtn { top: -6px;}
.header .innerArea .ShoppingCartCount{ right: -9px !important; }
.header .innerArea .rCol {padding-top:25px;}
.header {height:115px;}
.topNav {top:115px;}


.header .innerArea h1 { font-weight: bold !important;}

.header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .menuCol { padding:30px 0 30px 10px; }
.header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .sloganCol{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#CustomerService .submenuInnerArea .sloganCol h1{text-decoration:underline }
.header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .imgCol { float:left; padding:30px 1.5%;} 
.header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .menuCol { padding:30px 0 30px 10px; }
.header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sloganCol{padding:30px 0 30px 10px; }
.header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sectionVisualCol{padding:30px 0 30px 10px;}


.header .innerArea .rCol li .submenuArea .submenuInnerArea .imgCol {display:none} 
.header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .sectionVisualCol{padding:30px 0 30px 10px;}
.header .innerArea .rCol li .submenuArea > div:nth-child(1) { margin-left:45px;}
.header .innerArea .lCol {width:270px;}
.header .innerArea .lCol .headerImg { height:60px;margin-top:10px;}
.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#CustomerService .submenuInnerArea .sloganCol h1.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;  padding:30px 0 30px 10px; border-right:1px solid #eee; border-left:none; }
.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;  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 h1 { text-decoration:underline;}
.header .innerArea .rCol li .submenuArea#Product .submenuInnerArea .sloganCol { border-left:1px solid #eee;}
.header .innerArea .rCol li .submenuArea#OnlineApp .submenuInnerArea .sloganCol { border-left:1px solid #eee;}
.header .innerArea .rCol li .submenuArea#CustomerService .submenuInnerArea .sloganCol { border-left:1px solid #eee;}


.footer .footerInnerArea  .col02 .icoRow .txtCol .timeinfo {font-size:1.25em; color:#3a3a3a }
.footer .footerInnerArea  .col02 .icoRow .txtCol .timeinfo .timeshift {margin-top:15px;}
.footerInnerArea .icoRow .btnCta img { top:0;}
.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}


/*Product style*/
.bannerArea {background: url(/images/common/img-content-banner-bg.jpg) no-repeat top center;}


.inputField{border:none;}
.productDetailsArea .step01Area .formCol h1 {margin-bottom:10px;}
.productDetailsArea .step01Area .formCol .totalDay div {display:inline-block;}
.productDetailsArea .step01Area .formCol .btnEnquiry {cursor:pointer;}
#div_Family h3 {font-size:125%; padding:5px 0;}

.TSM_Family , .TSM_Couple {padding:5px;}
.k-i-calendar , .k-i-arrow-s {margin-top:10px;}
.productDetailsArea .step01Area .formCol .inputField { margin-bottom:0px; min-height:65px;}
.TSM_field {width:99%;font-size:125%}
.TSM_RadioBtn { line-height:1.5; }
.TSM_RadioBtnLabel {font-size:1.25em; margin-left: 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;}



.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.3em;line-height: 1.4;}
.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 .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:365px;}
.quote_description {padding: 5px 0;}
.quote_description ol, .quote_description li {list-style-type: decimal;}
.quote_description ol {padding-left:20px;}
.quote_description {margin: 5px 0}

.quote_remark{margin: 5px 0}

.productDetailsArea .step02Area H1 { 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 .infoRow { margin-bottom: 8px; }
.productDetailsArea .step02Area .infoGroup { margin-bottom: 20px; }
.productDetailsArea .step02Area .tblCol .quote_description td{text-align:left; border:none; height:2em;line-height: 1.5;}
.productDetailsArea .step02Area .tblCol .quote_remark td{text-align:left; border:none; height:2em;}
.productDetailsArea #Quote .step02Area .tblCol #Accept {margin:5px}
.productDetailsArea #Quote .step02Area .tblCol #QuoteRemark td:nth-child(1) {text-align:center}
.productDetailsArea #Quote .step02Area .tblCol #QuoteDesc td:nth-child(1) {vertical-align:top;}

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;}
.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;font-weight: bold;}
.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 #Apply .step03Area .formCol .col.surname {width:30%;}
.productDetailsArea #Apply .step03Area .formCol .col.givenname {width:40%;}
.productDetailsArea #Apply .step03Area .formCol #div_Area {padding-top:15px;}


.step04Area .featureCol .btnQuote a { float:right; cursor:pointer; background:#fcb040 ;color: #fff;font-size: 16px; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; }
.step04Area .featureCol .btnQuote img { position: relative;margin-left: 5px;top: 2px;width: 16px;height: auto;}
#BenefitSchedule .sobCol .btnQuote a { float:right; cursor:pointer; background:#fcb040 ;color: #fff;font-size: 16px; padding: 5px 10px; border-radius: 3px;line-height: 1.2;text-align: left; }
#BenefitSchedule .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;}
.productDetailsArea #Confirm .step03Area .formCol table td .column {font-size:1.3em;padding: 10px 10px 5px 0px;}

#backgroundLayer #dialog .btnCtaGroup  .div_btn {width:100%;text-align: center; margin-top:20px;}
#backgroundLayer #dialog .btnCtaGroup .btnRequote {display:inline-block;  cursor:pointer; margin-left:10px;}
#backgroundLayer #dialog .btnCtaGroup .btnRequote a { background: #fcb040;color: #fff;font-size: 16px;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;}
#backgroundLayer #dialog .btnCtaGroup .btnSubmit a { background: #79c2ff;color: #fff;font-size: 16px;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;}

.mobileOnlineApplicaion {
    display: none;
}

.productDetailsArea .featureCol ul li
{ background-position-y: 10px; }

.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; }


#content strong i {
    font-weight: bold;
}

#content .hl_7 a i {
    font-weight: bold;
}

#awards .hl_8 i {
    font-weight: bold;
}